Wie bearbeite ich den WordPress-Header?

Die Merkmale des Headers einer WordPress-Website:

• Der Header, der Kopf der Website, sieht auf allen Seiten gleich aus. Ebenso wie der Footer, also der Fuß der Website.
• Im Header stecken typischerweise der Logo-Block.
• Im Header steckt typischerweise der Navigations-Block. Wenn es mehrere unterschiedliche Navigations-Blöcke gibt, ist im Header die Haupt-Navigation.
• Im Header können weitere Blöcke eingefügt werden, zum Beispiel ein Suchmaschinen-Block oder ein Absatz-Block, der eine Telefonnummer enthält. Gerne im Header platziert werden auch Social-Media-Icons, also Links zu Social-Media-Netzwerken wie Instagram oder Bluesky.

In diesem Tutorial zeige ich dir die Basics der Header-Bearbeitung. Dieses Tutorial funktioniert mit allen Block-Themes.

WordPress-Header bearbeiten

• Website-Editor öffnen
• Blöcke in den Header einfügen
• Blöcke horizontal ausrichten
• Blöcke vertikal ausrichten
• Tipp für die Navigation
• Header komplett auswechseln

Website-Editor öffnen

Den Header bearbeitest du über den Website-Editor. So öffnest du den Website-Editor:

1. Logge dich in WordPress ein.
2. Klicke auf eine beliebige Seite. Oder auf die Homepage, die Startseite deiner Website.
3. Klicke in der schwarzen Leiste oben auf Website bearbeiten, rechts neben dem Icon mit dem breiten Malerpinsel. Damit hast du den Website-Editor geöffnet.

Blöcke in den Header einfügen

Auch im Header findest du das Pluszeichen, den Block-Inserter. Mit einem Klick auf das + kannst du jede Art von Blöcken in den Header einzufügen.

Blöcke horizontal ausrichten

Blöcke kannst du auf zwei Arten ausrichten:

• Horizontale Ausrichtung, also nebeneinander in einer Zeile.
• Vertikale Ausrichtung, also übereinander in einem Stapel.

Im obigen Beispiel ist der Suchmaschinen-Block horizontal angeordnet, in einer Zeile rechts neben dem Logo.

Blöcke vertikal ausrichten

Im obigen Beispiel sind die Blöcke vertikal ausgerichtet, also in einem Stapel. Die Suchmaschine ist jetzt unterhalb des Logos angeordnet.

Tipp für die Navigation

Der Navigations-Block erscheint je nach Bildschirmgröße „ausgeklappt“ oder nur als Icon. Wenn du sicher sein willst, dass besonders wichtige Links auch auf Tablets und Handys angezeigt werden, musst du sie außerhalb des Navigationsmenüs platzieren.

Header komplett auswechseln

Du bist mit dem Header völlig unzufrieden und möchtest ihn komplett auswechseln? Auch das ist möglich, denn für das Layout von Header (und Footer) einer WordPress-Website sind sogenannte Template-Teile verantwortlich. Über den Website-Editor kannst du das Template-Teil für den Header wechseln. Gehe dazu auf die Startseite und klicke anschließend oben in der schwarzen Menüleiste auf Website bearbeiten.

Anschließend klickst du auf das Icon mit der Treppe, um die Listenansicht zu öffnen.

Jetzt siehst du eine Drei-Spalten-Ansicht. In dieser kannst du das Template-Teil für den Header wechseln.

1. Klicke in der linken Spalte auf Header.
2. In der Mittelspalte ist der Header mit einem feinen blauen Rahmen umrandet.
3. In der rechten Spalte kannst du unter Design einen neuen Header zuweisen.