Wie bearbeitet man das Header-Bild in WordPress?

Einleitung

Das Header-Bild Ihrer Website ist das Erste, was Ihre Besucher sehen. Daher ist die Konfiguration des richtigen Bildes entscheidend für den Eindruck, den Sie hinterlassen. WordPress bietet tausende schöner visueller Themes und Plugins, die Sie verwenden können, aber wir glauben, dass Sie es vorziehen werden, Ihr eigenes benutzerdefiniertes Bild zu verwenden. In diesem Tutorial führen wir Sie durch die Schritte, die Sie durchführen müssen, um ein neues Header-Bild richtig zu konfigurieren.

Beginnen wir

Zuerst müssen Sie sich in Ihr WordPress Admin Dashboard einloggen. Dazu gehen Sie auf Ihre Domain und geben „/wp-admin“ ein, z.B. „meinedomain.ch/wp-admin“, wobei „meinedomain.ch“ für Ihren Domainnamen steht.

Navigieren Sie nach dem Einloggen über die Menüleiste auf der linken Seite zu Design > Header.

Diese Aktion führt Sie direkt auf die Seite zur Anpassung der Kopfzeile in Ihrem Theme-Customizer.

Header Bild (Kopfzeilenbild) bearbeiten

In der Kopfzeile können Sie verschiedene Aspekte der Kopfzeile Ihrer Website anpassen. Sie können dies tun, indem Sie entweder auf das Stiftsymbol neben dem jeweiligen Element klicken oder die Optionen im Menü auf der linken Seite verwenden.

Für die Gestaltung des Headers Ihrer Website stehen Ihnen verschiedene Optionen zur Verfügung. Wir werden alle Möglichkeiten durchgehen.

Einrichten eines Videos in der Kopfzeile

Wir leben in einer Zeit, in der Medieninhalte wie Videos vom durchschnittlichen Besucher ständig konsumiert werden. Die meisten Menschen werden sich nicht die Mühe machen, lange Texte zu lesen, wenn sie sich einfach etwas ansehen können, das ihnen dieselben Informationen liefert.

Mit WordPress können Sie das Header-Bild durch ein Video ersetzen. Direkt unter „Header-Medien anpassen“ sollten Sie den Abschnitt „Header-Video“ sehen. Dort können Sie über den Button „Video auswählen“ ein Video hochladen. Sie können auch ein Video von YouTube einbinden, indem Sie die YouTube-URL eingeben.

Das Hinzufügen von Videomaterial zum Header Ihrer WordPress-Website kann eine echte Inspiration für Besucher sein. Es kann den eigentlichen Slogan Ihrer Website auf einfache Weise verstärken und zeigen, dass es sich lohnt, Zeit damit zu verbringen, die anderen Seiten Ihrer Website zu besuchen. Videos sind eine der mächtigsten digitalen Waffen, die Ihnen zur Verfügung stehen. Sie können verwendet werden, um für Blogs, Websites, Produkte, Dienstleistungen, Personen, Unternehmen oder was auch immer im Internet zu werben.

Bitte beachten Sie, dass es empfohlen wird, das Format und die Pixelgröße zu verwenden, die über dem URL-Feld angezeigt werden. Obwohl Videos ihre Vorteile haben, sollten Sie auf die Größe der Videodatei achten, da die Konfiguration eines großen Videos die Ladegeschwindigkeit Ihrer Website erheblich beeinträchtigen und verlangsamen kann.

Einrichten eines benutzerdefinierten Bildes für die Kopfzeile

Wenn Sie bei einem Header Bild bleiben möchten, finden Sie die entsprechenden Einstellungen im Abschnitt «Header Bild» im linken Menü.

Die ersten beiden Optionen, die Sie hier sehen, sind die folgenden:

Bild ausblenden: Hiermit können Sie das Bild vollständig aus dem Header Ihrer Website entfernen, d.h. es wird kein Header-Bild angezeigt. Wenn Sie auf diese Schaltfläche klicken, verschwindet das Bild sofort.

Neues Bild hinzufügen: Mit dieser Option können Sie entweder ein Bild aus Ihrer WordPress-Medienbibliothek auswählen oder direkt ein neues Bild von Ihrem lokalen Computer hochladen.

Wenn Sie auf die Schaltfläche „Neues Bild hinzufügen“ klicken, öffnet sich ein neues Fenster, in dem Sie auf die Schaltfläche „Dateien auswählen“ klicken können, um die gewünschten Dateien von Ihrem lokalen Computer auszuwählen oder sie direkt per Drag & Drop in das leere Feld zu ziehen.

Wenn Sie das Bild aus den in Ihrer WordPress-Instanz verfügbaren Mediendateien auswählen möchten, gehen Sie bitte zur Registerkarte „Medienbibliothek“. Auf diese Weise können Sie jedes Bild auswählen, das Sie in Ihre WordPress-Galerie hochgeladen haben.

Nachdem Sie das Bild ausgewählt haben, klicken Sie bitte auf die Schaltfläche «Auswählen und zuschneiden» am unteren Rand des Fensters.

Bitte beachten Sie, dass das visuelle Standarddesign am besten mit einem Bild mit den folgenden Abmessungen funktioniert: 2000 x 1200 Pixel. Es wird daher empfohlen, sich an die empfohlenen Abmessungen zu halten.

Verwandtes Tutorial zum Thema: So konfigurieren Sie die WordPress Medien Einstellungen

Bei Bedarf können Sie das Bild zuschneiden. Klicken Sie dazu entweder auf die Schaltfläche «Bild zuschneiden» oder auf die Schaltfläche «Zuschneiden überspringen».

Sobald dies geschehen ist, wird WordPress das neue Bild sofort in den Header einfügen. Sie finden es auch in der Liste „Zuvor hochgeladen“ zusammen mit den anderen Header-Bildern.

Wenn Sie mit der Maus über ein bestimmtes Bild fahren, sehen Sie oben rechts ein „X“. Wenn Sie dieses Bild nicht mehr als Header-Bild verwenden möchten, klicken Sie darauf, um es zu entfernen.

Wenn Sie mehrere Header-Bilder hinzufügen möchten, können Sie diese von WordPress automatisch anordnen lassen. Klicken Sie dazu einfach bei Hochgeladene Bilder auf „Bilder zufällig anordnen“ oder Vorgeschlagene Bilder auf „Bilder zufällig anordnen“, je nachdem, welche Bilder Sie anordnen möchten.

In der rechten unteren Ecke des linken Menüs finden Sie drei Symbole, die verschiedene Geräte darstellen. Sie dienen dazu, die Darstellung Ihrer Website auf dem jeweiligen Gerät zu überprüfen. Wir empfehlen Ihnen, dies immer zu tun, wenn Sie visuelle Änderungen an Ihrer Website vornehmen.

Wenn Sie alle gewünschten Änderungen vorgenommen haben, vergessen Sie bitte nicht, auf die Schaltfläche „Veröffentlichen“ ganz oben im Menü auf der linken Seite zu klicken, um die Änderungen erfolgreich zu übernehmen.

Herzlichen Glückwunsch! Sie haben soeben gelernt, wie Sie den Header Ihrer WordPress-Seite bearbeiten können. Wir hoffen, dass es Ihnen nun gelingt, bei Ihren Besuchern einen bleibenden Eindruck zu hinterlassen. Wenn Sie Fragen oder Probleme bei der Erstellung Ihres Headers in WordPress haben, wenden Sie sich bitte an unser Support-Team. Wir helfen Ihnen gerne weiter.