Wie fügt man ein WordPress-Menü hinzu?
Dieses Tutorial behandelt die folgenden Themen:
Ein gut gestaltetes und intuitives WordPress-Menü ist eine Funktion, die die Benutzererfahrung erheblich verbessert. Es macht die Navigation nahtlos und umreißt klar die Struktur Ihrer Website.
WordPress bietet verschiedene Werkzeuge, die es Benutzern ermöglichen, funktionelle und vielseitige Menüs für ihre Websites zu erstellen. Diese Anleitung wird sich damit befassen, was ein WordPress-Menü ist und wie man ein Menü zu einer WordPress-Site hinzufügt.
Was ist ein Menü in WordPress?
Ein WordPress-Navigationsmenü ist ein Website-Abschnitt mit Links zu wichtigen Inhalten. Es bleibt auf allen Seiten sichtbar und befindet sich in einem Bereich, den Besucher leicht erkennen können. Darüber hinaus hilft ihnen ein Menü, zwischen den Seiten zu navigieren und hebt wesentliche Teile Ihrer Website hervor.
Sie können ganz einfach neue Menüs erstellen, neu anordnen, Menüelemente hinzufügen oder entfernen und die bestehenden anpassen. Sie können auch Untermenüs und Dropdown-Menüs erstellen.
Die Menüs können Links zu verschiedenen Arten von Inhalten enthalten – Seiten, Blog-Posts, Social-Media-Symbole, benutzerdefinierte URLs und Post-Kategorien.
Ihr WordPress-Theme definiert die Position des Menüs. Standardmäßig wird sie bei den meisten Themes oben auf der Seite angezeigt. Viele Themes ermöglichen es Ihnen jedoch, sekundäre Menüs in anderen Bereichen, wie der Fußzeile oder der Seitenleiste, zu platzieren.
Warum sollten Sie ein Navigationsmenü zu Ihrer Website hinzufügen
Studien zeigen, dass es weltweit über 1,9 Milliarden aktive Websites gibt. Bei solch einem enormen Wettbewerb müssen Sie jeden Trick des Buches anwenden, um Ihre Website von der Masse abzuheben.
Ein Navigationsmenü ist eine Funktion, die einen guten Eindruck bei Ihren Besuchern hinterlässt und ihre Benutzererfahrung reibungsloser macht. Es dient als Roadmap, die Ihre Besucher zu den wichtigsten Abschnitten Ihrer Website führt. Über das Menü können Besucher leicht durch Ihre Website navigieren.
Darüber hinaus skizziert ein Menü die Struktur der Website, die Ihnen hilft, den Inhalt in relevante Kategorien zu unterteilen. Auf diese Weise fühlen sich die Benutzer nicht verloren und finden immer den Weg zu den Inhalten, die sie interessieren.
Infolgedessen erhöht ein gut gestaltetes Menü den Ruf Ihrer Website und hilft, Ihre Marke von Ihren Mitbewerbern abzuheben.
Wie man ein Menü in WordPress erstellt
Das Erstellen und Verwalten von Menüs erfolgt über das WordPress-Dashboard. Um auf die Menüoptionen zuzugreifen, loggen Sie sich in das Dashboard Ihrer Website ein und navigieren Sie zum Abschnitt Design > Menüs.
Um Ihr erstes Menü zu erstellen, füllen Sie die Details im Abschnitt Menü-Struktur aus. Vergeben Sie einen Namen im Feld Name des Menü, wählen Sie den Ort aus Menü-Einstellungen > Position im Theme, und klicken Sie auf Menü erstellen.
Um ein weiteres Menü zu erstellen, verwenden Sie die Schaltfläche “erstelle ein neues Menü”, die in Menüs bearbeiten erscheint, nachdem Sie das erste Menü erstellt haben.
Wie man einen Menüpunkt in WordPress hinzufügt
Sie haben vielleicht bemerkt, dass der linke Abschnitt Menüpunkte hinzufügen ausgegraut war, bevor Sie ein Menü erstellen. Das liegt daran, dass es kein Menü gab, um Elemente hinzuzufügen.
Da Sie nun über ein vorhandenes Menü verfügen, ist dieser Abschnitt verfügbar. Standardmäßig können Sie zwischen vier Gruppen von Links wählen:
- Seiten – Links zu veröffentlichten Seiten auf Ihrer Website. Zuletzt erstellt zeigt die zuletzt von Ihnen gepostete Seite. Alle listet alle veröffentlichten Seiten auf.
- Beiträge – erlaubt Ihnen, Links zu veröffentlichten Beiträgen hinzuzufügen. Ähnlich wie bei Pages können Sie den zuletzt veröffentlichten Beitrag aus Zuletzt erstellt auswählen oder eine Liste aller Beiträge aus Alle anzeigen.
- Individuelle Links – Sie können einen URL-Link zu einer Seite in das Menü einfügen.
- Kategorien – ermöglicht Ihnen, Ihre Post-Kategorien als Menüelemente hinzuzufügen. Im Abschnitt Häufig genutzt können Sie die Kategorie mit der höchsten Anzahl von Beiträgen sehen. Alle zeigt alle Kategorien an.
Abhängig von dem Thema oder den Plugins, die Sie verwenden, kann Ihre Website zusätzliche Link-Gruppen enthalten.
Um ein Element auszuwählen, erweitern Sie eine der Gruppen und markieren Sie das Kästchen daneben. Sie können mehrere Elemente aus derselben Gruppe hinzufügen, indem Sie die entsprechenden Kästchen ankreuzen.
Alternativ können Sie Alle auswählen wählen, um alle Elemente aus der Gruppe auszuwählen. Wenn Sie Ihre Wahl getroffen haben, klicken Sie auf Zum Menü hinzufügen.
Die ausgewählten Elemente erscheinen als Registerkarten untereinander in der Menü-Struktur auf der rechten Seite. Jede Registerkarte ist nach dem Element benannt und gibt den Linktyp an – Seite, Beitrag, benutzerdefinierter Link oder Kategorie. Um die Änderungen zu speichern, klicken Sie auf die Schaltfläche Menü speichern.
Sie können sich dafür entscheiden, dem Menü automatisch neue Seiten der obersten Ebene hinzuzufügen. Unter Menü-Einstellungen, markieren Sie das Kästchen für Seiten automatisch hinzufügen – Neue Seiten der ersten Ebene automatisch zum Menü hinzufügen.
Wie man ein Menü in WordPress bearbeitet
Sie können die vorhandenen Menüs im selben Dashboard-Bereich bearbeiten, in dem Sie sie erstellt haben – Design > Menüs. Wenn Sie mehrere Menüs erstellt haben, wählen Sie das Menü, das Sie bearbeiten möchten aus der Dropdown-Liste Wähle ein Menü zum Bearbeiten und drücken Sie Auswählen.
Die Menüpunkte laden unter dem Abschnitt Menü-Struktur. Sie können neue Elemente hinzufügen oder die vorhandenen Elemente neu anordnen, löschen, umbenennen und ändern.
Wie man ein Menüelemen entfernt
Falls Sie einen oder mehrere Links aus einem Menü entfernen müssen, drücken Sie die Mehrfachauswahl-Schaltfläche, die Checkboxen vor jedem Element aktiviert. Markieren Sie die Elemente, die Sie entfernen möchten und klicken Sie auf Ausgewählte Elemente entfernen. Um die Änderung zu bestätigen, klicken Sie auf die Schaltfläche Menü speichern in der unteren rechten Ecke.
Wie kann man die Reihenfolge der Elemente ändern
Um die Reihenfolge der Elemente zu ändern, müssen Sie sie einfach ziehen und verschieben. Die aktuelle Reihenfolge wird visuell durch die Top-Down-Reihenfolge dargestellt, die Sie in der Menü-Struktur sehen.
Um ein Element nach oben oder unten zu verschieben, klicken Sie einfach darauf und halten Sie die Maustaste gedrückt. Dann ziehen Sie es, um die anderen Elemente zu verschieben, platzieren Sie es in der bevorzugten Position und lassen Sie die Taste los. Um die neue Bestellung zu bestätigen, klicken Sie auf Menü speichern.
Wie man die Menüposition ändert
Das aktive WordPress-Theme bestimmt die Position des Menüs. Als absolutes Minimum bieten die meisten Themen zwei Menüpositionen – primär und sekundär.
Normalerweise befindet sich die primäre Position oben auf Ihren Seiten, während sich die sekundäre Position im unteren Bereich befindet. Einige Designs bieten jedoch mehrere andere Optionen – den Fußzeilenbereich, die Seitenleiste, außerhalb der Leinwand usw.
Sobald Sie das Menü ausgewählt haben, können Sie den Ort über Menü-Einstellungen > Position im Theme. Sie sehen die Standardmenüpositionen des Themas, und Sie können eine oder mehrere Positionen für das ausgewählte Menü auswählen, indem Sie die entsprechenden Kästchen ankreuzen. Wie bei jeder Bearbeitung, bestätigen Sie die Änderungen mit der Schaltfläche Menü speichern.
Sie können die Position aller vorhandenen Menüs gleichzeitig über die Registerkarte Positionen verwalten im Abschnitt Design > Menüs.
Die Spalte Position im Theme listet die vordefinierten Menü-Orte für das Theme auf. In der Spalte Zugewiesenes Menü sehen Sie eine Dropdown-Liste mit dem Menü, das an der jeweiligen Stelle angezeigt wird. Wählen Sie das Menü für jeden Standort und bestätigen Sie mit der Schaltfläche Änderungen speichern.
Wie man ein Dropdown-Menü in WordPress erstellt
Dropdown-Menüs sind mehrstufige Menüs, die aus übergeordneten Elementen im Hauptmenü und untergeordneten Elementen bestehen, die angezeigt werden, wenn Sie mit der Maus über ein übergeordnetes Element fahren. Sie werden auch verschachtelte Menüs genannt.
Sie sind die perfekte Lösung, wenn Sie mehr Elemente hinzufügen möchten, aber Ihr Hauptmenü sauber und organisiert halten möchten. Anstatt Ihr Hauptmenü mit allen Elementen zu überladen, können Sie Elemente mit einem gemeinsamen Merkmal gruppieren und unter einem übergeordneten Element verschachteln.
Das Erstellen von Dropdown-Menüs ist in WordPress recht einfach. Im Abschnitt Design > Menüs, gehen Sie zu Menü-Struktur, dort sind die Menüpunkte aufgelistet.
Klicken Sie auf das Element, das Sie verschachteln möchten und halten Sie die Maustaste gedrückt. Platzieren Sie es etwas rechts unter dem übergeordneten Element und lassen Sie die Maustaste los. Das verschachtelte Element wird als Unterpunkt bezeichnet und unter dem Hauptelement eingefügt.
Sie können auch mehrere Ebenen erstellen, indem Sie ein Element unter einem bereits verschachtelten Element verschachteln. Um die neue Struktur zu bestätigen, klicken Sie auf der gleichen Seite auf die Schaltfläche Menü speichern .
Unten sehen Sie, wie das Dropdown-Menü auf den Titelseiten erscheint.
Wenn Sie einen Menüpunkt eine Ebene nach oben zurückbewegen möchten, klicken Sie einfach auf den Menüpunkt und halten die Maustaste gedrückt. Dann ziehen Sie die Objektregisterkarte auf der linken Seite, bis sie mit den anderen Objekten der oberen Ebene übereinstimmt, und lassen Sie die Maustaste los.
Alternativ können Sie auf den Pfeil im Element-Tab klicken und Heraus von unterhalb [dem übergeordneten Element] auswählen.
Wie man Menükategorien hinzufügt
Wenn du ein Blog betreibst, kann das das Hinzufügen von Beitragskategorien zu deinem Menü den Besuchern helfen durch die verschiedenen Themen navigieren und Beiträge leichter finden.
Sie können Kategorien wie jedes andere Menüelement hinzufügen. In Design > Menüs, wählen Sie das Menü, und von Menüeinträge hinzufügen, wählen Sie Kategorien.
Auf der Registerkarte Häufig genutzt können Sie die Kategorie mit den meisten Beiträgen sehen. Alle zeigt alle vorhandenen Kategorien. Sie können auch mit der Registerkarte Suchen nach einer Kategorie suchen.
Markieren Sie die Kästchen für die Kategorien, die Sie hinzufügen möchten, und klicken Sie auf Zum Menü hinzufügen. Sie werden als Elemente im Menü unter Menü-Struktur angezeigt.
Sie können sie dann wie jedes andere Element neu anordnen. Normalerweise sind die Kategorien unter einem Hauptelement verschachtelt, das mehrere Kategorien kombiniert.
Wie man benutzerdefinierte Links zu einem WordPress-Menü hinzufügt
Abgesehen von den Seiten, Beiträgen und Kategorien Ihrer Website können WordPress-Menüs auch benutzerdefinierte Links zu externen Adressen enthalten. Sie können einen Link zu einer anderen Website, die Sie besitzen, einem Social-Media-Profil, Ihrem Online-Shop usw. hinzufügen.
Um einen benutzerdefinierten Link hinzuzufügen, gehen Sie zu Design > Menüs und wählen Sie das Menü. Im Abschnitt Menüeinträge hinzufügen wählen Sie Individuelle Links und füllen das Formular aus. Geben Sie die Adresse des Links in das Feld URL ein. Schreiben Sie in Link-Text das Navigationslabel des Links, das im Menü erscheinen wird.
Drücken Sie die Schaltfläche Zum Menü hinzufügen, ordnen Sie die Reihenfolge des Links im Menü an und bestätigen Sie die Änderung mit Menü speichern.
Wie man ein Menü zur Seitenleiste oder der Footer hinzufügt
Die Menüpositionen werden durch das Thema, das Sie verwenden, im Voraus bestimmt. Normalerweise gibt es ein paar Optionen: fügen Sie das Menü zum oberen (Kopf) oder unteren Teil der Seite hinzu.
Einige Themes bieten zusätzliche Orte, wie die Seitenleiste oder die Fußzeile. Aber auch wenn Ihr Thema sie nicht unterstützt, können Sie Ihr Menü über Widgets zu diesen Bereichen hinzufügen.
Gehen Sie zu Design > Widgets von Ihrem WordPress-Dashboard und wählen Sie die Seitenleiste oder den Fußzeilenbereich.
Klicken Sie auf die Schaltfläche Block-Inserter umschalter (+ Zeichen) und wählen Sie aus der Gruppe Widgets das Navigationsmenü. WordPress erstellt das Menü-Widget in dem von Ihnen gewählten Bereich.
Wählen Sie eines Ihrer vorhandenen Menüs aus der Dropdown-Liste in Wähle ein Menü. Optional können Sie einen Titel hinzufügen, der über dem Menü erscheint. Bestätigen Sie die Änderungen mit der Schaltfläche Aktualisieren.
Unten ist ein Beispiel dafür, wie das Menü in der Fußzeile und der Seitenleiste angezeigt wird.
Wie man ein Menü im Full Site Editor (FSE) hinzufügt
WordPress 5.9 führte eine neue Methode zum Bearbeiten des Erscheinungsbilds Ihrer Website namens Full Site Editing ein.
Es ermöglicht Ihnen, Ihre Website-Präsentation von Grund auf direkt im Gutenberg Block Editor zu erstellen. Mit Blöcken können Sie mühelos ein benutzerdefiniertes Menü in WordPress erstellen.
Die vollständige Website-Bearbeitung befindet sich in der Testphase, daher ist sie nur mit einigen wenigen Themen kompatibel. Bisher funktioniert das Feature mit den WordPress-nativen Themes TwentyTwentyTwo und TwentyTwentyThree.
Sie können erkennen, ob Ihr Thema die vollständige Website-Bearbeitung unterstützt, wenn Sie auf die Sektion Design gehen. Die Standard-Unterabschnitte Anpassen, Widgets, Menüs, Hintergrund und Themendatei-Editor werden weg sein. Stattdessen sehen Sie die einzige Option Editor. Ein Klick darauf lädt den Gutenberg Block Editor, wo Sie das Aussehen Ihrer Website anpassen können.
Klicken Sie im Blockeditor auf den Seitenabschnitt, auf dem Sie das Menü platzieren möchten. Drücken Sie die Schaltfläche Block-Inserter umschalter (+ Zeichen) in der oberen linken Ecke oder die Schaltfläche Block hinzufügen (+ Zeichen) in der unteren rechten Ecke des markierten Abschnitts.
Die linke Seitenleiste wird erweitert und zeigt alle Arten von Blöcken. Klicken Sie auf die Registerkarte Blöcke und wählen Sie Navigation im Abschnitt THEME.
Der Editor erstellt einen Block für das Menü, in dem Sie Ihre Links hinzufügen können. Anfänglich wird es einen einzelnen Slot mit dem Text Link hinzufügen geben. Klicken Sie darauf, und von der Pop-up-Toolbox, wählen Sie Link. Es erscheint ein weiteres Fenster, in dem Sie eine URL hinzufügen oder nach einer Seite, einem Beitrag oder einer Kategorie auf Ihrer Website suchen können. Sie können auch die Funktion Transformieren verwenden, um das Menüelement in eine Suchleiste, ein soziales Symbol oder ein Website-Logo zu verwandeln.
Sobald Sie das Menüelement hinzugefügt haben, können Sie den Vorgang wiederholen und weitere Elemente erstellen. Bewegen Sie den Mauszeiger über den Menüblock, um ihn hervorzuheben, und klicken Sie auf die Schaltfläche Block hinzufügen in der rechten Ecke. Wählen Sie dann Link aus der Pop-up-Toolbox und fügen Sie den gewünschten Link hinzu.
Nachdem Sie das Menü gebildet haben, können Sie seine Einstellungen optimieren. Die rechte Seitenleiste des Editors ist der Abschnitt Einstellungen. Wenn es ausgeblendet ist, klicken Sie auf das Symbol Einstellungen, um es zu erweitern. Es bietet kontextbezogene Optionen entsprechend dem ausgewählten Block. Um sicherzustellen, dass Sie das Menü bearbeiten, klicken Sie auf das Menü, um es zu markieren, und klicken Sie auf die Registerkarte Block unter Einstellungen.
Hier können Sie die Ausrichtung des Menüs auf der Seite, die Ausrichtung (vertikal oder horizontal), die Schriftfarbe und -größe, die Hintergrundfarbe und andere Einstellungen ändern.
Sie können auch eines Ihrer zuvor erstellten Menüs in den Block einfügen, anstatt ein Menü von Grund auf neu zu erstellen. Öffnen Sie dazu im Abschnitt Einstellungen die Dropdown-Liste für Menü und wählen Sie eines Ihrer vorhandenen Menüs aus.
Ein paar Tipps zum Abschied
Zusammenfassend lässt sich sagen, dass ein gut gestaltetes und funktionales Menü entscheidend für Ihre Website ist und die Benutzererfahrung erhöht. Es macht die Navigation nahtlos und hilft Ihnen, die Aufmerksamkeit der Besucher auf die wesentlichen Abschnitte Ihrer Website zu lenken.
In dieser Hinsicht bietet WordPress verschiedene Werkzeuge, um mühelos reichhaltige und funktionale Menüs zu erstellen.
Abschließend noch ein paar Tipps, die Sie bei der Gestaltung Ihrer Menüs beachten sollten.
Machen Sie Ihre Speisekarte leicht zu erkennen
Es spielt keine Rolle, wie gut Ihre Speisekarte ist, wenn die Besucher es nicht bemerken. Die gebräuchlichste Praxis ist, Ihr Menü im oberen Abschnitt (Kopfzeile) Ihrer Webseiten zu platzieren. Auf diese Weise ist das Menü eines der ersten Dinge, die Besucher sehen, wenn sie Ihre Website besuchen. Sie können Menüs auch in der Seitenleiste und in der Fußzeile platzieren, um sie hervorzuheben.
Verwenden Sie Farben und ein Design, das das Menü von den anderen Teilen Ihrer Website unterscheidet.
Achten Sie auf die Menüreihenfolge
Benutzer neigen dazu, sich auf das erste und letzte Element in einer Liste zu konzentrieren. Daher sollten Sie die wichtigsten Website-Links an diesen Positionen in Ihrem Menü als Lesezeichen speichern. Platzieren Sie die weniger signifikanten Links dazwischen. Als gängige Praxis setzen Sie den Abschnitt Kontakte an den letzten.
Behalten Sie nur die wesentlichen Links im Hauptmenü
Eine überfüllte Speisekarte kann Ihre Besucher mit zu vielen Informationen überhäufen. Sie würden sich nicht die Mühe machen, es zu lesen und Ihre Website in Kürze verlassen. Halten Sie Ihr Hauptmenü minimal, mit nur den wichtigsten Abschnitten aufgelistet. Wenn Sie mehr Elemente hinzufügen möchten, verwenden Sie Dropdown-Menüs.
Benutzen Sie beschreibende Titel für die Menüpunkte
Vermeiden Sie die Verwendung von generischen Linktiteln, die keine wertvollen Informationen enthalten. Verwenden Sie beschreibende Titel, die den Zweck jedes Abschnitts zusammenfassen. Benennen Sie zum Beispiel den Link Ihres Online-Shops „Store“ oder „Shop“.