So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So passen Sie den WordPress-Website-Header an

Der WordPress-Header ist der obere Bereich und bei weitem das wichtigste visuelle Element eines WordPress-Blogs. Da dies das erste ist, was Besucher nach dem Laden Ihrer Website sehen, ist es wichtig, dass Sie beim Anpassen des Headers besonders darauf achten.

Normalerweise zeigt der WordPress-Header ein Bild oder Video an, mit dem die Aufmerksamkeit der Besucher auf sich gezogen wird. Meistens können Sie dort auch ein Navigationsmenü erwarten. Da soziale Medien populär geworden sind, setzen viele WordPress-Benutzer auch soziale Symbole dort ein, damit andere schneller auf ihre Profile zugreifen können.

Obwohl dieses Element ein Standardmodul ist, das auf allen Websites zu finden ist, hängen die Eigenschaften eines WordPress-Headers ausschließlich vom verwendeten Thema ab. Während die meisten kostenlosen und Premium-Themen die Bearbeitung von Bildern und Videos ermöglichen, die Sie optimieren können, können Sie in einigen Fällen den Header nicht anpassen. Hoffentlich haben Sie ein gutes WordPress-Thema aus der ersten Gruppe ausgewählt, und jetzt interessieren Sie sich dafür, wie Sie den Header Ihrer WordPress-Website anpassen können. Wenn nicht, müssen Sie Themendateien bearbeiten. Es gibt keine Möglichkeit, dies zu vermeiden.

So fügen Sie einem WordPress-Header Bilder und Videos hinzu

Um auf den Editor zuzugreifen, navigieren Sie über das WordPress-Dashboard-Menü auf der linken Seite.

Alternativ finden Sie den Header-Editor unter Da die Optionen von jedem Thema abhängen, beachten Sie bitte, dass “Header-Medien” möglicherweise einen anderen Namen haben oder nicht in der Liste angezeigt werden. In diesem Tutorial konzentrieren wir uns auf das große Thema Twenty Seventeen.

Medienheader in WordPress

Das erste, was Sie nach dem Klicken auf den Link bemerken, ist, dass WordPress eine Demoseite Ihrer Website mit allen Optionen auf der linken Seite geöffnet hat. Auf diese Weise können Sie die Header-Änderungen sehen, während Sie sie vornehmen. Es ist immer schön zu sehen, wie sich das neue Bild oder Video auf Ihre Homepage auswirkt, noch bevor Sie die neuen Einstellungen speichern. Mit der Live-Vorschau können Sie frei mit verschiedenen Videos und Bildern experimentieren, ohne Ihre Besucher zu beeinträchtigen.

Header-Video

Videos gelten als wichtiger als Bilder. Wenn Sie also einen zu Ihrem Header hinzufügen, wird das bereits vorhandene Bild ersetzt. Sie können Ihrem WordPress-Header auf zwei verschiedene Arten ein Video hinzufügen. Im Allgemeinen haben die hier hinzugefügten Videos keinen Ton, andernfalls werden Ihre Besucher irritiert.

Laden Sie das Video im MP4-Format hoch

Um ein Video aus der Medienbibliothek zu verwenden oder ein neues hochzuladen, müssen Sie das verwenden .mp4 Format. Dies ist das einzige Format, das WordPress derzeit akzeptiert, daher müssen Sie sich darauf einstellen. Da diese Arten von Videos sehr groß sein können, ist es wichtig, dass Reduzieren Sie die Dateigröße so weit wie möglich. MP4-Videos können leicht einige hundert Megabyte pro Datei überschreiten, und das ist für ein Blog einfach nicht akzeptabel.

Die empfohlene Größe eines Videos in Pixel hängt vom Motiv ab. Bei Twenty Seventeen wird empfohlen, dass Ihr Video 2000 × 1200 Pixel groß ist.

Wenn Sie dieses Video haben, klicken Sie auf die Schaltfläche “Video auswählen”. Wählen Sie dann eine aus Ihrer Medienbibliothek oder laden Sie ein neues Video hoch. Sie sehen sofort die Ergebnisse auf Ihrer Seite.

Verwenden Sie ein YouTube-Video:

Youtube Video Header

Die Verwendung eines YouTube-Videos ist viel einfacher. Wenn Sie eine gefunden haben, die Ihnen gefällt, kopieren Sie einfach die URL und fügen Sie sie in das Formular ein. Sobald Sie den Link einfügen, lädt WordPress das Video und zeigt Ihnen die Vorschau Ihrer Website.

Wenn Sie ein Video verwenden, verwendet WordPress alternativ das Header-Bild.

Was ist ein alternatives Bild? Bis zum Hochladen des Videos sehen Ihre Benutzer traditionell leeren Bereich an Ihrem Standort. Um dies zu vermeiden, können sie mit dem alternativen Bild stattdessen ein Bild sehen. Da nicht alle Browser Videos abspielen können, wird ein Bild in Fällen verwendet, in denen das ausgewählte Video nicht angezeigt wird. Selbst wenn Sie ein Video verwenden, ist es wichtig, dass Sie für diese Extremfälle ein Header-Bild auswählen.

Header-Bild

Standardmäßig zeigt WordPress automatisch ein Header-Bild an, das Sie im Editor anzeigen können. Hier sehen Sie das aktuelle Header-Bild, ein zuvor hochgeladenes (wenn Sie keine Header-Bilder hochgeladen haben, wird diese Option nicht angezeigt) und ein vorgeschlagenes Foto.

Wenn Sie kein Header-Bild haben möchten, klicken Sie einfach auf die Schaltfläche “Bild ausblenden”.

Um ein Bild zu ändern, klicken Sie auf die Schaltfläche “Neues Bild hinzufügen”, um die Medienbibliothek zu öffnen. Hier können Sie Fotos auswählen, die Sie bereits zu Ihrer Website hinzugefügt haben, oder neue hochladen.

Fügen Sie ein neues Header-Bild in WordPress hinzu

Nach Auswahl eines Bildes kann es auf die empfohlenen Abmessungen zugeschnitten werden. Wenn Sie möchten, dass das Bild perfekt zu Ihrem Motiv passt, empfehlen wir, es zuzuschneiden. Es wird außerdem empfohlen, dass Ihr Bild die gleichen Abmessungen wie Ihr Video hat (wenn Sie natürlich eines verwenden).

Wenn mehr als ein Bild hochgeladen oder vorgeschlagen wurde, können Sie auf die Schaltfläche “Hochgeladene / vorgeschlagene Kopfzeilen zufällig auswählen” klicken. WordPress wählt zufällig ein Bild für Ihren Header aus. Dies ist eine gute Option für diejenigen unter Ihnen, die alle paar Tage Bilder austauschen möchten.

Vernachlässigen Sie nicht Ihren WordPress-Header

Sowohl aus visueller als auch aus funktionaler Sicht ist der WordPress-Header ein entscheidendes Merkmal Ihres Blogs. Deshalb sollten Sie das Design nicht übersehen. Da Ihr Thema Ihnen die Berechtigung gibt, den Header im Detail anzupassen, können Sie diese verfügbaren Optionen verwenden, um Videos und Bilder nach Ihren Wünschen zu ändern. Ihre Benutzer werden sich freuen zu sehen, dass Sie einige Zeit in die Anpassung investiert haben.