Layout-Plugins
Layout-Plugins strukturieren den Aufbau deiner Seiten. Sie definieren Abschnitte, Abstände und verschachtelte Bereiche, in die du Inhalts-Plugins einfügst.
Abschnitt-Plugins
Abschnitt-Plugins sind die Grundbausteine deiner Seitenstruktur. Sie fungieren als Eltern-Plugins: Du fügst darin weitere Plugins (Text, Bilder, Karten) ein.
| Plugin | Beschreibung |
|---|---|
| Text Abschnitt | Abschnitt für Textinhalte mit optionalem Bild |
| Text Seite | Ganzseitiger Textbereich |
| Text Bild 50/50 | Zweispaltiges Layout mit Text und Bild nebeneinander |
| Text Bild 50/50 mit Liste | Zweispaltiges Layout mit Aufzählung und Bild |
| Text Abschnitt mit Bildern / YouTube Videos | Textabschnitt mit Medieneinbettung |
Das Layout passt sich automatisch an mobile Geräte an: Auf kleinen Bildschirmen werden zweispaltige Abschnitte untereinander gestapelt.
Abstandssteuerung
Abstände zwischen Abschnitten lassen sich über die Spacing-Einstellungen der Eltern-Plugins steuern:
| Einstellung | Beschreibung |
|---|---|
| Abstand oben | Pixelwert oder vordefinierte Stufe (S, M, L, XL) |
| Abstand unten | Pixelwert oder vordefinierte Stufe |
Aktiviere die Checkbox Benutzerdefinierter Abstand, um individuelle Werte einzugeben.
Karten-Layouts
Für Mehrspaltenlayouts verwendest du Karten-Plugins, die automatisch in einem Raster angeordnet werden:
| Plugin | Beschreibung |
|---|---|
| Titel für Kacheln (mehrere Linien) | Eltern-Plugin für mehrzeilige Kacheln |
| Titel für Kacheln (eine Linie) | Eltern-Plugin für einzeilige Kacheln |
| Titel für CTA Cards | Eltern-Plugin für Call-to-Action-Karten |
| Titel für Card USP Plugin | Eltern-Plugin für USP-Karten |
| Titel für Card Icon Plugin | Eltern-Plugin für Icon-Karten |
| Titel für Roadmap Cards Plugin | Eltern-Plugin für Meilenstein-Karten |
Die Karten werden als Kind-Plugins innerhalb des jeweiligen Eltern-Plugins eingefügt. Das Raster passt sich automatisch an die Bildschirmbreite an.
Tipps
- Verwende Text Bild 50/50 für zweispaltige Layouts mit Text und Bild.
- Nutze Karten-Layouts für Mehrspaltenlayouts mit gleichartigen Elementen.
- Prüfe das Layout auf mobilen Geräten, bevor du veröffentlichst.
Updated 10 days ago