Navigationsmenüs in WordPress bilden das Fundament einer Website-Struktur. Sie führen Nutzer durch die Inhalte und helfen ihnen, schnell das Gesuchte zu finden. Diese Menüs erscheinen an verschiedenen Stellen einer Website, üblicherweise im Header, Footer oder in der Sidebar, und dienen Besuchern und Suchmaschinen als Wegweiser.
Ob Sie Ihre erste WordPress-Website erstellen oder eine umfangreiche Inhaltsbibliothek verwalten: Zu verstehen, wie Sie ein benutzerdefiniertes Navigationsmenü erstellen, organisieren und anzeigen, kann die Benutzerfreundlichkeit deutlich verbessern. Ein gut strukturiertes Navigationsmenü wirkt sich positiv auf die Suchmaschinenoptimierung (SEO) aus, indem es die interne Verlinkung und die Crawlbarkeit verbessert.
WordPress verfügt über einen integrierten Menü-Editor, mit dem Sie Menüs erstellen, bearbeiten und verwalten können, ohne eine einzige Zeile Code schreiben zu müssen. Von der Zuweisung eines Menüs zu bestimmten Bereichen wie dem Hauptmenü oder dem Kopfmenü bis hin zur Anpassung seiner Elemente über den Tab „Benutzerdefinierte Links“ – dieser Glossareintrag behandelt alles Wissenswerte zu WordPress-Navigationsmenüs.
Die Funktionsweise des Navigationsmenüs in WordPress verstehen
WordPress bietet standardmäßig flexible Optionen zur Verwaltung der Website-Navigation. Ein typisches WordPress-Menü kann Seiten, Beiträge, Kategorien, Schlagwörter und benutzerdefinierte Links enthalten. Sie können mehrere Navigationsmenüs erstellen und diese je nach den Menüpositionen Ihres Themes unterschiedlichen Anzeigebereichen zuweisen.
Viele Themes unterstützen beispielsweise ein Hauptmenü im Header, ein Untermenü in der Seitenleiste und ein Fußmenü. Diese Menüs helfen Nutzern, wichtige Inhalte wie den Link zur Startseite, den Blogbereich oder die Kontaktseite zu finden.
Moderne Themes unterstützen auch mobile Menüs und gewährleisten so ein responsives Design auf allen Geräten. Mithilfe von Navigationsmenüs können Nutzer Ihre Website logisch erkunden, und Sie können sie gezielt zu relevanten Inhalten wie Produktseiten, Servicebereichen oder Formularen zur Leadgenerierung führen.
Erstellen eines benutzerdefinierten Menüs in WordPress
Design > Menüs zur Menüseite . Folgen Sie dann diesen Schritten:
- Klicken Sie auf den „Neues Menü erstellen“, um Ihr erstes benutzerdefiniertes Navigationsmenü zu erstellen.
- im Feld „Menüname“ einen aussagekräftigen Namen, z. B. „Hauptnavigation“ oder „Fußzeilenlinks“.
- Klicken Sie auf die Schaltfläche „Menü erstellen“ , um Ihr benutzerdefiniertes Menü zu initialisieren.
Sobald der Menüstrukturbereich erstellt ist, können Sie Elemente hinzufügen und deren Reihenfolge festlegen.
Erstellen eines benutzerdefinierten Navigationsmenüs
Im nächsten Schritt füllen Sie das neu erstellte Menü mit Inhalten. Verwenden Sie die Schaltfläche „Zum Menü hinzufügen“, um Seiten, Beiträge, Kategorien oder einen benutzerdefinierten Link einzufügen.
WordPress-Menüs unterstützen eine Drag-and-Drop-Oberfläche im Menüstruktur-Bereich, wodurch sich Menüpunkte logisch und benutzerfreundlich anordnen lassen. Um Dropdown-Menüs (oder Untermenüs) zu erstellen, ziehen Sie einen Menüpunkt einfach etwas nach rechts unter den zugehörigen übergeordneten Menüpunkt.
Um die Einrichtung abzuschließen:
- Im Bereich der Menüeinstellungen können Sie festlegen, wo das Menü platziert werden soll, z. B. im Hauptmenü oder im Fußmenü.
- Klicken Sie auf die Schaltfläche „Menü speichern“, um Ihre Änderungen zu speichern und das Menü zu aktivieren.
Sie können diesen Vorgang wiederholen, um mehrere Menüs für verschiedene Bereiche Ihrer Website zu erstellen.
Hinzufügen von Artikeln zum Menü
WordPress ermöglicht es Ihnen, verschiedene Inhaltstypen zu Ihrem Navigationsmenü hinzuzufügen und so die Interaktion der Nutzer mit Ihrer Website vollständig zu steuern. Diese Elemente sind direkte Links zu wichtigen Bereichen Ihrer Website und tragen zu einer optimierten Nutzerführung bei.
Sie können folgende Inhaltsarten einbinden:
- Statische Seiten – wie zum Beispiel Ihre Seiten „Über uns“, „Kontakt“, „Leistungen“ oder „FAQ“.
- Blogbeiträge – Verlinken Sie direkt zu den Beiträgen, die Sie hervorheben möchten.
- Kategorien – Ordnen Sie Ihre Blog-Inhalte nach Themen.
- Tags – Hilfreich beim Verlinken zu tagbasierten Inhalts-Sammlungen.
- Benutzerdefinierte Links – Ideal für externe URLs, herunterladbare Dateien oder interne Ankerlinks, die Benutzer zu bestimmten Abschnitten einer Seite führen.
So fügen Sie Artikel zu Ihrer Speisekarte hinzu:
- über Ihr WordPress-Dashboard zur Menüseite Design > Menüs .
- Auf der linken Seite des Bildschirms befinden sich mehrere ausklappbare Bereiche mit den Bezeichnungen Seiten, Beiträge, Kategorien, Schlagwörter und Benutzerdefinierte Links.
- Markieren Sie das Kästchen neben jedem Inhaltselement, das Sie einbeziehen möchten.
- Klicken Sie auf die „Zum Menü hinzufügen“ .
Die ausgewählten Elemente erscheinen nun im Menüstruktur-Bereich auf der rechten Seite des Bildschirms, wo Sie sie neu anordnen und organisieren können.
Sie können den Tab „Benutzerdefinierte Links“ verwenden, wenn die Inhalte, die Sie verlinken möchten, nicht automatisch angezeigt werden, z. B. eine Website eines Drittanbieters, ein Dateidownload oder ein bestimmter Bereich einer Seite. Geben Sie einfach die URL und eine Bezeichnung für den Link ein und klicken Sie dann auf „Zum Menü hinzufügen“.
Diese Flexibilität ermöglicht es Ihnen, die Navigation Ihrer Website vollständig anzupassen und Besucher genau dorthin zu leiten, wo Sie sie haben möchten.
Arbeiten mit Links in WordPress-Menüs
Jeder Menüpunkt in Ihrem WordPress-Menü ist im Prinzip ein Menülink. Diese Links können auf interne oder externe Ziele verweisen. Über den Tab „Benutzerdefinierte Links“ können Sie ganz einfach URLs erstellen, die auf Websites von Drittanbietern oder verschiedene Bereiche Ihrer Website verweisen.
Zum Beispiel können Sie:
- Fügen Sie einen Homepage-Link mit vollständiger URL oder relativem Pfad hinzu.
- Fügen Sie einen neuen Menülink für eine kampagnenspezifische Landingpage ein.
- Erstellen Sie einen Menülink zu einer herunterladbaren Ressource.
Sie können auch festlegen, wie sich diese Links verhalten sollen, z. B. ob sie in einem neuen Tab geöffnet werden oder ob bestimmte CSS-Klassen für Gestaltungszwecke angewendet werden sollen.
Effektive Organisation von Menüpunkten
Eine übersichtliche Menüstruktur trägt wesentlich zur Benutzerfreundlichkeit einer Website bei. WordPress gestaltet die Organisation dieser Elemente intuitiv, indem es im Menüstruktur-Bereich eine Drag-and-Drop-Oberfläche verwendet.
Zu den bewährten Verfahren gehören:
- Zusammengehörige Elemente in Dropdown-Menüs gruppieren.
- Das Hauptmenü sollte übersichtlich und prägnant sein.
- Verwenden Sie klare, beschreibende Bezeichnungen anstelle von allgemeinen wie „Seite 1“
Vermeiden Sie eine überladene Navigation. Wenn Sie viele Elemente anzeigen müssen, sollten Sie diese auf mehrere Navigationsmenüs in verschiedenen Bereichen aufteilen, beispielsweise in einem Untermenü oder einem Fußmenü.
Anzeige des Menüs auf Ihrer Website
Nachdem Sie Ihr individuelles Menü erstellt haben, müssen Sie entscheiden, wo es angezeigt werden soll. WordPress-Themes bieten vordefinierte Menüpositionen, an denen Ihre Menüs angezeigt werden können.
Übliche Standorte sind:
- Kopfmenü (oben auf der Seite)
- Fußmenü (unten auf der Seite)
- Seitenleistennavigation
- Mobiles Menü (im Hamburger-Stil für kleinere Bildschirme)
So ordnen Sie einem Standort ein Menü zu:
- Scrollen Sie zu den Menüeinstellungen unterhalb des Abschnitts „Menüstruktur“.
- Wählen Sie unter „Anzeigeort“ den gewünschten Standort aus
- Klicken Sie auf die Schaltfläche „Speichern“.
Manche Themes ermöglichen es Ihnen sogar, mithilfe von Widgets wie dem benutzerdefinierten Menü-Widget mehrere Navigationsmenüs an derselben Stelle hinzuzufügen.
Erweiterte Menüoptionen und Einstellungen
WordPress bietet erweiterte Einstellungen zur Verbesserung der Menüfunktionalität:
- Automatische Hinzufügung neuer Seiten der obersten Ebene zu einem bestehenden Menü.
- Fügen Sie CSS-Klassen für benutzerdefiniertes Styling oder JavaScript-Aktionen hinzu.
- Verwenden Sie XFN (XHTML Friends Network), um Beziehungen zwischen Links zu beschreiben.
- Integrieren Sie Bilder oder Symbole mithilfe von Plugins in Menüpunkte.
Zusätzlich können Sie Menüstrukturen mithilfe von Plugins wie „Duplicate Menu“ duplizieren, um neue Layouts zu testen. Klicken Sie auf das duplizierte Menü, benennen Sie es um und bearbeiten Sie es nach Belieben, ohne das Original zu verändern.
Arbeiten mit Blockthemen und dem Navigationsblock
Mit der Einführung der vollständigen Website-Bearbeitung (FSE) ist die Verwaltung von Menüs mithilfe des Website-Editors und des Navigationsblocks visueller und flexibler geworden.
So fügen Sie in WordPress mithilfe des Navigationsblocks ein Menü hinzu:
- Sie können den Website-Editor über Design > Editor aufrufen.
- Fügen Sie einen Navigationsblock in Ihre Kopf- oder Fußzeilenvorlage ein.
- Über die Block-Symbolleiste können Sie Menüelemente hinzufügen, entfernen oder neu anordnen.
- Passen Sie Stile wie Typografie, Abstände und Hover-Effekte individuell an.
- Weisen Sie den Block einem Anzeigeort zu.
Der Navigationsblock unterstützt moderne UX-Muster wie mobile Umschalter und verschachtelte Dropdown-Menüs, wodurch die Bereitstellung intuitiver Benutzeroberflächen erleichtert wird.
Verwendung von Plugins zur Erweiterung der Funktionen des Navigationsmenüs
Der in WordPress integrierte Menüeditor ist zwar leistungsstark, aber Plugins bieten zusätzliche Funktionen wie:
- Mega-Menüs für große, mehrspaltige Dropdown-Listen.
- Bedingte Sichtbarkeit basierend auf Benutzerrolle oder Gerät.
- Erweiterte Gestaltungsmöglichkeiten mit Symbolen, Bildern und Animationen.
Zu den beliebten Plugins gehören:
- Max Mega Menü
- WP Mega-Menü
- QuadMenu
Diese Tools sind direkt in die Menüseite integriert und bieten Ihnen so mehr Kontrolle, ohne die Benutzerfreundlichkeit zu beeinträchtigen.
Behebung häufiger Probleme mit dem Navigationsmenü
Manchmal wird Ihr Navigationsmenü nicht angezeigt oder verhält sich nicht wie erwartet. Häufige Probleme sind:
- Menü wird nicht angezeigt: Stellen Sie sicher, dass es dem richtigen Menübereich des Themes zugewiesen ist.
- Defekte Links: Überprüfen Sie die URLs im Tab „Benutzerdefinierte Links“.
- Dropdown-Menü funktioniert nicht: Möglicherweise verursacht durch Theme-Konflikte oder fehlendes JavaScript.
- Probleme mit dem mobilen Menü: Überprüfen Sie, ob das Theme responsive Menüs unterstützt oder verwenden Sie ein Plugin.
- Das Menü erscheint leer: Stellen Sie sicher, dass Sie die Menüpunkte korrekt hinzugefügt und gespeichert haben.
Um Probleme zu beheben, überprüfen Sie Ihre Menüeinstellungen, bestätigen Sie die Optionen und klicken Sie auf „Menü speichern“, um die Änderungen anzuwenden.
Best Practices für WordPress-Navigationsmenüs
Beachten Sie bei der Erstellung effektiver WordPress-Navigationsmenüs
- Verwenden Sie im Hauptmenü nicht mehr als 6–8 Einträge der obersten Ebene.
- Ordnen Sie die Elemente logisch und in einer sinnvollen Hierarchie an.
- Gegenstände sollten immer mit beschreibenden Namen versehen werden.
- Priorisieren Sie Barrierefreiheit: Nutzen Sie ein tastaturfreundliches Design und ARIA-Rollen.
- Optimieren Sie für Mobilgeräte mit einer ausklappbaren Menüschaltfläche oder einem Hamburger-Symbol.
- Überprüfen und aktualisieren Sie Ihre bestehenden Menüs regelmäßig, wenn sich Ihre Website weiterentwickelt.
Abschluss
Die Beherrschung von Navigationsmenüs in WordPress ist unerlässlich für eine optimale Benutzererfahrung und eine intuitive Navigation Ihrer Website. Ob Sie den integrierten Menü-Editor nutzen oder mit dem modernen Navigationsblock eines Block-Themes arbeiten – das Erstellen, Verwalten und Anzeigen von benutzerdefinierten Menüs ist eine grundlegende Fähigkeit.
Denken Sie daran:
- Über den Menübildschirm können Sie Ihre Menüs erstellen, zuweisen und speichern.
- Nutzen Sie die Registerkarte „Benutzerdefinierte Links“ und die CSS-Klassen für individuelle Anpassungen.
- Weisen Sie Menüs geeigneten Anzeigebereichen zu, z. B. dem Hauptmenü, dem Fußmenü oder dem Mobilmenü.
- Klicken Sie immer auf das Speichermenü, um Ihre Änderungen zu speichern.
Bei richtiger Einrichtung wird das Navigationsmenü Ihrer Website zu einem leistungsstarken Werkzeug, um Benutzer zu führen, die Suchmaschinenoptimierung zu verbessern und die allgemeine Benutzerfreundlichkeit Ihrer Website zu steigern.
