Der Cover-Block wird oft als „Hero“- oder „Banner“-Bild bezeichnet und dazu verwendet, deiner Website ein großes Bild, Video oder Textbanner hinzuzufügen. Diese Anleitung zeigt dir, wie du ein Banner hinzufügst und das anzuzeigende Bild, Video oder die Farbe auswählst.
Dieses Video ist auf Englisch.
YouTube bietet automatische Übersetzungsfunktionen, damit du es in deiner Sprache ansehen kannst:
Automatisch übersetzte Untertitel:
- Spiele das Video ab.
- Klicke auf ⚙️ Einstellungen (unten rechts im Video).
- Wähle Untertitel/CC.
- Wähle Automatisch übersetzen.
- Wähle deine bevorzugte Sprache.
Automatische Synchronisation (experimentell):
- Klicke auf ⚙️ Einstellungen.
- Wähle Audiospur.
- Wähle die Sprache, in der du das Video hören möchtest.
ℹ️ Übersetzungen und Synchronisationen werden von Google erstellt, können ungenau sein und sind möglicherweise noch nicht für alle Sprachen verfügbar.
Du kannst den Cover-Block verwenden, um deiner Website ein Banner-Bild hinzuzufügen. Um einer Seite, einem Beitrag oder einem Template ein Banner hinzuzufügen, gehst du wie folgt vor:
- Gehe zum Dashboard deiner Website.
- Je nachdem, wo du das Banner hinzufügen möchtest, navigiere zu einer Seite, einem Beitrag oder einem Template, nimm die entsprechenden Änderungen vor oder erstelle eine neue Seite/einen neuen Beitrag/ein neues Template:
- Seite: Gehe in deinem Menü zum Abschnitt Seiten.
- Beitrag: Gehe in deinem Menü zum Abschnitt Beiträge.
- Template: Gehe zu Design → Editor und wähle das Template aus.
- Klicke auf das Icon + (Block-Inserter) und suche nach „Cover“.
- Oder gib /cover überall dort ein, wo Tippe „/“, um einen Block auszuwählen angezeigt wird.

- Klicke auf das Cover-Icon, um den Cover-Blockeinzufügen:

Nachdem du einen Cover-Block hinzugefügt hast, wähle die anzuzeigenden Medien aus. Du kannst aus den folgenden Optionen wählen:
- Hochladen: Klicke auf den Button Hochladen, um eine Datei von deinem Computer auszuwählen.
- Medien auswählen: Finde Medien an einem der folgenden Orte:
- Mediathek: Hier befinden sich Bilder und Videos, die bereits in die Mediathek deiner Website hochgeladen wurden.
- Dein Mobiltelefon: Nutze die mobile Jetpack-App, um Medien direkt von deinem Mobiltelefon hochzuladen.
- Mit KI generieren: Gib eine kurze Beschreibung des Bildtyps an, den du verwenden möchtest, und die KI erstellt dann das Design.
- Google Fotos: Wähle Medien aus deinem verbundenen Google-Fotos-Konto aus.
- Pexels: Suche nach kostenlosen Bildern in der Pexels-Bibliothek.
- Openverse: Suche nach kostenlosen Bildern in der Openverse-Bibliothek.
- Beitragsbild verwenden: Zeigt das Beitragsbild der Seite oder des Beitrags an, wenn dies eingestellt ist. Wenn du einen Cover-Block zu einem Template hinzufügst und diese Option auswählst, wird automatisch das Beitragsbild auf allen Seiten oder in allen Beiträgen angezeigt, die dieses Template verwenden.
- Farbe: Anstatt ein Bild oder Video hinzuzufügen, wählst du eine Volltonfarbe für das Banner aus.
Du kannst dann Inhalte wie Text und Buttons zum Banner hinzufügen, das Layout des Banners anpassen und das Design des Banners verändern.
Berücksichtige Folgendes, wenn du ein Bild für dein Banner auswählst:
- Dekorative oder abstrakte Bilder eignen sich am besten, da auf Mobilgeräten nicht immer das ganze Bild angezeigt wird.
- Gib den Text über dem Bild ein, anstatt den Text im Bild selbst zu gestalten. Dadurch wird sichergestellt, dass der Text auf allen Bildschirmgrößen optimal dargestellt wird.
- Der Cover-Block verwendet das Bild als Hintergrundbild und passt die Größe nicht an, damit auf kleineren Geräten die gesamte Bildbreite angezeigt wird. Mit der Einstellung der Fokuspunkt-Auswahl kannst du bestimmen, auf welchen Teil des Bilds der Fokus gelegt werden soll, wenn es auf kleineren Bildschirmen angezeigt wird.
- Wenn das Bild Inhalte enthält, die auf Bildschirmen jeglicher Größe in voller Größe angezeigt werden müssen, kannst du stattdessen einen Bildblock verwenden.
Der Cover-Block unterstützt Bilder, Videos und Volltonfarben. Um ein Video in den Cover-Block hochzuladen, benötigst du einen Tarif von WordPress.com, der Video-Uploads unterstützt. Video-Uploads sind im Premium-Tarif und höher enthalten. Mit einem Tarif, der Video-Uploads beinhaltet, kannst du bei der Auswahl deiner Bannermedien Videos aussuchen.
Der Cover-Block ist eher dekorativ als funktional, sodass beim Abspielen einer Videodatei kein Ton ausgegeben wird. Verwende stattdessen den VideoPress-Block, um Videos mit Ton abzuspielen.
Nachdem du einen Cover-Block hinzugefügt hast, kannst du die Medien jederzeit ändern. So ersetzt oder entfernst du Medien in deinem Banner:
- Gehe zum Dashboard deiner Website.
- Navigiere zu der Seite, dem Beitrag oder Template, in der/dem sich das Bild befindet.
- Wähle links oben im Editor die Option Listenansicht aus.
- Klicke in der Listenansicht auf Cover-Block.

- Klicke in der Block-Werkzeugleiste auf den Button Ersetzen, um ein neues Bild oder Video auszuwählen.

Du kannst eine neue Mediendatei mit einer der folgenden Optionen auswählen:
- Mediathek öffnen: Wähle ein vorhandenes Bild oder Video aus deiner Mediathek oder anderen Quellen wie Google Fotos, Pexels oder Openverse aus.
- Hochladen: Wähle ein neues Bild oder Video von deinem Gerät aus.
- Beitragsbild verwenden: Verwende das Beitragsbild der Seite oder des Beitrags.
- Zurücksetzen: Entferne die Bannermedien und zeige eine Volltonfarbe an.