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 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
