Header, Logo oder Headerbild mit der Startseite verlinken

Dass ein Klick auf Logo oder Kopfbereich zur Startseite führt, erwarten Besucher auf jeder Website. Ob du dafür etwas tun musst, hängt davon ab, welche Art Theme du nutzt. Das siehst du im Menü: Gibt es Design → Editor, ist es ein Block-Theme. Gibt es Design → Customizer („Anpassen“), ist es ein klassisches Theme.

Block-Theme: Im Website-Editor verlinken

1. Öffne Design → Editor → Muster und dort unter „Template-Teile“ den Header.
2. Klicke auf das Logo (Block „Website-Logo“) oder den Namen (Block „Website-Titel“).
3. In der rechten Seitenleiste findest du unter „Einstellungen“ einen Schalter, der das Logo bzw. den Titel mit der Startseite verlinkt. Er ist normalerweise schon aktiv. Ist er aus, schalte ihn ein.
4. Speichere. Die Änderung gilt für alle Templates, die diesen Header nutzen.

Headerbild: Nutzt dein Header einen normalen Bild-Block, wähle ihn aus, klicke in der Werkzeugleiste auf das Link-Symbol und trage / oder die volle Adresse deiner Startseite ein. Ein Cover-Block (Bild mit Text darüber) lässt sich als Ganzes nicht verlinken. Setze darin stattdessen den Website-Titel oder einen Button mit Link, oder ersetze das Cover durch einen Bild-Block.

Klassisches Theme: Customizer und Child-Theme

Logo über den Customizer

Unter Design → Customizer → Website-Informationen (je nach Theme auch „Header“) lädst du ein Logo hoch. Themes, die die WordPress-Funktion „Custom Logo“ nutzen, geben es automatisch als Link zur Startseite aus. Prüfe das im Frontend: Zeigt der Mauszeiger beim Überfahren eine Hand, ist der Link da.

Headerbild ohne Link

Das Headerbild (Customizer → Header-Bild) ist in vielen älteren Themes nicht verlinkt. Dann brauchst du eine kleine Code-Änderung. Wichtig: Nicht direkt im Theme ändern, sonst ist die Anpassung beim nächsten Theme-Update weg. Lege ein Child-Theme an und kopiere die header.php dorthin. Wie ein Child-Theme funktioniert, steht im Hub WordPress-Theme wählen und anpassen.

Suche in der kopierten header.php die Stelle mit header_image() oder the_header_image_tag() und umschließe sie mit einem Link:

<?php if ( has_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
        <?php the_header_image_tag( array( 'alt' => get_bloginfo( 'name' ) ) ); ?>
    </a>
<?php endif; ?>

Das alt-Attribut mit dem Namen der Website ist wichtig: Ein Link, der nur aus einem Bild besteht, braucht einen Alternativtext, damit Screenreader-Nutzer wissen, wohin er führt.

Für Fortgeschrittene: Logo-Link anpassen und Details

• Ziel ändern: the_custom_logo() verlinkt immer auf home_url(). Soll das Logo woanders hinführen (etwa zur Hauptdomain eines Netzwerks), änderst du das HTML über den Filter get_custom_logo.
• Startseite selbst: Seit WordPress 5.5 kann ein Theme mit dem Parameter unlink-homepage-logo in add_theme_support( 'custom-logo', ... ) festlegen, dass das Logo auf der Startseite selbst nicht verlinkt wird. Ohne diesen Parameter bleibt es auch dort ein Link.
• Block-Themes per Code: Im Template-Teil parts/header.html steuert das Attribut isLink die Verlinkung, etwa <!-- wp:site-logo {"isLink":true} /-->.

Beispiel für einen geänderten Logo-Link:

add_filter( 'get_custom_logo', function ( $html ) {
    return str_replace(
        esc_url( home_url( '/' ) ),
        esc_url( 'https://www.hauptseite.example/' ),
        $html
    );
} );

Passend dazu: Soll neben dem Logo kein Website-Titel mehr erscheinen, hilft Website-Titel und Untertitel aus dem Header entfernen.

Wenn du statt einer Beitragsliste eine eigene Startseite zeigen willst, auf die der Header verlinkt, hilft Statische Startseite und separate Beitragsseite einrichten.

Häufige Fragen

Mein Logo ist verlinkt, nur nicht auf der Startseite. Ist das ein Fehler?

Nein, das ist meist Absicht des Themes. Ein Link auf die Seite, auf der man bereits ist, verwirrt vor allem Screenreader-Nutzer. Themes können ihn deshalb seit WordPress 5.5 über unlink-homepage-logo auf der Startseite weglassen.

Kann ich den Header-Link in einem neuen Tab öffnen lassen?

Technisch ja, der Website-Logo-Block bietet dafür eine Option. Für einen Link zur eigenen Startseite ist das aber unüblich und stört eher.

Ich sehe im Editor keinen Header-Bereich. Warum?

Im Beitragseditor bearbeitest du nur den Inhalt. Den Header erreichst du im Website-Editor (Block-Theme) oder im Customizer (klassisches Theme).

Quellen

• wordpress.org Documentation: Site Logo block
• Theme Handbook: Custom Logo
• Theme Handbook: Custom Headers
• Theme Handbook: Child Themes