Sie möchten wissen, wie Sie die Navigationsleiste in WordPress bearbeiten können? Die kurze Antwort ist, dass Sie es mit dem eingebauten Menü-Editor oder einem Drag-and-Drop-Builder wie SeedProd machen können.
Ihre Navigationsleiste ist eines der ersten Dinge, die Besucher sehen. Wenn Sie sie bearbeiten, können Sie Links hinzufügen, Schaltflächen erstellen und das Design anpassen, damit sich die Besucher leicht auf Ihrer Website bewegen können.
In dieser Anleitung zeige ich Ihnen zwei einfache Möglichkeiten, Ihr WordPress-Menü zu bearbeiten. Die erste verwendet SeedProd für eine vollständige Designkontrolle und die zweite verwendet die Standardeinstellungen von WordPress für schnelle Bearbeitungen.
Warum sollten Sie Ihr WordPress-Menü bearbeiten?
Die Bearbeitung Ihrer WordPress-Navigationsleiste macht Ihre Website benutzerfreundlicher und effektiver bei der Konvertierung von Besuchern. Ein übersichtliches Menü hilft den Besuchern, den richtigen Inhalt schnell zu finden, was sie länger auf Ihrer Website hält und die Zahl der Anmeldungen oder Verkäufe erhöht.
Standardmäßig erstellt WordPress ein Menü mit Ihren veröffentlichten Seiten. Sie können es jedoch mit Links zu Blogbeiträgen, Produktseiten, Kategorien oder externen Websites anpassen. So wird ein einfaches Menü zu einem leistungsstarken Werkzeug, das die Benutzer durch Ihre Website führt.
Sie können zum Beispiel einen Link zu Ihrer E-Mail-Anmeldeseite oder einer Shop-Seite hinzufügen oder Ihre beliebtesten Blog-Kategorien hervorheben. Sie können auch Schaltflächen, Symbole oder Dropdown-Menüs hinzufügen, um das Erscheinungsbild zu verbessern.
Kurz gesagt, die Anpassung Ihrer Navigationsleiste verbessert die Benutzerfreundlichkeit und hilft Ihnen, Ihre Website-Ziele schneller zu erreichen.
Wie man die Navigationsleiste in WordPress bearbeitet: 2 Methoden
Sie können Ihre WordPress-Navigationsleiste auf zwei Arten bearbeiten: mit einem Drag-and-Drop-Builder wie SeedProd oder mit dem integrierten Menü-Editor von WordPress. Beide sind anfängerfreundlich, bieten aber unterschiedliche Anpassungsmöglichkeiten.
Wenn Sie die volle Designkontrolle ohne Programmierung wünschen, ist SeedProd die bessere Wahl. Damit können Sie Menüs erstellen, Schaltflächen hinzufügen und alles visuell gestalten. Wenn Sie schnelle Bearbeitungen bevorzugen und keine erweiterten Designoptionen benötigen, sind die Standard-WordPress-Menüeinstellungen gut geeignet.
Methode 1. Wie man die Navigationsleiste in WordPress mit SeedProd bearbeitet
Der einfachste Weg, Ihre WordPress-Navigationsleiste zu bearbeiten, ist mit SeedProd. Es ist ein Drag-and-Drop-Builder, mit dem Sie Menüs entwerfen, Schaltflächen hinzufügen und das Styling anpassen können, ohne Code zu schreiben.
Mit SeedProd können Sie benutzerdefinierte WordPress-Themes erstellen, Landing Pages erstellen und standortweite Elemente wie Header und Menüs an einem Ort bearbeiten. Der Nav Menu-Block macht es einfach, auf die Navigationsleiste zu zeigen, zu klicken und sie visuell zu bearbeiten.
Neben den Menüs hilft SeedProd auch Ihnen:
- Erstellen Sie eine "Demnächst"-Seite
- Aktivieren des Wartungsmodus
- Erstellen von benutzerdefinierten 404- und Anmeldeseiten
- Inhalte sozialer Medien einbetten
- Gestaltung von WooCommerce-Geschäften
Als nächstes gehen wir Schritt für Schritt vor, um Ihre WordPress-Navigationsleiste mit SeedProd zu bearbeiten.
Schritt 1. Installieren Sie das SeedProd Plugin
Um Ihre WordPress-Navigationsleiste mit SeedProd zu bearbeiten, installieren und aktivieren Sie zunächst das Plugin. Gehen Sie auf die SeedProd-Preisseite, wählen Sie einen Plan und laden Sie das Plugin von Ihrem Konto-Dashboard herunter.
Als nächstes laden Sie das Plugin auf Ihre WordPress-Website hoch und klicken auf Aktivieren. Gehen Sie dann zu SeedProd " Einstellungen, fügen Sie Ihren Lizenzschlüssel ein und klicken Sie auf Schlüssel verifizieren, 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 Menüs zu beginnen.
Hinweis: Wenn Sie Ihr Theme nicht ersetzen möchten, können Sie trotzdem eine Navigationsleiste in SeedProd bearbeiten, indem Sie eine Landing Page erstellen und deren Kopfzeile anpassen.
Schritt 2. Wählen Sie eine WordPress-Theme-Vorlage
Der schnellste Weg, Ihre Navigationsleiste in SeedProd einzurichten, ist, mit einer vorgefertigten WordPress-Themenvorlage zu beginnen. Jede Vorlage enthält alle Teile einer Website - Kopfzeile, Fußzeile, Homepage und Blog -, sodass Sie nur noch das Design anpassen müssen.
Klicken Sie im Dashboard des Theme Builder auf Themen, um die Vorlagengalerie zu öffnen. Sie können in einer neuen Registerkarte eine Vorschau der Designs anzeigen und eines auswählen, das zu Ihrem Unternehmen passt.
Für dieses Tutorial verwenden wir das Thema Autowartung, aber Sie können eine 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 Kopfzeile, Fußzeile und Blogseiten. Sie können nun jeden Teil im Drag-and-Drop-Editor öffnen, um mit der Anpassung zu beginnen.
Schritt 3. Anpassen des Kopfzeilenvorlagenteils
Ihre Navigationsleiste befindet sich in der Kopfzeilenvorlage. Die vorgefertigten Themes von SeedProd fügen diese in der Regel automatisch ein, sodass Sie nur die Kopfzeile öffnen und anpassen müssen.
Um Ihre Kopfzeile zu bearbeiten, bewegen Sie den Mauszeiger über die Kopfzeilenvorlage im Theme Builder und klicken Sie auf Design bearbeiten. Dadurch wird der Live-Editor zum Ziehen und Ablegen geöffnet.
Klicken Sie auf ein beliebiges Element in der Vorschau, um es zu bearbeiten. Auf der linken Seite wird das Einstellungsfeld angezeigt, in dem Sie Text, Gestaltung und Funktionalität ändern können.
Klicken Sie zum Beispiel auf den Logoblock, um das Platzhalterlogo zu löschen und Ihr eigenes aus der WordPress-Mediathek hochzuladen.
Sie können auch neue Blöcke wie Symbole für soziale Medien, eine Suchleiste oder benutzerdefinierte Schaltflächen in die Kopfzeile ziehen, um Ihre Navigationsleiste zu erweitern.
Nachdem Sie die Grundlagen der Kopfzeilenbearbeitung kennen, können Sie im nächsten Schritt das Navigationsmenü selbst anpassen.
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 eine erweiterte Steuerung.
Option 1: Einfaches Menü - Fügen Sie direkt im Builder Links zu einer beliebigen Seite, einem Beitrag, einer Kategorie, einem Tag oder einer externen URL hinzu. Es ist schnell einzurichten, unterstützt aber keine Dropdown-Menüs oder bestehende WordPress-Menüs.
Sie können das einfache Menü mit Optionen für Ausrichtung, Schriftgröße, Abstände und Trennlinien gestalten. Auf der Registerkarte "Erweitert" können Sie zwischen horizontalen und vertikalen Layouts wechseln und Typografie, Farben und Rahmen anpassen.
Option 2: WordPress-Menü - Wählen Sie aus der Dropdown-Liste ein Menü aus, das Sie bereits in WordPress erstellt haben. Diese Option unterstützt die mobile Navigation und übernimmt die Flexibilität des integrierten Menü-Editors von WordPress.
Sie sehen auch einen schnellen Link zurück zur Standard-WordPress-Menüseite, wo Sie Ihr Layout anpassen können. Wie beim einfachen Menü können Sie auf der Registerkarte "Erweitert" Schriftarten, Farben, Schatten, Sichtbarkeit auf verschiedenen Geräten und mehr anpassen.
Hinzufügen einer Menü-Schaltfläche in WordPress
Eine Menüschaltfläche ist eine gute Möglichkeit, Aktionen wie "Anmelden" oder "Start" hervorzuheben. In SeedProd können Sie eine solche Schaltfläche mit dem Block Schaltfläche hinzufügen.
Ziehen Sie den Button-Block aus der linken Seitenleiste in Ihre Kopfzeile. Passen Sie dann den Text, den Link und das Styling der Aufforderung zur Aktion direkt im Einstellungsbereich an.
Profi-Tipp: Entfernen Sie nicht benötigte Elemente, indem Sie mit dem Mauszeiger darüber fahren und auf das Mülleimersymbol klicken.
Wenn Ihr Menü so aussieht, wie Sie es wünschen, klicken Sie oben rechts auf Speichern und schließen Sie den Editor, um zum Dashboard des Theme Builders zurückzukehren.
Sie können den gleichen Vorgang wiederholen, um andere Teile Ihres WordPress-Themes anzupassen.
Schritt 5. Veröffentlichen Sie Ihr individuelles WordPress-Theme
Nachdem Sie Ihr WordPress-Menü und Ihre Theme-Vorlagen bearbeitet haben, sind Sie bereit, die Änderungen auf Ihrer Website zu aktivieren. Suchen Sie dazu den Schalter " SeedProd-Theme aktivieren " auf der Seite "Theme Builder" und schalten Sie ihn auf "Ein".
Jetzt können Sie Ihre Homepage aufrufen und Ihr neues benutzerdefiniertes Navigationsmenü sehen.
Methode 2. Menüs in WordPress ohne ein Plugin bearbeiten
Wenn Sie Ihr aktuelles Theme beibehalten möchten, können Sie die Navigationsleiste mit dem integrierten Menü-Editor von WordPress bearbeiten. Für diese Option sind keine zusätzlichen Plugins erforderlich, aber die Gestaltungsmöglichkeiten sind begrenzt und hängen von Ihrem Theme ab.
Um loszulegen, gehen Sie in Ihrem WordPress-Dashboard zu Darstellung " Menüs. Hier können Sie Menülinks hinzufügen, entfernen und organisieren.
Um neue Elemente hinzuzufügen, wählen Sie im linken Bereich Seiten aus und klicken Sie auf Zum Menü hinzufügen. Sie können auch Beiträge, Kategorien, benutzerdefinierte Links oder Tags hinzufügen, indem Sie deren Abschnitte erweitern.
Als Nächstes wählen Sie unter Menüeinstellungen " Anzeigeort aus, wo Ihr Menü angezeigt werden soll. Die Optionen variieren je nach Thema und können Folgendes umfassen:
- Hauptmenü
- Sekundäres Menü
- Off-Canvas-Menü
- Menü Benutzerkonto
- Menü Fußzeile
Klicken Sie auf Menü speichern, wenn Sie fertig sind, und zeigen Sie Ihre Website in der Vorschau an, um die aktualisierte Navigationsleiste in Aktion zu sehen.
Um mehr Kontrolle zu haben, können Sie Menüs mit benutzerdefiniertem CSS gestalten. Siehe diesen Leitfaden zur Gestaltung von WordPress-Navigationsmenüs.
Nächste Schritte
Ich hoffe, diese Schritt-für-Schritt-Anleitung hat Ihnen geholfen zu lernen, wie Sie Menüs in WordPress einfach bearbeiten können. Wenn Sie eine WooCommerce-Website haben, gefällt Ihnen vielleicht auch diese Anleitung zum Hinzufügen eines WooCommerce-Warenkorbsymbols in Menüs.
Sind Sie bereit, die Menüs Ihrer Website ohne Code anzupassen?
Starten Sie noch heute mit SeedProd.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
