Zum Inhalt springen

Layout in einer oder mehreren Spalten

Diese Template-Variante ist für die Darstellung von Inhalten über die gesamte Breite des Bildschirms optimiert.

Die Darstellung von Inhalten in einer "Seitenspalte" ist in dieser Template-Variante bewußt nicht möglich. Der Grund dafür ist, das eine solche "Seitenspalte" auf mobilen Endgeräten - welche heute von den meisten Seitenbesuchern verwendet werden - ohnehin nicht sinnvoll dargestellt werden kann.

Beachten Sie auch die Anmerkungen zur Ausnutzung der Seitenbreite bei langen Texten, sowie die Möglichkeiten farbige Hintergründe zu erzeugen.

Es stehen für mehrspaltige Layouts unter Template-Elemente > Layout-Zeile folgende Optionen zur Verfügung:

Row 1 Spalte (12 - Voll)

Dies ist die Standard-Einstellung, welche für die meisten Inhalte verwendet werden sollte.

Row 2 Spalten (6 - 6)

Ermöglicht die Darstellung von 2 gleichgroßen Spalten nebeneinander.

Row 2 Spalten (6 - 6)

Ermöglicht die Darstellung von 2 gleichgroßen Spalten nebeneinander.

Row 3 Spalten (4 - 4 - 4)

Ermöglicht die Darstellung von 3 gleichgroßen Spalten nebeneinander.

Row 3 Spalten (4 - 4 - 4)

Ermöglicht die Darstellung von 3 gleichgroßen Spalten nebeneinander.

Row 3 Spalten (4 - 4 - 4)

Ermöglicht die Darstellung von 3 gleichgroßen Spalten nebeneinander.

Row 2x3 Spalten (4 - 4 - 4)

Diese spezielle Row - siehe das Beispiel unten - stellt die Elemente auf größeren Bildschirmen mit einem besonderern Spalten / Zeilen Anordnung dar. Die zusammengehörenden Inhalte bilden auf großen Bildschimen einen Spalte (stehen also über / untereinander), auf mittleren Bildschirmen bilden die zuammengehörenden Elemente hingegen eine Zeile (stehen also nebeneinander), während auf kleinen Bildschirmen die Elemente wieder untereinander stehen.

Inhalt 1

Das Bild von Inhalt 1 wechselt die Position je nach Bildschirmgröße.

Bild von Inhalt 1

Das Bild von Inhalt 1 wechselt die Position je nach Bildschirmgröße.

Inhalt 2

Das Bild von Inhalt 2 wechselt die Position je nach Bildschirmgröße.

Die Hände gehen hoch im Konzert

Das Bild von Inhalt 2 wechselt die Position je nach Bildschirmgröße.

Inhalt 3

Das Bild von Inhalt 3 wechselt die Position je nach Bildschirmgröße.

Saxophonspieler im stimmungsvollem Licht

Das Bild von Inhalt 3 wechselt die Position je nach Bildschirmgröße.

Darstellung von Elementen in der "Row 12"

Elemente in der "Row 12" erzeugen per Vorgabe ein Layout, welches mit diesem Raster abgestimmt ist. Beachten Sie z.B. den rechten Rand des Bildes in dem folgenden Inhalts-Abschnitt mit der darüber liegenden "Row 3 Spalten":

Saxophonspieler im stimmungsvollem Licht

Kurzer Typoblindtext

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.