WordPress Cover Block: Text und Inhalt richtig positionieren [2025 Easy Guide]
Hier ist ein aktueller Schritt-für-Schritt-Guide für WordPress im Jahr 2025, wie du die Textposition in deinem Cover-Block perfekt anpasst.
Der Cover-Block ist eines der leistungsstärksten Design-Werkzeuge im WordPress-Block-Editor (Gutenberg). Er eignet sich hervorragend für Hero-Sektionen, Banner oder Trennelemente. Doch oft steht der Text standardmäßig in der Mitte, wo er wichtige Bilddetails verdecken könnte.
In dieser Anleitung lernst du, wie du den Text und andere Inhalte (wie Buttons) innerhalb eines Cover-Blocks zentrierst, verschiebst oder exakt ausrichtest.
Schritt 1: Den Cover-Block hinzufügen
Bevor du die Position ändern kannst, musst du den Block erstellen:
- Öffne den Beitrag oder die Seite, die du bearbeiten möchtest.
- Klicke auf das „+“-Icon und suche nach „Cover“.
- Wähle ein Bild aus deiner Mediathek aus oder lade ein neues hoch.
- Tippe deinen gewünschten Text (Überschrift oder Absatz) direkt in den Block.
Schritt 2: Das Werkzeug „Inhaltsposition ändern“ nutzen
WordPress bietet ein spezielles Tool direkt in der Block-Toolbar, um den Inhalt schnell zu verschieben.
- Klicke auf den Cover-Block (achte darauf, dass du den äußeren Container ausgewählt hast, nicht nur den Text darin).
- In der Werkzeugleiste über dem Block siehst du ein Icon, das wie ein Raster aus 9 Quadraten aussieht (Inhaltsposition ändern).
- Klicke darauf. Es öffnet sich eine 9-Punkte-Matrix:
- Oben links/mitte/rechts
- Mittig links/zentriert/rechts
- Unten links/mitte/rechts
- Wähle den Punkt aus, an dem dein Text erscheinen soll. Der Text springt sofort an die gewählte Position.
Schritt 3: Textausrichtung innerhalb des Blocks (Feintuning)
Manchmal möchtest du den Text zwar rechtsbündig im Bild haben, aber der Text selbst soll innerhalb seines Rahmens linksbündig bleiben.
- Klicke direkt in das Text-Element (Überschrift oder Absatz) innerhalb des Covers.
- Nutze das Standard-Icon für die Textausrichtung in der Toolbar (Links, Zentriert oder Rechts ausrichten).
- Pro-Tipp: Kombiniere die Inhaltsposition des Covers (z.B. „Unten Rechts“) mit der Textausrichtung (z.B. „Rechtsbündig“), um ein professionelles Layout zu erzielen.
Schritt 4: Erweiterte Abstände nutzen (Padding)
Wenn dir der Text zu nah am Rand des Bildes klebt, kannst du 2025 in WordPress die Abstände (Padding) ganz einfach in der Seitenleiste anpassen:
- Wähle den Cover-Block aus.
- Gehe in der rechten Seitenleiste auf den Tab Stile (das Kreis-Symbol).
- Suche den Bereich Abmessungen (Dimensions).
- Erhöhe das Padding (Innenabstand). Dadurch rückt der Text ein Stück vom Rand weg, egal welche Position du in Schritt 2 gewählt hast.
Schritt 5: Volle Breite vs. Weite Breite
Damit die Positionierung deines Inhalts richtig zur Geltung kommt, solltest du die Breite des gesamten Blocks prüfen:
- Klicke in der Toolbar des Cover-Blocks auf das Icon Ausrichtung ändern.
- Wähle „Weite Breite“ oder „Volle Breite“, um das Bild über die gesamte Bildschirmbreite zu strecken. Dies gibt dir mehr Platz, um Text kreativ zu platzieren (z. B. ganz links, während rechts das Hauptmotiv des Bildes sichtbar bleibt).
Schritt 6: Überprüfung der mobilen Ansicht
In der Version 2025 ist WordPress sehr responsiv, aber Text, der am Desktop „unten rechts“ perfekt aussieht, könnte am Handy gequetscht wirken.
- Klicke oben in der WordPress-Leiste auf das Vorschau-Icon.
- Wähle „Mobil“.
- Überprüfe, ob der Text noch lesbar ist. Falls nicht, kannst du über die Block-Einstellungen (Seitenleiste) unter „Typografie“ die Schriftgröße spezifisch für mobile Geräte anpassen.
Zusammenfassung
Mit dem Inhaltsposition-Werkzeug (9-Punkte-Matrix) im Cover-Block hast du die volle Kontrolle über dein Design.
- Zentriert: Klassisch für Hero-Sektionen.
- Links/Rechts: Ideal, um Gesichter oder Objekte im Hintergrundbild nicht zu verdecken.
- Padding: Nutzen, um „Atemraum“ für den Text zu schaffen.
Viel Erfolg beim Gestalten deiner WordPress-Seite!