Cover Block Anleitung

Der Cover Block ist ein vielseitiger Gestaltungsblock in WordPress, mit dem du Text über Bilder oder Videos legen kannst – perfekt für Hero-Bereiche, Banner oder Titelbilder.

Cover Block hinzufügen

1. Klicke im Editor auf das Plus-Symbol (+), um einen neuen Block hinzuzufügen
2. Suche nach „Cover“ oder finde ihn unter „Design“
3. Wähle den Cover Block aus

Hintergrundbild oder -farbe festlegen

Nach dem Einfügen hast du mehrere Optionen:

• Bild hochladen: Lade ein Bild von deinem Computer hoch
• Mediathek: Wähle ein bereits hochgeladenes Bild
• URL einfügen: Verwende ein Bild von einer externen URL
• Video: Du kannst auch ein Video als Hintergrund verwenden
• Einfarbiger Hintergrund: Wähle eine Farbe statt eines Bildes

Text hinzufügen und formatieren

Nach Auswahl des Hintergrunds kannst du direkt Text eingeben. Der Text erscheint standardmäßig zentriert über dem Bild. Du kannst:

• Überschriften und Absätze schreiben
• Schriftgröße und -farbe anpassen
• Weitere innere Blöcke hinzufügen (Buttons, Spalten, etc.)

Wichtige Einstellungen in der Seitenleiste

Auf der rechten Seite findest du unter „Block“ verschiedene Einstellungen:

Overlay (Überlagerung): Legt eine halbtransparente Farbschicht über das Bild, um den Text besser lesbar zu machen. Du kannst die Deckkraft (Opacity) von 0-100% einstellen.

Feste Hintergrund: Das Bild bleibt beim Scrollen fest stehen (Parallax-Effekt).

Wiederholtes Bild: Kleines Bild wird gekachelt wiederholt.

Fokuspunkt: Bestimme, welcher Teil des Bildes im Fokus bleiben soll, wenn die Größe sich ändert.

Mindesthöhe: Lege fest, wie hoch der Cover Block mindestens sein soll (z.B. 400px oder 50vh für die halbe Bildschirmhöhe).

Inhaltsposition: Positioniere den Text oben, mittig oder unten sowie links, zentriert oder rechts.

Tipps für beste Ergebnisse

• Verwende kontrastreiche Bilder oder passe die Overlay-Farbe an, damit der Text gut lesbar bleibt
• Für Hero-Bereiche eignet sich eine Mindesthöhe von etwa 400-600px
• Achte darauf, dass wichtige Bildinhalte nicht vom Text verdeckt werden
• Teste die Darstellung auf mobilen Geräten, da sich die Proportionen ändern können

Der Cover Block ist besonders nützlich für ansprechende Seitentitel, Call-to-Action-Bereiche oder um wichtige Inhalte visuell hervorzuheben.