WordPress: Unterschiedliche Header-Bilder für Seiten und Kategorien festlegen
Mit dem Unique Headers WordPress Plugin kannst du unterschiedliche Header-Bilder für WordPress Beiträge, Seiten und Kategorien festlegen. Die individuellen Header-Bilder ersetzen dabei das Standard-Header-Bild auf den jeweiligen Seiten.
Viele Themes bieten die Möglichkeit, neben dem Logo-Bild auch ein Header-Bild hinzuzufügen. Dieses wird zumeist als dekoratives Element bzw. Eye-Catcher angezeigt.
Ein häufig geäußerter Wunsch ist, verschiedene Header-Bilder für Seiten, Beiträge und Kategorien individuell festzulegen. Hier stößt man mit dem herkömmlichen Feature für das Header-Bild jedoch schnell an Grenzen.
Wie immer existieren aber vielfältige Plugins, um das Header-Bild flexibel und individuell festlegen zu können.
Standardmäßiges Header-Bild in WordPress hochladen
Das Header-Bild ist ein WordPress Core Feature und steht zur Verfügung, wenn das aktive Theme explizit die Unterstützung für das Feature definiert.
In diesem Tutorial verwende ich das TwentySixteen Theme, welches das Header-Bild unter dem Logo und der Navigation darstellt.
Das aktuelle Header-Bild kann unter Design → Customizer → Header-Bild hinzugefügt werden:
Die genaue Platzierung und Darstellung des Header-Bilds hängt vom verwendeten Theme ab. TwentySixteen zeigt das Header-Bild durchgehend auf allen Seiten der Website und verlinkt es automatisch zur Homepage.
Werden mehrere Header-Bilder hochgeladen, kann auch die zufällige Darstellung eines Bilds aus allen verfügbaren Bildern ausgewählt werden.
Verschiedene Header-Bilder mit Unique Headers Plugin
Falls jedoch für jede Seite ein bestimmtes, individuell auf den Content abgestimmtes Header-Bild verwendet werden soll, ist das Header-Feature von WordPress nicht ausreichend.
Manche Themes ersetzen das standardmäßige Header-Bild bei statischen Seiten und Beiträgen mit dem Beitragsbild. Es lohnt sich also, die Handhabung im Theme zu überprüfen. Eventuell sind mit Nutzung von Beitragsbildern bereits individuelle Header-Bilder möglich.
Wenn wie bei TwentySixteen die Unterstützung dafür fehlt oder individuelle Header-Bilder auch für Kategorien und Archiv-Seiten festgelegt werden sollen, kann auf eine Plugin-Lösung zurückgegriffen werden.
Mein bevorzugtes und häufig weiterempfohlenes Plugin ist Unique Headers.
Adds the ability to use unique custom header images on individual pages, posts or categories or tags.
Voraussetzung für die korrekte Funktionsweise des Plugins ist, dass das aktive Theme das Core-Feature für das Header-Bild unterstützen muss.
Unterschiedliche Header-Bilder für Seiten und Kategorien festlegen
Unique Headers fügt jedem Beitrag und jeder Seite eine neue Metabox hinzu, mit dem individuell ein Header-Bild festgelegt werden kann.
Falls ein Bild ausgewählt wurde, ersetzt es das herkömmliche Header-Bild an der genau gleichen Stelle.
Zusätzlich können auch für jede Kategorie und jedes Schlagwort verschiedene Header-Bilder ausgewählt werden.
Selbstverständlich funktioniert das Plugin auch mit Custom Post Types und Custom Taxonomies.
Größe des Header-Bilds
Das Plugin zeigt die ausgewählten Header-Bilder in der Originalgröße. Diese werden also nicht auf die definierte Breite und Höhe des standardmäßigen Header-Bilds angepasst.
Die hochgeladenen Header-Bilder sollten deshalb vorab auf die richtige Größe mit einem Grafikprogramm angepasst werden. Alternativ können Bilder auch zuerst als normales Header-Bild im Customizer hochgeladen werden, um dort das Image Cropping Feature (Zuschneiden) des Cores zu nutzen.
Unterschiedliche Header-Bilder als Ergebnis
Supertipp, tausend Dank! Genau, was ich gesucht habe, man muß nicht FTP-mässig rumfummeln, sondern kann das Bild direkt bei der Bearbeitung auswählen, testen und ggf. später einfach austauschen.
Ihre Seite ist insgesamt prima, ich schraube gerade an meiner Seite und bin schon öfter hier gelandet – immer sehr nützliche Infos.
Vielen Dank, freut mich 🙂
Man braucht für jedes Ding ein Plugin in WP
Das nervt doch, nur Ballast.
Schön für Dich, wenn Du das alles selbst in WP programmieren kannst, ich bin froh, dass mir die Plugin-Programmierer das zur Verfügung stellen (und sogar meist kostenlos), so daß ich es nutzen kann, ohne mein WP zu zerschiessen und daß Blogger wie Thomas darüber schreiben, ohne daß ich mich durch 2400+ Plugins fräsen und durchprobieren muß.
Danke dir, Andrea 🙂
Freut mich sehr, wenn meine Plugin Vorstellungen jmd weiterhelfen.
Hallo,
vielen Dank für den Tipp. Habe das Plugin bei Catch Base installiert, jeder Seite ein eigenes Headerbild zugewiesen und in der Vorschau schien alles gut. Nach dem Speichern erscheint aber plötzlich auf jeder Seite das gleiche Bild, und zwar das Headerbild der Seite, die ich als letztes bearbeitet habe? Was könnte das sein?
Hallo Michel,
Kann ich leider nicht pauschal beantworten. Könnte an einem Caching Plugin oder am Theme liegen.
Hier hilft also nur Ausprobieren. Alle Plugins deaktivieren, das Unique Headers Plugin mit veschiedenen Themes testen, andere Plugins für das Header-Bild suchen, etc.
Viele Grüße,
Thomas
Vielen Dank für Deine Infos und Hilfe in Deinem Blog.
Habe das Unique Headers WordPress Plugin installiert. Ich finde jedoch keine Möglichkeit, eine Kategorie mit einem eigenen Headerbild auszustatten. Bei einzelnen Beiträgen ist es kein Problem. Was habe ich nicht beachtet?
Danke
Helmut
Hallo Helmut,
Um ein individuelles Header-Bild für Kategorien hinzuzufügen, muss unter Beiträge > Kategorien die jeweilige Kategorie bearbeitet werden. Nur dort steht die Option für das Header-Bild bereit.
Beim Erstellen einer neuen Kategorie in der Übersicht stehen nämlich nicht alle Optionen zur Verfügung. Deshalb muss nach dem Anlegen einer neuen Kategorie diese anschließendn bearbeitet werden.
Viele Grüße,
Thomas
Kann es sein, daß Unique Headers WordPress Plugin nicht mit dem Theme Activello zusammen arbeitet? Der gewünschte Erfolg bleibt jedenfalls aus.
Das kann durchaus sein. Das Theme muss das Header-Bild Feature des Cores nutzen und dieses richtig implementieren, damit sich das Plugin einklinken kann. Es wird daher nicht mit jedem Theme funktionieren.
Viele Grüße,
Thomas