Designen mit dem Columns-Block in WordPress
Einführung in den Columns-Block
Der Columns-Block in WordPress ist ein vielseitiges Werkzeug zur Erstellung individueller Layouts. Als Container-Block bietet er die Möglichkeit, Inhalte in bis zu sechs Spalten einzufügen. Dies eröffnet zahlreiche Gestaltungsmöglichkeiten, da sich Text, Medien und andere Inhaltsblöcke flexibel anordnen lassen. Mehrere Columns-Blöcke hintereinander erzeugen zudem einen ansprechenden Rastereffekt.
Hinzufügen und Anpassen eines Columns-Blocks
Um einen Columns-Block hinzuzufügen, klicke auf den Inserter und gib „columns“ ein. Alternativ kannst du auch „/columns“ in den Editor tippen und den Block von dort auswählen. Du kannst die Anzahl und Größe der Spalten festlegen, mit denen du beginnen möchtest. Der Columns-Block bietet die Möglichkeit, in jede Spalte weitere Blöcke einzufügen, wie z.B. Bild-, Überschriften- oder Absatzblöcke. Eine interessante Design-Option ist das Hinzufügen eines Cover-Blocks in jede Spalte, um visuelle Akzente zu setzen.
Verwendung der Block-Toolbar
Der Columns-Block hat eine übergeordnete Beziehung zu den einzelnen Spalten, die Teil des Hauptblocks sind. Über das Ausrichtungs-Icon lässt sich die Breite des Blocks auf „wide-width“ oder „full-width“ einstellen. Eine nützliche Funktion ist das Duplizieren von Spalten: Wähle die dritte Spalte aus, klicke auf die drei vertikalen Punkte und wähle „Duplizieren“. Dies spart Zeit und Mühe bei der Gestaltung. Einzelne Spalten lassen sich auch mit den Pfeilen in der Block-Toolbar verschieben oder per Drag-and-Drop in der Listenansicht neu anordnen.
Seiteneinstellungen und Stile
Um eine weitere Spalte hinzuzufügen, klicke auf den Inserter zwischen zwei Spalten oder wähle den übergeordneten Block aus und öffne die Seiteneinstellungen. Unter „Columns“ kannst du die Anzahl der Spalten erhöhen oder verringern. Zudem gibt es die Option „Stack on Mobile“, die sicherstellt, dass die Spalten auf mobilen Geräten übereinander gestapelt werden.
Im Bereich „Styles“ kannst du die Farben sowohl des Hauptblocks als auch der einzelnen Spalten ändern. Verschiedene Typografie-Optionen sind verfügbar, darunter Schriftfamilie, Erscheinungsbild und Buchstabenabstand. Auch die Größe des Columns-Blocks lässt sich anpassen. Unter „Dimensions“ kannst du den Abstand um den Inhalt des Blocks herum anpassen, Margen hinzufügen oder den Abstand zwischen den Spalten ändern. Schließlich können am unteren Rand der Stile ein Rahmen und ein Radius hinzugefügt werden, ebenso wie ein Schlagschatten.
Transformation anderer Blöcke
Eine weitere nützliche Funktion ist die Möglichkeit, andere Blöcke in einen Columns-Block zu transformieren und umgekehrt einen Columns-Block in einen Gruppenblock zu konvertieren.
Gestaltungsmöglichkeiten mit dem Columns-Block
Der Columns-Block bietet vielfältige Gestaltungsmöglichkeiten, sei es zur Vorstellung deines Teams, zur Darstellung verschiedener Medientypen oder zur Erstellung einer Preistabelle. Nutze den Columns-Block, um deine individuellen Designanforderungen zu erfüllen.