Raster-Element 2 Spalten
Hier zeigen wir Dir ein 2 Spalten-Beispiel Layout mit dem Inhaltselement Bild mit Text Overlay:
Button: +Inhalt (Neues Inhaltselement erstellen) -> Grid Elements -> 2 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
2 Columns haben wir ausgewählt.
Erweiterungsoptionen
Der Vorteil des 2 Spaltendesigns ist, dass Du Dich nicht unbedingt um die Skalierbarkeit für die jeweiligen Ausgabegeräte kümmern musst!
Du kannst die Defaulteinstellungen übernehmen. Nur bei einem Responsive Design mit einer Breite von weniger als 480 px gibt es geringfügige Probleme, ist aber heutzutage nicht mehr relevant.
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
