So bearbeiten Sie Ihre WordPress-Navigationsleiste (2 Methoden) 

Ihre Navigationsleiste sieht für Sie gut aus, aber Besucher landen immer wieder auf den falschen Seiten oder geben auf und gehen.

Die Links sind vorhanden, aber sie zeigen nicht dorthin, wo sie sollten. Das Design fühlt sich nicht richtig an. Oder Sie haben gerade eine neue Service-Seite gestartet und können nicht herausfinden, wo Sie sie hinzufügen können, ohne das gesamte Layout zu zerstören.

Ich erstelle seit über 13 Jahren WordPress-Websites, und die Navigationsleiste ist eines dieser Dinge, die einfach klingen, bis man tatsächlich versucht, sie zu ändern. In dieser Anleitung zeige ich Ihnen zwei Möglichkeiten, Ihr WordPress-Navigationsmenü zu bearbeiten: eine mit SeedProd für die vollständige visuelle Kontrolle und eine mit dem integrierten Menüeditor von WordPress für schnelle Aktualisierungen.

Wie bearbeite ich meine WordPress-Navigationsleiste?

Sie können Ihre WordPress-Navigationsleiste mit einem Drag-and-Drop-Website-Builder wie SeedProd oder mit dem in Darstellung » Menüs integrierten WordPress-Menüeditor bearbeiten. Beide sind für Anfänger geeignet, bieten aber unterschiedliche Kontrollmöglichkeiten.

Merkmal	SeedProd	Integrierter Editor
Visuelle Drag-and-Drop-Bearbeitung	Ja	Nein
Dropdown-Unterstützung (Untermenü)	Ja (über die Option WordPress-Menü)	Ja
Mobile Navigation	Ja	Abhängig vom Theme
CSS für die Gestaltung erforderlich	Nein	Oft ja
Kostenlos nutzbar	Bezahlt (Pro)	Ja (integriert)
Funktioniert mit jedem Theme	Ersetzt das Theme	Ja

Methode 1. So bearbeiten Sie die Navigationsleiste in WordPress mit SeedProd

SeedProd ist ein Drag-and-Drop-Website-Builder für WordPress, der Ihnen die vollständige visuelle Kontrolle über Ihre Navigationsleiste gibt, ohne Code anfassen zu müssen. Sie sehen jede Änderung live, während Sie sie vornehmen. Schriftarten, Farben, Menülinks, Schaltflächen und Layout passen sich in Echtzeit an.

Mit SeedProd können Sie benutzerdefinierte WordPress-Themes erstellen, Landing Pages erstellen und websiteübergreifende Elemente wie Header und Menüs an einem Ort bearbeiten. Der Nav Menu-Block macht es einfach, Ihre Navigationsleiste visuell zu bearbeiten, indem Sie zeigen und klicken.

Neben Menüs hilft Ihnen SeedProd auch bei:

• Eine „Coming Soon“-Seite zu erstellen
• Wartungsmodus aktivieren
• Benutzerdefinierte 404- und Login-Seiten erstellen
• Social-Media-Inhalte einbetten
• WooCommerce-Shops gestalten

Schritt 1. Installieren Sie das SeedProd-Plugin

Um Ihre WordPress-Navigationsleiste mit SeedProd zu bearbeiten, installieren und aktivieren Sie zuerst das Plugin. Gehen Sie zur SeedProd-Preisseite, wählen Sie einen Plan aus und laden Sie das Plugin von Ihrem Konto-Dashboard herunter.

Laden Sie als Nächstes das Plugin auf Ihre WordPress-Site hoch und klicken Sie auf Aktivieren. Gehen Sie dann zu SeedProd » Einstellungen, fügen Sie Ihren Lizenzschlüssel ein und klicken Sie auf Schlüssel überprüfen, um die Theme Builder-Funktion freizuschalten.

Gehen Sie nun in Ihrem WordPress-Dashboard zu SeedProd » Theme Builder, um mit der Erstellung Ihres benutzerdefinierten Themes und Ihrer Navigationsmenüs zu beginnen.

Hinweis: Wenn Sie Ihr Theme nicht ersetzen möchten, können Sie eine Navigationsleiste in SeedProd trotzdem bearbeiten, indem Sie eine Landingpage erstellen und deren Header anpassen.

Schritt 2. Wählen Sie eine WordPress-Theme-Vorlage

Der schnellste Weg, Ihre Navigationsleiste in SeedProd einzurichten, ist der Start mit einer vorgefertigten WordPress-Theme-Vorlage. Jede Vorlage enthält alle Teile einer Website – Header, Footer, Homepage und Blog –, sodass Sie nur das Design anpassen müssen.

Klicken Sie im Theme Builder-Dashboard auf Themes, um die Vorlagengalerie zu öffnen. Sie können Designs in einem neuen Tab in der Vorschau anzeigen und eines auswählen, das zu Ihrem Unternehmen passt.

Für dieses Tutorial verwenden wir das Theme „Car Maintenance“, aber Sie können jede beliebige Vorlage wählen. Klicken Sie auf das orangefarbene Häkchen, um es in Ihre Website zu importieren.

Nach dem Import erstellt SeedProd automatisch die Struktur Ihrer Website, einschließlich Header, Footer und Blog-Seiten. Sie können nun jeden Teil im Drag-and-Drop-Editor öffnen, um mit der Anpassung zu beginnen.

Schritt 3. Passen Sie den Header-Template-Teil an

Ihre Navigationsleiste befindet sich im Header-Template. Die vorgefertigten Themes von SeedProd fügen normalerweise automatisch eine hinzu, sodass Sie nur den Header öffnen und anpassen müssen.

Um Ihren Header zu bearbeiten, fahren Sie mit der Maus über das Header-Template im Theme Builder und klicken Sie auf Design bearbeiten. Dies öffnet den Live-Drag-and-Drop-Editor.

Klicken Sie auf ein beliebiges Element in der Vorschau, um es zu bearbeiten. Das Einstellungsfenster erscheint auf der linken Seite, wo Sie Text, Styling und Funktionalität ändern können.

Klicken Sie zum Beispiel auf den Logo-Block, um das Platzhalterlogo zu löschen und Ihr eigenes aus der WordPress-Mediathek hochzuladen.

Sie können auch neue Blöcke wie Social-Media-Icons, eine Suchleiste oder benutzerdefinierte Schaltflächen in den Header ziehen, um Ihre Navigationsleiste zu erweitern.

Nachdem die Grundlagen des Headers behandelt sind, sind Sie bereit, das Navigationsmenü selbst im nächsten Schritt zu bearbeiten.

Schritt 4. Bearbeiten Sie Ihre WordPress-Navigationsleiste

SeedProd verwendet einen Nav Menu-Block, um die Navigation Ihrer Website anzuzeigen. Dieser Block bietet Ihnen zwei Möglichkeiten, Menüs zu verwalten: eine einfache Option für schnelle Links oder eine WordPress-Menü-Option für erweiterte Steuerung.

Option 1: Einfaches Menü

Fügen Sie Links direkt im Builder zu jeder Seite, jedem Beitrag, jeder Kategorie, jedem Tag oder jeder externen URL hinzu. Die Einrichtung ist schnell, unterstützt aber keine Dropdown-Menüs oder vorhandenen WordPress-Menüs.

Sie können das einfache Menü mit Optionen für Ausrichtung, Schriftgröße, Abstände und Trennzeichen gestalten. Wechseln Sie im Tab „Erweitert“ zwischen horizontalen oder vertikalen Layouts und passen Sie Typografie, Farben und Rahmen an.

Option 2: WordPress-Menü

Wählen Sie ein Menü aus, das Sie bereits im WordPress-Menü-Editor erstellt haben, aus der Dropdown-Liste. Diese Option unterstützt die mobile Navigation und übernimmt die Flexibilität der integrierten Einstellungen von WordPress unter Design » Menüs.

Sie sehen auch einen Schnellzugriff zurück zur Standard-WordPress-Menüseite, wo Sie Ihr Layout anpassen können. Wie beim einfachen Menü können Sie im Tab „Erweitert“ Schriftarten, Farben, Schatten, Sichtbarkeit nach Gerät und mehr anpassen.

So fügen Sie einen Menü-Button in WordPress hinzu

Ein Menü-Button ist eine großartige Möglichkeit, Aktionen wie „Registrieren“ oder „Loslegen“ hervorzuheben. In SeedProd können Sie einen mit dem Button-Block hinzufügen.

Ziehen Sie den Button-Block aus der linken Seitenleiste in Ihre Kopfzeile. Passen Sie dann den Call-to-Action-Text, den Link und das Styling direkt im Einstellungsbereich an.

Profi-Tipp: Entfernen Sie alle Elemente, die Sie nicht benötigen, indem Sie mit der Maus darüber fahren und auf das Mülleimer-Symbol klicken.

Wenn Ihr Menü so aussieht, wie Sie es möchten, klicken Sie oben rechts auf Speichern und schließen Sie den Editor, um zum Theme Builder-Dashboard zurückzukehren.

Sie können denselben Vorgang wiederholen, um andere Teile Ihres WordPress-Themes anzupassen.

Conversion-Tipp: Ihre Navigationsleiste muss nicht nur aus Links bestehen. Das Hinzufügen einer Schaltfläche „Angebot anfordern“ oder „Demo buchen“, die zu einer speziellen Landingpage führt, verwandelt Ihren Header in ein Conversion-Tool. Ich habe gesehen, wie Websites ihre Lead-Formular-Einreichungen verdoppelten, nur indem sie diesen CTA auf jeder Seite sichtbar machten.

Schritt 5. Veröffentlichen Sie Ihr benutzerdefiniertes WordPress-Theme

Nachdem Sie Ihre WordPress-Menü- und Header-Vorlagen bearbeitet haben, sind Sie bereit, die Änderungen live zu schalten. Finden Sie den Schalter SeedProd Theme aktivieren auf der Theme Builder-Seite und stellen Sie ihn auf „Ein“.

Besuchen Sie nun Ihre Homepage, um Ihr neues benutzerdefiniertes Navigationsmenü live auf Ihrer Website zu sehen.

Methode 2. Wie bearbeite ich mein WordPress-Menü ohne Plugin?

Wenn Sie Ihr aktuelles Theme beibehalten möchten, ist der WordPress-Menü-Editor direkt in Ihr Dashboard integriert. Sie benötigen keine zusätzlichen Plugins, obwohl Ihre Styling-Optionen von Ihrem Theme abhängen.

Wichtig: Diese Methode funktioniert nur für klassische Themes. Wenn Sie Design » Menüs nicht in Ihrem Dashboard sehen, läuft Ihre Website wahrscheinlich mit einem Block-Theme (wie z. B. Twenty Twenty-Four). Benutzer von Block-Themes sollten stattdessen zu Design » Editor gehen und nach dem Abschnitt Navigation suchen.

Schritt 1. Gehen Sie zu Darstellung » Menüs

Gehen Sie in Ihrem WordPress-Dashboard zu Design » Menüs. Wenn Sie bereits ein Menü haben, wählen Sie es aus der Dropdown-Liste oben aus. Wenn nicht, geben Sie einen Namen für Ihr neues Website-Menü ein und klicken Sie auf Menü erstellen.

Schritt 2. Fügen Sie Elemente zu Ihrem Navigationsmenü hinzu

Um neue Elemente hinzuzufügen, wählen Sie Seiten aus dem linken Bereich aus und klicken Sie auf Zum Menü hinzufügen. Sie können auch Beiträge, Kategorien, benutzerdefinierte Links oder Tags einschließen, indem Sie deren Abschnitte erweitern.

Schritt 3. Ordnen Sie Ihre Menüelemente neu an

Nachdem Sie Elemente hinzugefügt haben, ziehen Sie sie per Drag & Drop in die gewünschte Reihenfolge. Elemente am Anfang der Liste erscheinen zuerst in Ihrem Header-Menü. Klicken Sie nach dem Neuanordnen auf Menü speichern, um Ihre Änderungen zu übernehmen.

Schritt 4. Erstellen Sie Dropdown-Elemente (Untermenüs)

Um ein Dropdown in Ihrem Navigationsmenü zu erstellen, ziehen Sie ein Menüelement leicht nach rechts unter ein anderes Element. Es wird eingerückt – so erkennt WordPress es als Untermenü. Das übergeordnete Element wird zum Link der obersten Ebene, und das eingerückte Element erscheint im Dropdown, wenn ein Besucher mit der Maus darüber fährt.

Schritt 5. Entfernen Sie Menüelemente

Um ein Element zu entfernen, klicken Sie auf den Pfeil daneben, um seine Einstellungen zu erweitern, und klicken Sie dann auf Entfernen. Dadurch wird es aus dem Navigationsmenü entfernt, ohne die Seite von Ihrer Website zu löschen.

Schritt 6. Legen Sie einen Anzeigeort fest und speichern Sie

Wählen Sie unter Menüeinstellungen > Anzeigeort aus, wo Ihr Header-Menü angezeigt werden soll. Die Optionen variieren je nach Theme und können Folgendes umfassen:

• Primäres Menü
• Sekundäres Menü
• Off-Canvas-Menü
• Benutzerkonto-Menü
• Footer-Menü

Klicken Sie auf Menü speichern, wenn Sie fertig sind, und sehen Sie sich dann Ihre Website in der Vorschau an, um die aktualisierte Navigationsleiste zu sehen.

Häufig gestellte Fragen

Wie bearbeite ich mein WordPress-Navigationsmenü, ohne meine vorhandenen Seiten zu verlieren?

Die Bearbeitung Ihres Navigationsmenüs in WordPress wirkt sich nicht auf Ihre Seiten oder Beiträge aus. Der Bildschirm Darstellung > Menüs steuert nur, welche Links in Ihrem Menü und in welcher Reihenfolge angezeigt werden – er löscht keine Inhalte.

Um sicherzugehen, wählen Sie zunächst Ihr vorhandenes Menü aus dem Dropdown-Menü oben auf dem Menübildschirm aus, bevor Sie Änderungen vornehmen. So bearbeiten Sie das richtige Menü und erstellen nicht versehentlich ein neues.

Warum finde ich die Option Menüs unter Darstellung in WordPress nicht?

Wenn Sie unter Darstellung keine Menüs sehen, verwendet Ihre Website ein Block-Theme (wie z. B. Twenty Twenty-Four oder Twenty Twenty-Five). Block-Themes verwalten die Navigation über den Website-Editor, nicht über den klassischen Menübildschirm.

Gehen Sie zu Darstellung > Editor und suchen Sie nach dem Abschnitt Navigation, um Ihr Website-Menü zu bearbeiten. Alternativ funktioniert SeedProd mit jedem Theme und gibt Ihnen die volle visuelle Kontrolle über Ihre Navigationsleiste ohne den Website-Editor.

Wie füge ich ein Dropdown-Menü in WordPress hinzu?

Ziehen Sie im WordPress-Menüeditor (Darstellung > Menüs) ein Menüelement leicht nach rechts unter das Element, das Sie als übergeordnetes Element haben möchten. Es wird eingerückt, um anzuzeigen, dass es sich jetzt um ein Untermenü handelt.

Das übergeordnete Element wird zum Link der obersten Ebene, und die eingerückten Elemente erscheinen als Dropdown, wenn Besucher mit der Maus darüber fahren. Klicken Sie auf Menü speichern, wenn Sie fertig sind. Verwenden Sie in SeedProd die Option WordPress-Menü im Nav-Menü-Block – sie übernimmt Ihre vorhandenen Menüs, einschließlich jeder Dropdown-Struktur, die Sie eingerichtet haben.

Kann ich meine WordPress-Navigationsleiste ohne ein Plugin bearbeiten?

Ja. WordPress verfügt über einen integrierten Menüeditor unter Darstellung > Menüs, der mit jedem klassischen Theme funktioniert. Sie können Links hinzufügen, Elemente neu anordnen, Untermenüs erstellen und Anzeigeorte festlegen, ohne zusätzliche Installationen vorzunehmen.

Der Nachteil ist, dass die Gestaltung auf das beschränkt ist, was Ihr Theme unterstützt. Wenn Sie Schriftarten, Farben oder Layouts ändern möchten, ohne CSS zu schreiben, ist ein visueller Builder wie SeedProd der einfachere Weg.

Wie mache ich mein WordPress-Menü sticky (beim Scrollen fixiert)?

Eine Sticky-Navigationsleiste bleibt sichtbar, während Besucher nach unten auf der Seite scrollen. Öffnen Sie in SeedProd die Header-Vorlage im Theme Builder, klicken Sie auf die Header-Zeile und suchen Sie nach der Option "Sticky Header" im Einstellungsbereich auf der linken Seite. Schalten Sie sie ein und speichern Sie.

Für den integrierten WordPress-Menüeditor hängt das Sticky-Verhalten von Ihrem Theme ab. Viele Themes enthalten eine Option für einen Sticky-Header im Customizer (Design > Anpassen). Wenn Ihres dies nicht tut, benötigen Sie ein Plugin oder benutzerdefiniertes CSS, um es hinzuzufügen.

Nächste Schritte

Ihre Navigationsleiste zeigt nun dorthin, wo sie sollte. Besucher, die an der falschen Stelle gelandet sind oder gegangen sind, weil sie nicht finden konnten, was sie brauchten, haben einen klareren Weg durch Ihre Website.

Wenn Sie einen WooCommerce-Shop betreiben, möchten Sie vielleicht auch ein WooCommerce-Einkaufswagen-Symbol in Ihrem Menü hinzufügen, damit Kunden von überall auf Ihrer Website zu ihrem Warenkorb gelangen können. Und wenn Sie mit Ihrem Header-Design weiter gehen möchten, wie z. B. Logo-Platzierung, Suchleiste oder Layout, sehen Sie sich den vollständigen Leitfaden an, wie Sie Ihren WordPress-Header anpassen.

Starten Sie noch heute mit SeedProd.

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Konversation auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.