Block: Cover

Mit dem Cover-Block kannst du Inhalte auf eine Hintergrundfarbe, ein Bild oder ein Video legen. Bei Bild und Video kannst du diese zusätzlich mit einer Overlay-Farbe versehen.

Die Block-Werkzeugleiste

Screenshot des Cover-Blocks, ohne das Inhalt hinzugefügt wurde.

Beim Cover-Block kannst du entweder ein Bild oder ein Video hinzufügen. Seit WordPress 5.3 ist es außerdem möglich, eine einfache Hintergrundfarbe statt eines Bildes oder Videos zu wählen.

Screenshot des Cover-Blocks, nachdem ein Bild von einem Strand und Meer aus der Vogelperspektive sowie dem Text "Ein Tag am Meer" hinzugefügt wurde.

Neben der Umwandlung in ein einfaches Bild oder Video (je nach gewähltem Medium), kannst du den Cover-Block linksbündig, zentriert und rechtsbündig ausrichten. Erlaubt es das Theme, ist auch eine weite und volle Breite des Cover-Blocks möglich.

Als nächste Einstellung kannst du die Position des Inhaltes anpassen. Standardmäßig ist der Inhalt zentriert ausgerichtet. Du kannst den Inhalt an neun mögliche Positionen ausrichten: von oben nach unten sowie von links nach rechts. Das Icon in der Block-Werkzeugleiste passt sich der gewählten Position an und markiert diese mit einem dickeren Punkt.

Über „Ersetzen“ kannst du das Medium austauschen und anpassen.

Seit WordPress 5.3 ist es möglich, Blöcke aller Art innerhalb eines Cover-Blocks hinzuzufügen. Seit WordPress 5.5 sind auch Farbverläufe als Hintergrund möglich:

Screenshot eines Cover-Block, bei dem ein bunter Farbverlauf als Hintergrund gewählt wurde. Der eingegebene Text lautet "Knallige Verläufe!".

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.

Die Einstellungen in der Seitenleiste

Screenshot der Cover-Einstellungen in der Seitenleiste, wenn ein Hintergrundbild gewählt wurde.
Screenshot der Cover-Einstellungen in der Seitenleiste, wenn ein Hintergrundverlauf gewählt wurde.

Je nachdem, ob du ein Medium oder einen Hintergrund beim Cover gewählt hast, unterscheidet sich die Seitenleiste ein wenig.

Bei einem Bild wird mit „Hintergrund fixiert“ eingestellt, dass das Bild beim Scrollen feststeht. Bei Video ist das nicht möglich.

Die Fokuspunkt-Auswahl ist besonders hilfreich, wenn du ein Bild verwendest, dessen Hauptobjekt nicht genau in der Bildmitte liegt. Du kannst den Fokuspunkt mit der Maus anklicken und bewegen, oder die horizontale und vertikale Position manuell wählen.

Über den Button „Medien entfernen“ kannst du das Bild oder Video vom Cover-Block löschen. Die Inhalte (Überschrifte, Absätze, andere Blöcke) bleiben erhalten, es wird auf die Hintergrundfarbe gewechselt.

Unter „Größe“ kannst du eine Mindesthöhe in Pixeln angeben, wie hoch der Cover-Block mindestens dargestellt werden soll.

Bei der Overlay-Farbe kannst du die Standard-Farbe des Overlays nach deinen Wünschen anpassen. Über den Link „Individuelle Farbe“ kannst du zusätzlich deine ganz individuelle Farbe auswählen. Auch die Eingabe eines Hexadezimal-, eines RGB- und eines HSL-Farbwertes ist dort möglich.

Auch die Deckkraft des abdunkelnen Overlays kannst du einstellen. Diese ist standardmäßig bei 50 eingestellt und reicht von 0 (kein Overlay) bis 100 (Overlay vollständig, Bild nicht mehr sichtbar).

Bei einer gewählten Hintergrundfarbe bzw. einem Hintergrundverlauf ist das Overlay der Hintergrund.

Unter Erweitert kannst du einen HTML-Anker (seit WordPress 5.5) und zusätzliche CSS-Klassen definieren.

Umwandeln in andere Blöcke

Du kannst ein Cover in folgende Blöcke umwandeln:

Die Umwandlung in eine Gruppe bewirkt, dass der Cover-Block in einen Gruppen-Block verschoben wird.