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 von Bild mit Text Overlay im Raster-Element ist unbedingt darauf zu achten, dass bei allen Elementen im Bildeditor dass Seitenverhältnis nicht "frei" sein darf, sondern eines der angegeben Seitenverhältnisse ausgewählt werden muss, damit die Elemente in einer Flucht sind.
Für Personenkacheln empfehlen wir ein Seitenverhältnis von 2:3, für die meisten anderen Kacheln dürfte das Verhältnis 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
