Raster-Element 3 Spalten
Hier zeigen wir Dir ein 3 Spalten-Beispiel Layout mit dem Inhaltselement Bild mit Text Overlay:
Button: +Inhalt (Neues Inhaltselement erstellen) -> Grid Elements -> 3 Columns.
Folgende Einstellungen sind vorzunehmen:
Allgemein:
Inhaltselement
Typ: Grid Element haben wir ausgewählt.
Spalte: Unterseiten Bereich neben Navigation, erstellt das Inhaltselement rechts von der Seitennavigation.
Überschriften
Überschrift: Obwohl die Überschrift bei diesem Element in der Webseite nicht sichtbar ist , solltest Du zur besseren Erkennbarkeit des Inhaltselements im Backend einen aussagekräftigen Namen vergeben. Alle anderen Einstellungen kannst Du frei lassen.
Grid Layout
3 Columns haben wir ausgewählt.
Erweiterungsoptionen
Beim 3 Spalten-Design ist die Skalierbarkeit unter Erweiterungsoptionen für die jeweiligen Ausgabegeräte unbedingt anzupassen!
Wir empfehlen nach ersten Tests:
Mobilgeräte: 100%
Tablets und Full HD (Desktop): 33%
WQHD (2,56K) und Ultra HD (4K) (Grosse Screens): 33%
Weitere class-Attribute und Raw-classes bleiben unberührt.
Für weitere Einstellmöglichkeiten beachte die Konfiguration für alle Inhaltselemente.
Wenn Du alle Einstellungen für das Spalten Layout vorgenommen hast, einmal Speichern -> Schließen und abschließend die Spalten via Button +Inhalt mit Inhalt z.B.: Bild mit Text Overlay befüllen.
Achtung: Bei der Verwendung der Option Frontend-Layout: Overlay ist unbedingt darauf zu achten, dass bei allen Elementen im Bildeditor dass richtige immer gleiche Seitenverhältnis eingestellt wird, damit alle Kacheln in einer Reihe die selbe Höhe haben.
Für Personenkacheln empfehlen wir ein Seitenverhältnis von "2:3", für die meisten anderen Kacheln dürfte das Verhältnis "frei" oder "16:9" richtig sein. Ggf. sind die Bilder mit einem Bildberabeitungsprogramm für das richtige Seitenverhältnis vorzubereiten.
Für weitere Einstellmöglichkeiten beachte die Konfiguration für alle Inhaltselemente
