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 des Brandenburger Tors sowie die Überschrift "Berlin" und ein kurzer Text 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. Über den Stift 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. Hier ein Beispiel mit nur einer Hintergrundfarbe, Überschrift und Text:

Screenshot eines Cover-Blocks, bei dem nur die Hintergrundfarbe gesetzt und eine Überschrift und ein Text hinzugefügt wurde.

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.

Mit „Hintergrund fixiert“ stellst du ein, dass das Bild beim Scrollen feststeht. Dies ist nur bei einem Bild möglich, nicht bei einem Video.

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. Die oben gezeigte Auswahl ist der Standard, den WordPress mitbringt. Es kann sein, dass dein Theme nicht diese Farben anzeigt, sondern die Farben, die im Theme verwendet werden. Ü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).

Unter Erweitert kannst du eine oder mehrere eigene CSS-Klassen hinzufügen, falls nötig.

Umwandeln in andere Blöcke

Du kannst ein Cover in folgende Blöcke umwandeln: