Zum Inhalt

Layout

Voraussetzung

Modul Layout Blocks (immer aktiv) muss unter Theme → Module aktiv sein.

Diese Seite ist noch im Aufbau

Das Gerüst steht, die ausführliche Beschreibung folgt. Die Angaben zu Modul, Blöcken und Einstellungen sind geprüft.

Wozu

Zwei Blöcke für den Seitenaufbau, wenn die Core-Blöcke nicht reichen:

Block Wofür
Responsive Spalten Spalten mit unterschiedlicher Spaltenzahl je Bildschirmgröße, Umbruchverhalten und 12er-Raster
Responsives Raster Rasterlayout mit Steuerung je Bildschirmgröße

Erst die Core-Blöcke probieren

Für einfache Spalten genügt der Core-Block Spalten. Die Responsiven Spalten lohnen sich, wenn sich die Spaltenzahl zwischen Mobil, Tablet und Desktop unterscheiden soll.

Responsives Raster ist der Nachfolger des früheren Gruppen-Stils Responsive Grid. Bestehende Inhalte funktionieren weiter; für Neues ist der Block die Wahl.

Einstellungen

Die Einstellungen sitzen in der Blockseitenleiste und gelten je Bildschirmgröße. Die Breakpoints entsprechen den Stufen sm bis xxl.

Verwenden

Dieser Abschnitt folgt.

Entwicklertipps

Beide Blöcke speichern ihr Markup statisch im Beitrag und werden nicht bei jedem Aufruf neu gerendert.

Die Breakpoints lassen sich über den Filter twtheme_gutenberg_layout_breakpoints anpassen.

Abstände und Breiten kommen aus der theme.json, nicht aus dem Stylesheet — siehe Design-Tokens.

Weiter