Start
/
WordPress Tutorials
/
Wie fügt man ein WordPress-Menü hinzu?

Wie fügt man ein WordPress-Menü hinzu?

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.

What ist ein Menü in WordPress

 

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.

Wie öffne ich die Menüs Sektion in WordPress

 

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.

So erstellen Sie Ihr erstes WordPress-Menü

 

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 erstelle ich ein neues menu

 

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.

Arten von Menüpunkten

 

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.

Wie füge ich ein Element zu einem WordPress-Menü hinzu

 

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.

Hinzugefügte Elemente zu einem WordPress-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.

Wie wähle ich ein Menü zum Bearbeiten aus

 

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 entferne ich Elemente aus ein WordPress-Menü

 

 

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 Reihenfolge der Menüpunkte ändert

 

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.

Wie man die Position eines WordPress-Menüs ändert

 

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 die Position aller Menüs ändert

 

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.

Wie erstelle ich ein Dropdown-Menü

 

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.

Ein Beispiel für ein Dropdown-Menü

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 verschiebe ich ein Unterelement eine Ebene nach oben

 

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.

Wie füge ich Kategorien zu einem WordPress-Menü hinzu

 

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 benutzerdefinierte Links zu einem WordPress-Menü hinzufügt

 

 

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.

Widgets-Sektion in einem WordPress Dashboard

 

WICHTIG! Denken Sie daran, dass Ihr Design möglicherweise keine Sidebar unterstützt. Ziehen Sie in Erwägung, ein Sidebar-Plugin zu installieren oder zu einem anderen Thema mit einer Sidebar zu wechseln.

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.

Wie füge ich ein Widget zum Fußzeilenbereich hinzu

 

 

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.

Wie man das Menü für das Widget auswählt und einen Titel hinzufügt

 

Unten ist ein Beispiel dafür, wie das Menü in der Fußzeile und der Seitenleiste angezeigt wird.

An Beispiel für eine Seite mit Menüs in der Fußzeile und der Seitenleiste

 

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.

Designmenü für ein Thema, das mit der vollständigen Website-Bearbeitung kompatibel ist

 

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.

Wie man einen Block in FSE für ein Menü hinzufügt

 

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.

Wie füge ich einen Navigationsblock für ein Menü in FSE hinzu

 

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.

Wie füge ich einen Link zu einem Menü in FSE hinzu

 

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.

Wie man ein zweites Element zu einem WordPress-Menü in FSE hinzufügt

 

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.

Menüeinstellungen im Full Site Editor

 

 

 

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.

Wie füge ich ein vorhandenes Menü zu einem Navigationsblock in FSE hinzu

 

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“.

Tutorial-Menü

Diesen Artikel teilen