Mehrspaltiger Content
Mit mehrspaltigem Content können Sie Inhaltselemente nebeneinander anzeigen – z. B. zwei Texte oder Bilder in zwei Spalten. Die Spalten werden über die Rahmen-Einstellung im Tab „Erscheinungsbild" gesteuert.
Grundprinzip
Mehrspaltiger Content funktioniert durch das wechselseitige Zuweisen von Positionen (Links/Mitte/Rechts) an aufeinanderfolgende Inhaltselemente. Die Reihenfolge im Backend bestimmt die Darstellung im Frontend.
Zweispaltiges Layout
Ziel: Zwei Inhaltselemente nebeneinander (links und rechts).
Schritt für Schritt:
- Erstes Element: Tab „Erscheinungsbild" → Rahmen: „2 Spalten, Inhalt links"
- Zweites Element (direkt darunter): Rahmen: „2 Spalten, Inhalt rechts"
Wichtig
Die Reihenfolge im Backend muss alternierend sein: Links → Rechts → Links → Rechts.
Damit wird sichergestellt, dass die Content-Elemente im Frontend korrekt nebeneinander dargestellt werden.
Dreispaltiges Layout
Ziel: Drei Inhaltselemente nebeneinander.
Schritt für Schritt:
- Erstes Element: Rahmen: „3 Spalten, Inhalt links"
- Zweites Element: Rahmen: „3 Spalten, Inhalt Mitte"
- Drittes Element: Rahmen: „3 Spalten, Inhalt rechts"
Wichtig
Die Reihenfolge im Backend muss lauten: Links → Mitte → Rechts.
Damit wird sichergestellt, dass die Content-Elemente im Frontend korrekt nebeneinander dargestellt werden.
Platzhalter für unvollständige Zeilen
Wenn eine Zeile nicht vollständig befüllt ist (z. B. nur 1 von 2 Spalten), fügen Sie ein verstecktes Platzhalter-Element ein:
- Neues Inhaltselement anlegen, Typ: „Überschrift"
- Überschrift eintragen (wird nicht angezeigt, hilft im Backend)
- Element ausblenden (Auge-Icon)
- Rahmen auf die fehlende Position setzen (z. B. „2 Spalten, Inhalt rechts")
- Speichern
Ohne Platzhalter kann das Layout im Frontend verrutschen.
Übersicht der Rahmen-Optionen
| Rahmen | Verwendung |
|---|---|
| 2 Spalten, Inhalt links | Linke Spalte einer 2-Spalten-Reihe |
| 2 Spalten, Inhalt rechts | Rechte Spalte einer 2-Spalten-Reihe |
| 3 Spalten, Inhalt links | Linke Spalte einer 3-Spalten-Reihe |
| 3 Spalten, Inhalt Mitte | Mittlere Spalte einer 3-Spalten-Reihe |
| 3 Spalten, Inhalt rechts | Rechte Spalte einer 3-Spalten-Reihe |
Kombinieren mit Akkordeon
Mehrspaltige Elemente können auch als Akkordeon dargestellt werden. Wählen Sie den Rahmen „Akkordeon" zusätzlich zu den Spalten-Einstellungen.
Details finden Sie in der Anleitung zum Akkordeon.