Modifikation FlexCards von marusti

Neu ist ein zusätzlicher Parameter nach Row = Gestalter:

{ FlexCards | Row | Gestalter | Inhalt }

• Parameter 1: Row, wie bisher, definiert Plugin als umschließenden Container
• Parameter 2: Gestalter, definiert das Aussehen der enthaltenen Karten
• Parameter 3: Inhalt, wie bisher, nimmt Karten auf

Parameter 3 von Row enthält 1 bis n Karten in der Form:

{ FlexCards | Card | Breite | Titel | Text | Fuß }

• Parameter 1: Card, definiert Plugin als Karte
• Parameter 2: Breite, jeder Karte kann indiv. Breite zugewiesen werden; LEER =  verfügbare Breite
• Parameter 3 - 5: Inhalte für Titel-, Text- und Fußbereich

Konkretes Beispiel:

(Parameter 2 nach Row leer; Plugin verhält sich, wie gewohnt)
{ FlexCards | Row | |
    { FlexCards | Card | 250 | Titel 1 | Inhalt Karte 1 | Fuß 1 }
    { FlexCards | Card | 250 | Titel 2 | Inhalt Karte 2 | Fuß 2 }
    { FlexCards | Card | 250 | Titel 3 | Inhalt Karte 3 | Fuß 3 }
}

---

---

Erklärung zum Beispiel:

• Reihenelement mit 3 Karten
• Reihenelement ohne Parameter 2 (Gestalter); kompatibel mit Vorversion; Formatierung Standard - hier Grautöne
• Kartenelemente mit Breite 250px

NEU! Parameter 2 am Reihenelement - Aussehen der Karten gestalten:

Was kann gestaltet werden?

• Layout - zentriert, links- / rechtsbündig, Kartenabstand
• Stil - Rundung, Schatten, Rahmen
• Farbschema - Rot, Grün, Blau, Beige, Dunkel
• Inhalt - Bilder, Zeilenhöhe, etc.

Anwendung: Zuweisung vorgefertigte Schemata bei Integration Plugin in die Seite.

1. Einzelkarten - volle Breite; hier 1400px

Titel

Text

Titel

Ausblendung Bereich - hier Fuß - komplett unsichtbar

2. Reihe von Karten - Grün, linksbündig

Aufruf:
'{'FlexCards|Row| fc-layout-left fc-theme-green | ... Karten ... '}'

3. Reihe von Karten - Farbschema Sand, Abstand, Rundung

Aufruf:
'{'FlexCards|Row| fc-theme-sand fc-layout-gap-sm fc-frame-round-lg | ... Karten ... '}'

4. Reihe von Karten - Dunkel, Bilder nicht unifiziert

Aufruf:
'{'FlexCards|Row| fc-theme-dark | ... Karten ... '}'

5. Reihe von Karten - Erstes Bild füllend

Aufruf:
'{'FlexCards|Row| fc-content-img-top-sm fc-theme-green | ... Karten ... '}'