Block Cover
| Name des Blocks: | Cover |
| Englische Bezeichnung: | Cover |
| Ist in der Sektion: | Medien |
| Getestet mit WordPress-Version: | 5.6 |
| Überarbeitet am: | 8. 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 Cover
Der Block Cover ermöglicht es, ein einzelnes Bild (scrollend oder fixiert) oder Video als Hintergrund einzufügen, über das eine Farbe oder ein Farbverlauf mit variabler Transparenz sowie alle Blöcke des Block-Editors (mit all ihren Funktionen) gelegt werden können.
Statt des Bildes oder Videos ist es auch möglich, eine Hintergrundfarbe zu definieren.
Werkzeugleiste
Der Block Cover, inklusive Bild/Video kann über die Werkzeugleiste ausgerichtet werden, siehe Spalte “Werkzeugleiste”. Die erste Werkzeugleiste (oben) sieht so aus, nachdem der Block Cover eingefügt wurde. Die Werkzeugleiste ändert sich (zweite Werkzeugleiste) wenn Hintergrund-Farbe/-Bild oder -Video gewählt wurde.
Je nachdem ob Hintergrund-Bild, -Video oder -Farbe eingefügt wurde, kann der Block Cover in Gruppe, Gruppe oder Video bzw. Gruppe oder Bild umgewandelt werden
Seitenleiste
Die Seitenleiste ändert sich, je nachdem ob der Block Cover unbearbeitet ist (siehe Spalte Seitenleiste oben) oder ob Hintergrundfarbe, Coverbild oder Covervideo eingefügt wurden.
In den Seitenleisten stehen zusätzlich die Optionen, das Hintergrundbild zu fixieren sowie Overlay-Farbe oder -Farbverlauf oder und deren Deckkraft für Bild und Video zu bestimmen.
Es gibt eine Fokuspunkt-Auswahl für das Bild sowie für das Video, siehe Spalte “Seitenleiste”. Damit kann der Ausschnitt für die Anzeige des Bildes gewählt werden, was bei der Ausrichtung des Blocks zur Anwendung kommt.
Neu in 5.6 ist die Möglichkeit, ein sich wiederholendes Hintergrundbild einzufügen. Die y- oder x-Achse kann leider nicht bestimmt werden.
Das Festlegen einer Mindesthöhe ist optional in Pixelmaßen möglich. Die Höhe kann aber auch über die Anfasser direkt am Block Cover definiert (gezogen) werden.
Werkzeugleiste
Von links nach rechts:
- Block-Typ ändern
- Nach oben/unten bewegen
- Ausrichtung und Breite
- Block links ausrichten
- Block zentrieren
- Block rechts ausrichten
- Block auf Bildschirmbreite
- Block auf Inhaltsbreite
- Weitere Optionen
Von links nach rechts:
- Block-Typ ändern
- Nach oben/unten bewegen
- Ausrichtung und Breite
- Block links ausrichten
- Block zentrieren
- Block rechts ausrichten
- Block auf Bildschirmbreite
- Block auf Inhaltsbreite
- Position der inneren Blöcke
- Ersetzen
- Weitere Optionen
Seitenleiste
WordPress 5.3
Video-Anleitung zum Block Cover
Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.