Logo Support in WordPress 4.5

Logo Support in WordPress 4.5

Themedesigner aufgepasst. Das Release von WordPress 4.5 ist angesetzt für den zwölften April und hat – neben anderen Neuerungen – eine sehr schöne Neuerung für Euch bereit: Logosupport! Wollte man das Logo einer Seite über den Customizer auswechselbar machen, so musste man bisher immer entweder selbst eine entsprechende Sektion definieren – oder, was auch häufiger geschah – man zweckentfremdete den “Header Image”-Bereich für das Logo. Ab der Version 4.5 stellt WordPress eine offizielle Einstellung vor, welche vom Theme unterstützt werden kann: 'site-logo'.

Dieses Feature kannte man bisher aus dem Jetpack Plugin, von welchem es in den Core übernommen wird. Da es sich jetzt um eine offizielle Einstellung handelt, welche man im Theme unterstützen kann, wird es für Seitenbetreiber leichter, Logos beim Themewechsel so zu übernehmen, dass diese auch im neuen Layout mit der angemessenen Größe dargestellt werden.

Schauen wir deshalb kurz in den Code, wie diese neue Funktion eingebaut werden kann. In der functions.php kann man sich dazu in die 'after_setup_theme'-Aktion einhaken, und dort die Unterstützung deklarieren:

Dazu nutzt man add_theme_support(), übergibt mit 'site-logo' das unterstützte Feature und im Argumente-Array schließlich noch die gewünschte Bildgröße, welche man zuvor mit add_image_size() festlegen kann.

Danach muss man natürlich noch die header.php entsprechend anpassen. Hier gibt es am Version 4.5 einen neuen Template-Tag! get_the_site_logo() beziehungsweise the_site_logo(). Diese Funktion kann in wp-includes/general-template.php gefunden werden und gibt zum einen einen Link auf die Startseite, sowie das Bild aus.

Gefiltert werden kann die Ausgabe über den Filter 'get_the_site_logo', welche zum einen den zu filternden HTML-String, zum anderen die angestrebte Bildgröße übergibt. So könnte es ja sein, dass der ein oder andere das Logo nicht gleich mit einem Link auf die Startseite verknüpfen möchte oder ähnliches.

Standardmäßig verfügt der Link über die Klasse .site-logo-link und der IMG-Tag über .site-logo und .attachment-{$groesse}.

In der header.php kann man daher das Logo wie folgt einbinden:

Wie Ihr seht prüfe ich hier zunächst, ob der Template Tag existiert, also die aktuellste WordPress Version verwendet wird. So verhindert man, dass das Theme auf einer älteren WordPress Version einen Fatal Error auswirft.

Wollt Ihr Euch die neuen Funktionen in WordPress 4.5 schon einmal ansehen: Die aktuelle WordPress 4.5 beta kann hier heruntergeladen werden. Twenty Sixteen wird das Feature auch unterstützen. Die aktuelle Github Version mit 'site-logo'-Support kann hier heruntergeladen werden. Get your Theme ready für 'site-logo', am 12. April ist es soweit 🙂

The following two tabs change content below.
Seine erste Webseite hat David Remer 1998 in HTML verfasst. Wenig später war er fasziniert von DHTML und JavaScript. Heute konzentriert sich vor allem auf das Entwickeln von WordPress Themes und Plugins für Inpsyde. Außerdem hat er das Buch "WordPress für Entwickler" verfasst.

Latest posts by David Remer (see all)