Mit dem Gruppen-Block kannst du mehrere einzelne Blöcke zusammenfassen und diese auch optisch von anderen Blöcken abgrenzen.
Die Block-Werkzeugleiste
Der Gruppen-Block nimmt standardmäßig die gesamte Breite des Inhaltsbereichs ein. Die einzige Einstellung in der Werkzeugleiste ist die Ausrichtung, mit dem du den Block auch auf die weite oder volle Breite vergrößern kannst.
Du kannst jeden anderen Block mit dem Gruppen-Block gruppieren, entweder einzeln oder mit anderen Blöcken zusammen.
Du findest die Möglichkeit der Gruppierung zum einen unter der “Umwandeln”-Funktion des jeweiligen Blocks: neben den bisherigen Möglichkeiten wird dir dort auch der Gruppen-Block angeboten. Dabei wird der Block nicht umgewandelt, sondern lediglich in einen neuen Gruppen-Block verschoben.
Zum anderen kannst du im weiterführenden Menü einen oder mehrere Blöcke gruppieren und auch die Gruppierung aufheben. Das bedeutet, dass die Gruppe entfernt wird. Die enthaltenen Blöcke bleiben bestehen. Der Menüpunkt findet sich an vorletzter Stelle.
Die Einstellungen im weiterführenden Menü hinter den drei Punkten am Ende erklären wir dir auf der Übersichtsseite der Blöcke unter Die Block-Werkzeugleiste. Ein Gruppen-Block kann nicht als HTML bearbeitet werden.
Seit WordPress 5.9 gibt es den Zeile-Block, in WordPress 6.0 folgte der Stapel-Block. Beide Blöcke sind Variationen des Gruppen-Blocks, welche sich durch Flexbox-CSS unterscheiden. Der Gruppen-Block selbst kommt ohne Flexbox-Angaben aus, die Blöcke verhalten sich nach dem normalen Flow.
Die Einstellungen in der Seitenleiste
Ganz oben in der Seitenleiste kannst du schnell zwischen den beiden anderen, eben angesprochenen Variationen Zeile und Stapel wechseln.
Der Bereich Layout ist in Kombination mit einem Block-Theme sichtbar. Hier kannst du einstellen, ob der Gruppen-Block die Standard-Einstellungen des Themes hinsichtlich der Breite übernimmt. Wenn der Gruppen-Block nicht das Standard-Layout erben soll, siehst du zwei Eingabefelder für Inhalt und Breit. Dabei steht Inhalt für den normalen Inhaltsbereich und Breit für die “weite Breite”.
Die Farbe– und Typografie-Einstellungen sind die gleichen wie beim Absatz-Block, wo bereits alle Einstellungen einmal erklärt sind.
Bei Größe kannst du den Innen- und Außenabstand anpassen und hier zwischen der Eingabe für alle Seiten gleichzeitig oder jede Seite einzeln wechseln. Auch der Abstand zwischen den Blöcken kann gesondert eingestellt werden.
Bei Ränder kannst du verschiedene Einstellungen für einen Rand setzen. Möglich ist die Breite in Pixel, Prozent, Em, Rem, VW (Viewport Width) oder VH (Viewport Height). Dein Theme kann auch nur eine Auswahl dieser Einheiten bereitstellen. Den Stil kannst du als durchgehend, gestrichelt oder gepunktet einstellen. Bei der Farbe kannst du frei wählen oder eine Farbe der vorgegebenen Farbpaletten nutzen. Zusätzlich kann ein Radius eingestellt werden, um die Ecken abzurunden, entweder über das Eingabefeld oder den Slider daneben. Auch hier kannst du die Einheit anpassen. Wenn nötig, kannst du die Eingabe auch umschalten, sodass du statt für alle vier Ecken gleichzeitig den Radius für jede Ecke einzeln einstellen kannst.
Unter Erweitert kannst du das HTML-Element des Gruppen-Blocks anpassen. Standardmäßig wird eine Gruppe mit einem Div-Element umschlossen. Du kannst zwischen folgenden HTML-Elementen wählen:
- Standard (
<div>) <header><main><section><article><aside><footer>
Umwandeln in andere Blöcke
Du kannst eine Gruppe in folgende Blöcke umwandeln:
Die Umwandlung in Spalten bewirkt, dass der Gruppen-Block in den Spalten-Block verschoben wird.
Eine Umwandlung in eine Zeile oder einen Stapel kannst du über die Einstellungen in der Seitenleiste vornehmen (siehe oben).