![\"Medienheader](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-personalizar-el-encabezado-del-sitio-web-de-WordPress.jpg\")
<\/p>\nDer 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.<\/p>\n
Normalerweise zeigt der WordPress-Header ein Bild oder Video an, mit dem die Aufmerksamkeit der Besucher auf sich gezogen wird. Meistens k\u00f6nnen Sie dort auch ein Navigationsmen\u00fc erwarten. Da soziale Medien popul\u00e4r geworden sind, setzen viele WordPress-Benutzer auch soziale Symbole dort ein, damit andere schneller auf ihre Profile zugreifen k\u00f6nnen.<\/p>\n
Obwohl dieses Element ein Standardmodul ist, das auf allen Websites zu finden ist, h\u00e4ngen die Eigenschaften eines WordPress-Headers ausschlie\u00dflich vom verwendeten Thema ab. W\u00e4hrend die meisten kostenlosen und Premium-Themen die Bearbeitung von Bildern und Videos erm\u00f6glichen, die Sie optimieren k\u00f6nnen, k\u00f6nnen Sie in einigen F\u00e4llen den Header nicht anpassen. Hoffentlich haben Sie ein gutes WordPress-Thema aus der ersten Gruppe ausgew\u00e4hlt, und jetzt interessieren Sie sich daf\u00fcr, wie Sie den Header Ihrer WordPress-Website anpassen k\u00f6nnen. Wenn nicht, m\u00fcssen Sie Themendateien bearbeiten. Es gibt keine M\u00f6glichkeit, dies zu vermeiden.<\/p>\n
Um auf den Editor zuzugreifen, navigieren Sie \u00fcber das WordPress-Dashboard-Men\u00fc auf der linken Seite.<\/p>\n
Alternativ finden Sie den Header-Editor unter Da die Optionen von jedem Thema abh\u00e4ngen, beachten Sie bitte, dass “Header-Medien” m\u00f6glicherweise einen anderen Namen haben oder nicht in der Liste angezeigt werden. In diesem Tutorial konzentrieren wir uns auf das gro\u00dfe Thema Twenty Seventeen.<\/p>\n
<\/p>\n
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\u00f6ffnet hat. Auf diese Weise k\u00f6nnen Sie die Header-\u00c4nderungen sehen, w\u00e4hrend Sie sie vornehmen. Es ist immer sch\u00f6n 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\u00f6nnen Sie frei mit verschiedenen Videos und Bildern experimentieren, ohne Ihre Besucher zu beeintr\u00e4chtigen.<\/p>\n
Videos gelten als wichtiger als Bilder. Wenn Sie also einen zu Ihrem Header hinzuf\u00fcgen, wird das bereits vorhandene Bild ersetzt. Sie k\u00f6nnen Ihrem WordPress-Header auf zwei verschiedene Arten ein Video hinzuf\u00fcgen. Im Allgemeinen haben die hier hinzugef\u00fcgten Videos keinen Ton, andernfalls werden Ihre Besucher irritiert.<\/p>\n
Um ein Video aus der Medienbibliothek zu verwenden oder ein neues hochzuladen, m\u00fcssen Sie das verwenden .mp4<\/i> Format. Dies ist das einzige Format, das WordPress derzeit akzeptiert, daher m\u00fcssen Sie sich darauf einstellen. Da diese Arten von Videos sehr gro\u00df sein k\u00f6nnen, ist es wichtig, dass Reduzieren Sie die Dateigr\u00f6\u00dfe so weit wie m\u00f6glich.<\/b> MP4-Videos k\u00f6nnen leicht einige hundert Megabyte pro Datei \u00fcberschreiten, und das ist f\u00fcr ein Blog einfach nicht akzeptabel.<\/p>\n
Die empfohlene Gr\u00f6\u00dfe eines Videos in Pixel h\u00e4ngt vom Motiv ab. Bei Twenty Seventeen wird empfohlen, dass Ihr Video 2000 \u00d7 1200 Pixel gro\u00df ist.<\/p>\n
Wenn Sie dieses Video haben, klicken Sie auf die Schaltfl\u00e4che “Video ausw\u00e4hlen”. W\u00e4hlen Sie dann eine aus Ihrer Medienbibliothek oder laden Sie ein neues Video hoch. Sie sehen sofort die Ergebnisse auf Ihrer Seite.<\/p>\n
![\"Youtube](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-personalizar-el-encabezado-del-sitio-web-de-WordPress.png\")
<\/p>\n
Die Verwendung eines YouTube-Videos ist viel einfacher. Wenn Sie eine gefunden haben, die Ihnen gef\u00e4llt, kopieren Sie einfach die URL und f\u00fcgen Sie sie in das Formular ein. Sobald Sie den Link einf\u00fcgen, l\u00e4dt WordPress das Video und zeigt Ihnen die Vorschau Ihrer Website.<\/p>\n
Wenn Sie ein Video verwenden, verwendet WordPress alternativ das Header-Bild.<\/p>\n
Was ist ein alternatives Bild? Bis zum Hochladen des Videos sehen Ihre Benutzer traditionell leeren Bereich an Ihrem Standort. Um dies zu vermeiden, k\u00f6nnen sie mit dem alternativen Bild stattdessen ein Bild sehen. Da nicht alle Browser Videos abspielen k\u00f6nnen, wird ein Bild in F\u00e4llen verwendet, in denen das ausgew\u00e4hlte Video nicht angezeigt wird. Selbst wenn Sie ein Video verwenden, ist es wichtig, dass Sie f\u00fcr diese Extremf\u00e4lle ein Header-Bild ausw\u00e4hlen.<\/p>\n
Standardm\u00e4\u00dfig zeigt WordPress automatisch ein Header-Bild an, das Sie im Editor anzeigen k\u00f6nnen. 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.<\/p>\n
Wenn Sie kein Header-Bild haben m\u00f6chten, klicken Sie einfach auf die Schaltfl\u00e4che “Bild ausblenden”.<\/p>\n
Um ein Bild zu \u00e4ndern, klicken Sie auf die Schaltfl\u00e4che “Neues Bild hinzuf\u00fcgen”, um die Medienbibliothek zu \u00f6ffnen. Hier k\u00f6nnen Sie Fotos ausw\u00e4hlen, die Sie bereits zu Ihrer Website hinzugef\u00fcgt haben, oder neue hochladen.<\/p>\n
![\"F\u00fcgen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-personalizar-el-encabezado-del-sitio-web-de-WordPress.gif\")
<\/p>\n
Nach Auswahl eines Bildes kann es auf die empfohlenen Abmessungen zugeschnitten werden. Wenn Sie m\u00f6chten, dass das Bild perfekt zu Ihrem Motiv passt, empfehlen wir, es zuzuschneiden. Es wird au\u00dferdem empfohlen, dass Ihr Bild die gleichen Abmessungen wie Ihr Video hat (wenn Sie nat\u00fcrlich eines verwenden).<\/p>\n
Wenn mehr als ein Bild hochgeladen oder vorgeschlagen wurde, k\u00f6nnen Sie auf die Schaltfl\u00e4che “Hochgeladene \/ vorgeschlagene Kopfzeilen zuf\u00e4llig ausw\u00e4hlen” klicken. WordPress w\u00e4hlt zuf\u00e4llig ein Bild f\u00fcr Ihren Header aus. Dies ist eine gute Option f\u00fcr diejenigen unter Ihnen, die alle paar Tage Bilder austauschen m\u00f6chten.<\/p>\n
Sowohl aus visueller als auch aus funktionaler Sicht ist der WordPress-Header ein entscheidendes Merkmal Ihres Blogs. Deshalb sollten Sie das Design nicht \u00fcbersehen. Da Ihr Thema Ihnen die Berechtigung gibt, den Header im Detail anzupassen, k\u00f6nnen Sie diese verf\u00fcgbaren Optionen verwenden, um Videos und Bilder nach Ihren W\u00fcnschen zu \u00e4ndern. Ihre Benutzer werden sich freuen zu sehen, dass Sie einige Zeit in die Anpassung investiert haben.<\/p>\n ","protected":false},"excerpt":{"rendered":"
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 […]<\/p>\n","protected":false},"author":1,"featured_media":59096,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/C\u00f3mo-personalizar-el-encabezado-del-sitio-web-de-WordPress.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/59095"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=59095"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/59095\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/59096"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=59095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=59095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=59095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}