Block Spalten
| Name des Blocks: | Spalten |
| Englische Bezeichnung: | Columns |
| Ist in der Sektion: | Design |
| Getestet mit WordPress-Version: | 5.6 |
| Überarbeitet am: | 9. November 2020 |
| Getestet mit WordPress-Theme: | Twenty Twenty |
Werkzeugleiste
Spalten
Alle Blöcke können in Spalten umgewandelt werden. Klickt man auf das erste Icon der Block-Werkzeugleiste wird ein Menü aufgeklappt.
Dort wurde mit WordPress 5.6 die Option “Spalten” hinzugefügt. Das fehlt auf einigen Abbildungen.
Icon mit Pfeil nach oben/unten
Wenn mehr als ein Block in den Inhaltsbereich eingefügt wird, erhält die Block-Werkzeugleiste zwei weitere Icons. Auf dem Bild rechts wird das Icon mit den Pfeilen nach oben und nach unten hervorgehoben.
Durch Klick auf eins der Pfeile wird der Block in die entsprechende Richtung bewegt.
Icon mit Drag-and-Drop-Funktion
Dieses Icon gibt es seit WordPress 5.5.2. Klick darauf, Mauszeiger gedrückt halten und den Block an die gewünschte Stelle ziehen.
Beide Icons sind auf den meisten hier abgebildeten Block-Werkzeugleisten nicht zu sehen.
Seitenleiste
Beitrag oder Seite statt Dokument
In der rechten Seitenleiste hieß der erste Tab bislang immer Dokument.
Dies wurde nun geändert, je nachdem, ob man an einer Seite oder einem Beitrag arbeitet, steht dort der entsprechende Name.
Für diese Änderung wurden die Abbildungen auf gutenberg-editor.de nicht extra neu erstellt.
Theme Twenty Twenty-One
Zusätzliche Styles
Alle Abbildungen auf gutenberg-editor.de wurden mit dem Theme Twenty Twenty erstellt. Mit WordPress 5.6 gibt es ein neues Standard-Theme: Twenty Twenty-One.
Im Großen und Ganzen ähneln sich die Darstellungen im Adminbereich. Doch hin und wieder hat das neue Theme zusätzliche Styles, zum Beispiel beim Block Bild die Styles Frame und Borders (Rahmen).
Farbtafeln
Das neue Theme Twenty Twenty-One stellt andere Auswahlfarben zur Verfügung als das Theme Twenty Twenty.
Rechts ist oben die Farbtafel von Twenty Twenty und darunter die von Twenty Twenty-One zu sehen.
Selbstverständlich stehen in beiden Themes unter dem Link “individuelle Farbe” alle denkbaren Farben zur Verfügung.
Generell gilt: Jedes Theme kann hinsichtlich Darstellung variieren. Die Grundelemente jedoch sollten sich kaum unterscheiden.
Beschreibung: Block Spalten
Der Block Spalten ist ein Container mit bis zu 6 Spalten, in die Blöcke eingefügt werden können. Jeder eingefügte Block bringt seine eigene Werkzeugleiste mit.
Die Appender visualisieren jede Spalte und zeigen den Inserter (+-Zeichen) mittig an. Ein Klick darauf öffnet das Menü, aus dem man den gewünschten Block zum Einfügen in die Spalte auswählen kann.
Anfangs, nach dem Einfügen des Blocks Spalten, kann zwischen 5 voreingestellten Layouts gewählt werden, oder man überspringt diesen Punkt.
Werkzeugleiste
Der Block Spalten kann, wenn das Theme es erlaubt, auf Inhalts- oder Bildschirmbreite gesetzt werden, siehe Spalte “Werkzeugleiste”.
Eine vertikale Ausrichtung ist sowohl für alle Spalten (Elternelement) als auch für einzelne Spalten möglich.
Man könnte also z. B. alle Spalten vertikal auf mittig setzen und einzelne Spalten dann gesondert auf oben oder unten.
Seitenleiste
Die Seitenleiste bietet zusätzlich die Option, die Anzahl der Spalten und deren Breite – prozentual oder durch Ziehen –zu bestimmen. Dem gesamten Block Spalten (Elternelement) könnten global Textfarbe, Hintergrundfarbe und -verlauf zugeordnet werden.
Diese globalen Farben können durch Spalteninhalte (eingefügte Blöcke) überschrieben werden, falls die Blöcke entsprechende Funktionen enthalten.
Die Seitenleiste ist kontextabhängig. Sobald man in der anfägnlichen Blockansicht eine Spaltenanzahl ausgewählt hat, wird eine zusätzliche Option in der Seitenleiste angezeigt (Spaltenanzahl ändern).
Arbeitet man statt im Elternelelemt in einer einzelnen Spalte wird eine auf die Spalte bezogene Seitenleiste angezeigt.
Werkzeugleiste
Von links nach rechts:
- Blocktyp ändern
- Breite ändern
- Block auf Inhaltsbreite
- Block auf Bildschirmbreite
- Weitere Optionen
Nach Auswahl der Spaltenanzahl
Von links nach rechts:
- Blocktyp ändern
- Breite ändern
- Block auf Inhaltsbreite
- Block auf Bildschirmbreite
- Vertikale Ausrichtung ändern
- Vertikal oben
- Vertikal mittig
- Vertikal unten
- Weitere Optionen
Einzelne Spalte
Von links nach rechts:
- Elternelement auswählen
- Spalte nach links/rechts
- Vertikale Ausrichtung ändern
- Vertikal oben
- Vertikal mittig
- Vertikal unten
- Weitere Optionen
Seitenleiste
WordPress 5.3
Video-Anleitung zum Block Spalten
Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.