60 Minuten GRATIS Webdesign-Workshop

Mit Geschäftsführer & Webdesign-Profi Oliver Pfeil

WordPress Header und Footer bearbeiten: So geht’s 🇩🇪

Der WordPress Header und Footer sind ein elementarer Bestandteil deiner Website. In diesem Artikel lernst du:

  • Wie du den WordPress Header bearbeiten kannst.
  • Wie du den WordPress Footer bearbeiten kannst.
  • Wie du diese Elemente frei gestalten und andern kannst.

Der Header mit dem Menü ist der wichtigste Teil deiner Website. Die Navigation ist entscheidend dafür, ob dein Besucher die gewünschten Inhalte auf deiner Seite findet, oder ob er genervt auf den Zurück-Button klickt.

WordPress Header und Footer bearbeiten

Ob und in welcher Form du den Header und den Footer bearbeiten kannst, hängt ganz von deinem WordPress Theme ab. Jedes Theme hat andere Möglichkeiten und entsprechend bist du von der Funktionalität deines Designs abhängig.

Anders ausgedrückt:
Falls du den Header und Footer nicht wie gewünscht bearbeiten möchtest, brauchst du ein anderes Theme.

  1. Klicke auf Design – Customizer.
  2. Suche nach dem Bereich „Header“ oder „Footer“.
  3. Sehe dir die möglichen Einstellungen an und führe die gewünschten Änderungen durch.

An dieser Stelle kannst du bei vielen Themes für den Header die Farbe ändern und auch den Text des Footers bearbeiten. Neben dem WordPress Header und dem Footer kannst du hier weitere Einstellungen für deine Website durchführen.

Wichtig: Falls der Menüpunkt Customizer nicht dargestellt wird, verwendest du eines der WordPress Standard Themes. Hier ist die Anpassung etwas anders, das nur zur Info.

Tipp: Manche Themes (wie beispielsweise WPAstra, OceanWP oder GeneratePress) gibt es in einer kostenlosen Version und in einer PRO-Version. Die PRO-Version hat entsprechend mehr Möglichkeiten. Falls du die kostenlose Variante verwendest, kannst du dir über ein Upgrade Gedanken machen.

WordPress Theme ändern

Wenn dir dein Theme keine Möglichkeiten bietet, den Header und Footer zu bearbeiten, brauchst du eine Alternative. Da gerade der Header sehr wichtig ist, solltest du dir eine Alternative überlegen.

Für WordPress gibt es tausende Themes und sogenannte Theme-Builder. Mit einem solchen Theme-Builder kannst du deine Website über eine visuelle Oberfläche gestalten. Du kannst damit also auch deinen WordPress Header bearbeiten und einen individuellen Footer mit eigenem Text und deinen gewünschten Farben erstellen.

Meine Empfehlungen:

Ganz besonders kann ich dir den Thrive Theme Builder empfehlen. Dieser bietet mit Abstand am meisten Möglichkeiten, da du über eine visuelle Oberfläche deine komplette Webseite gestalten kannst.

Mit dieser absolut genialen Lösung kannst du das komplette Theme über einen visuellen Editor auf deine Bedürfnisse anpassen. Das Ändern des WordPress Headers und auch des WordPress Footers wird damit zum Kinderspiel.

Hauptmenü und Footermenü

Grunsätzlich empfehle ich dir, zwei Menüs auf deiner Webseite zu verwenden. Zum einen das Hauptmenü, das im Header platziert ist und das Footermenü, das entsprechend im Footer (also ganz unten auf der Seite) platziert ist.

Im Hauptmenü solltest du alle wichtigen Menüpunkt für den Besucher darstellen. Also alle Seiten, die für den Besucher interessant und entscheiden sind. In das Footermenü kannst du alle Menüpunkte packen, die du zwar benötigst, die aber für den Besucher nicht wirklich wichtig sind.

  • Hauptmenü: Ein perfektes Menü für deine Besucher. Hier müssen alle wichtigen Seiten übersichtlich verlinkt sein.
  • Footermenü: Hier kannst du die für deine Besucher weniger wichtigen Seiten verlinken.

Tipps zum Header

Jetzt möchte ich dir noch ein paar wertvolle Tipps zum Header geben, da dieser einfach sehr wichtig ist.

  • Übersichtliches Menü: Das Wichtigste im Header ist das Menü. Achte darauf, dass dein Menü übersichtlich, verständlich und klar angeordnet ist. Nur wenn sich dein Besucher ganz einfach zurechtfindet, wird er das Menü benutzen und auf deiner Website bleiben.
  • Logo: In der Regel findet man im Header auch ein Logo. Viele Header sind so gestaltet, dass das Logo auf der linken Seite und das Menü auf der rechten Seite dargestellt wird.
  • Zeile mit Kontaktdaten: Eine weitere Möglichkeit besteht darin, im Header Kontaktdaten wie E-Mail, Telefon, Öffnungszeiten oder die Adresse zu hinterlegen. Dadurch machst du es deinen Besucher einfach, mit dir in Kontakt zu treten.
  • Sticky-Header: Manche Themes bieten die Möglichkeit, einen Header Sticky zu machen. Sticky bedeutet, dass der Header beim Scrollen nach unten immer sichtbar bleibt. Das erhöht die Usability für deinen Besucher.
  • Farben: Ich empfehle dir, den Header farblich vom Rest deiner Website abzuheben. Der Besucher soll auf den ersten Blick erkennen, was der Header und was der Rest des Inhalts ist. Achte hier allerdings auf ein schlichtes und übersichtliches Design und übertreibe es nicht.
  • Übersicht und Einfachheit: Einfachheit ist ein Schlüssel zum Erfolg. Dein Besucher muss es einfach haben und er muss deine Website verstehen. Achte also darauf, dass du keine komplizierte Navigation verwendest. Je einfacher, umso besser.

FAQ – Fragen und Antworten

Was ist der Header in WordPress?

Der Header ist der oberste Bereich deiner WordPress Website. Im Header befindet sich in aller Regel das Logo und die Hauptnavigation. Der Header sollte optisch vom Inhalt der Webseite grafisch abgegrenzt sein. Dementsprechend ist der Header so ziemlich das wichtigste Element auf deiner Website.

Wie ändere ich den Header in WordPress?

Über den Customizer kannst du deinen WordPress Header ändern. Den Customizer findest du im WordPress Backend unter Designs. Je nachdem, welches Theme du verwendest, stehen dir mehr oder weniger Individualisierungsmöglichkeiten zur Verfügung.

Was ist der Footer in WordPress?

Der Footer ist der unterste Bereich auf deiner Webseite. In der Regel findet man hier die Footernavigation mit Impressum und der Datenschutzerklärung. Im Footer kannst du zusätzlich beispielsweise die Kontaktdaten, Adresse und Links zu Social-Media-Profilen ergänzen.

Was ist ein WordPress Footer Widget?

Manche WordPress-Themes bieten dir die Möglichkeit, für den Footer spezielle Widgets zu nutzen. Widgets sind Bereiche, die du mit Inhalten befüllen kannst. Das kann ein eigener Text mit beispielsweise den Öffnungszeiten oder der Adresse sein, oder auch eine individuelle Navigation mit Links zu deinen Social Media Portalen.

Was kommt alles in den Footer?

Du kannst den Footer ganz schlicht gestalten und lediglich die Footernavigation darin einbinden. Alternativ kannst du auch einen umfangreichen Footerbereich gestalten und weitere Informationen darin darstellen. Hier ein paar Beispiele dazu:

Wie binde ich einen Code in den WordPress Header ein?

In bestimmten Fällen macht es Sinn, einen Code in den WordPress Header einzufügen. Das kann ein Tool oder auch ein Tracking-Code sein. Viele Themes bieten dazu ein eigenes Feld, wo du einen Code hinzufügen kannst. Das ist natürlich praktisch, da du nicht in die Programmierung direkt eingreifen musst. Falls dein Theme eine solche Möglichkeit nicht bietet, kannst du als Alternative ein Plugin dafür nutzen.

Deine perfekte Website. In Rekordzeit.

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil