Layouts
Spalten
Breite und schmale Spalten
Zweispaltige Blöcke können in ein Layout für schmale und breite Spalten gesetzt werden.
Layout Schmal – Weit
Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.
Layout Weit – Schmal
Text kann auch in mehreren Spalten gesetzt werden. Spalten eignen sich als weitere Möglichkeit, Text zu strukturieren.
3 Spalten
4 Spalten
Zentrierte Spalteninhalte
Erweiterte Inhalte für Spalten
Spalten können nicht nur Text enthalten, sondern auch weitere Elemente wie Bilder, Zitate oder Buttons.
Spalteninhalte können vertikal zentriert ausgerichtet werden. So entsteht eine schönere Balance zwischen Bild und Text.
Bild und Text
Der Block für Bild und Text ist eine Variante der Spalte, die es dir ermöglicht, die Reihenfolge von Bild und Text auf breiten Bildschirmen zu wechseln, aber die Reihenfolge auf schmaleren Bildschirmen (mobile Geräte) zu behalten.
Dieser Block z.B. hat eine andere Reihenfolge als der Block zuvor. Betrachtest du aber diese Seite auf einem schmalen Bildschirm, dann kommt immer das Bild zuerst.
Erzeuge Emotionen
Natürlich ist es auch beim Block Bild und Text möglich, mit mehr als einfachen Text-Blöcken zu arbeiten. Überschrift und Zitate funktionieren auch hier.
Ein Zitat vielleicht?
Mehr Platz für Bilder
Du kannst einem Bild mehr Platz geben. Das Bild erhält dann 2⁄3 des verfügbaren Platzes.
Mehr Platz für Text
Das gleiche funktioniert auch umgekehrt, wenn du dem Text mehr Platz als dem Bild geben willst. Das Bild erhält dann 1⁄3 des verfügbaren Platzes. Aber keine Angst, die Zeilenlänge des Textes wird auch hier nicht breiter als normal, sodass er immer noch angenehm zu lesen ist.