Wie erstelle ich ein Dropdown-Menü in WordPress?

Veröffentlicht: 2022-09-06

Fragst du dich, wie man ein Dropdown-Menü in WordPress erstellt ? Wenn das der Fall ist, dann sind Sie bei uns genau richtig.

Das Hinzufügen einer guten Navigationsfunktion ist beim Erstellen einer Website wichtig. Besonders wenn Sie eine Website mit vielen Seiten und Beiträgen haben, ist die richtige Navigation entscheidend.

Weil Ihre Besucher in der Lage sein sollten, auf alles auf Ihrer Website einfach zuzugreifen. Das Erstellen eines Dropdown-Menüs ist also der richtige Weg.

Aber wie kann man in WordPress ein Dropdown-Menü erstellen? Mach dir keine Sorgen! In diesem Artikel führen wir Sie durch alle Schritte zum einfachen Erstellen eines Dropdown-Menüs in WordPress.

Lass uns anfangen!

IN DIESEM ARTIKEL: verstecken
Warum Drop-Down-Menü in WordPress hinzufügen?
Vorteile des Dropdown-Menüs in WordPress
Wie erstelle ich ein Dropdown-Menü in WordPress?
1. Erstellen eines Dropdown-Menüs in der vollständigen WordPress-Site-Bearbeitung
2. Erstellen Sie ein Dropdown-Menü mit einem klassischen Thema (Kadence)
3. Erstellen Sie ein Dropdown-Menü in WordPress mit einem Plugin
Fazit

Warum Drop-Down-Menü in WordPress hinzufügen?

Bevor Sie fortfahren, möchten Sie vielleicht wissen, warum Sie ein Dropdown-Menü auf der WordPress-Website hinzufügen sollten.

Die Verwendung eines Dropdown-Menüs auf Ihrer Website bietet viele Vorteile. Erstens wird es den Benutzern die Navigation auf Ihrer Website erleichtern.

Wenn Sie beispielsweise eine E-Commerce-Website erstellen, hilft ein Dropdown-Menü dabei, die Produkte und Dienstleistungen entsprechend zu kategorisieren.

Vorteile des Dropdown-Menüs in WordPress

Nachfolgend sind einige der Vorteile eines Dropdown-Menüs aufgeführt:

  • Sie können Ihrem Menü so viele Elemente hinzufügen, wie Sie möchten.
  • Einfaches Hinzufügen von Menüpunkten auf kleinem Raum.
  • Das Dropdown-Menü fügt Ihren Besuchern ein einfaches Navigationserlebnis hinzu.
  • Verwalten Sie die Artikel ganz einfach nach Kategorie.

Nachdem Sie nun die Vorteile eines Dropdown-Menüs auf einer WordPress-Website kennen, möchten Sie vielleicht eines erstellen.

Gehen wir also ohne weiteres die Schritte durch.


Wie erstelle ich ein Dropdown-Menü in WordPress?

Die Möglichkeit, ein Dropdown-Menü in WordPress hinzuzufügen, ist eine nützliche Funktion, die sich für Ihre Website-Besucher als nützlich erweisen kann.

Darüber hinaus können Sie verschiedene Methoden verwenden, um ein Dropdown-Menü in WordPress zu erstellen. Sehen wir sie uns im Detail an.

1. Erstellen eines Dropdown-Menüs in der vollständigen WordPress-Site-Bearbeitung

Zunächst teilen wir die Erstellung eines Dropdown-Menüs in der vollständigen Seitenbearbeitung von WordPress. Es ist der neueste Site-Editor, der standardmäßig angeboten wird. Sie können diesen Editor verwenden, wenn Sie ein WordPress-Blockdesign verwenden.

Installieren von Twenty Twenty-Two FSE-Design
Installieren von Twenty Twenty-Two FSE-Design

Hier verwenden wir das Twenty Twenty-Two- Design, das das erste standardmäßige blockbasierte Design für die vollständige Website-Bearbeitung ist.

So lass uns anfangen!

Schritt 1. Navigieren Sie zur Kopfzeile

Gehen Sie zunächst zu Darstellung > Editor . Und Sie werden zur Editor-Seite weitergeleitet.

Gehen Sie zur Editor-Seite
Gehen Sie zur Editor-Seite

Sie können auch über das Anpassen oder die Seitenbearbeitung auf die Seite des Editors gehen.

Klicken Sie danach auf die Option Listenansicht in der oberen Symbolleiste. Dann sehen Sie die Header- Option. Sie müssen die Navigationsoption auswählen, um die Menüs zu erstellen oder zu verwalten. Es ist in der Kopfzeile verschachtelt, abhängig von der Anzahl der Gruppen in der Kopfzeile.

Und wenn Sie den Mauszeiger über die Navigationsoption bewegen, wird Ihr Menü mit einem blauen Umriss hervorgehoben.

Gehen Sie zum Navigationsblock
Gehen Sie zum Navigationsblock

Unter der Option Navigation finden Sie die im Menü vorhandenen Elemente. Hier sehen Sie die Seitenliste . Außerdem wird es automatisch mit den veröffentlichten Seiten ausgefüllt. Wenn Sie also auf die Option Bearbeiten klicken, sehen Sie eine Benachrichtigung, die besagt, dass Sie die Seitenliste in einen einzelnen Link ändern müssen, um mit der Bearbeitung zu beginnen.

Konvertieren Sie die Seitenliste in einen einzelnen Link, um mit der Bearbeitung zu beginnen
Konvertieren Sie die Seitenliste in einen einzelnen Link, um mit der Bearbeitung zu beginnen

Klicken Sie also auf die Option Konvertieren und sehen Sie sich die Option Listenansicht an. Sie werden sehen, dass die Option Seitenliste durch die einzelnen Seitenlinks ersetzt wird.

Konvertiert in Einzelseiten-Links
Konvertiert in Einzelseiten-Links

Schritt 2. Erstellen Sie ein Menü

Mit dem Navigationsblock können Sie auch das Menü erstellen. Klicken Sie einfach auf den Navigationsblock in der Listenansicht und dann auf Menü auswählen . Klicken Sie anschließend auf Neues Menü erstellen .

Klicken Sie auf Neues Menü erstellen
Klicken Sie auf Neues Menü erstellen

Klicken Sie danach auf die Option Leer starten . Ein neues Menü wird der Liste hinzugefügt.

Klicken Sie auf Leere Option starten, um ein neues Menü zu erstellen
Klicken Sie auf Leere Option starten, um ein neues Menü zu erstellen

Klicken Sie nun auf das „+“ , um mit dem Hinzufügen von Menüelementen zu beginnen. Sie können den Prozess des Hinzufügens von Menüelementen im Bild unten sehen.

Menüpunkt hinzufügen
Menüpunkt hinzufügen

Hier sehen Sie die Vorschau aller Menüpunkte, die wir zuvor hinzugefügt haben.

Vorschau der Menüpunkte
Vorschau der Menüpunkte

Klicken Sie auf den gewünschten Menüpunkt und klicken Sie in der Symbolleiste auf die Option Untermenü hinzufügen. In der Abbildung unten haben wir ein Untermenü für das Menü „ Produkte “ erstellt.

Erstellen eines Untermenüs
Erstellen eines Untermenüs

Sie sehen ein „+“ Symbol unter dem Menüelement, wo Sie Untermenüelemente hinzufügen können .

Hinzufügen von Untermenüpunkten
Hinzufügen von Untermenüpunkten

Ebenso können Sie Untermenüpunkte zu jedem Menüpunkt hinzufügen. Zum Beispiel werden wir auch Untermenüpunkte zum Support- Menü hinzufügen.

Hinzufügen der Untermenüpunkte im Support-Menü
Hinzufügen der Untermenüpunkte im Support-Menü

Klicken Sie auf Speichern , um alle notwendigen Änderungen vorzunehmen. Bevor Sie auf die Schaltfläche Speichern klicken, vergewissern Sie sich, dass Sie vor dem Speichern alle Kontrollkästchen für den Titel, den Vorlagenteil und den Namen des Navigationsmenüs aktiviert haben.

Dropdown-Menü zum Speichern
Dropdown-Menü zum Speichern

Schritt 3: Vorschau und Veröffentlichung des Menüs

Sehen Sie sich jetzt einen der vorhandenen Beiträge an oder erstellen Sie einen, um das erstellte Dropdown-Menü anzuzeigen. Sie sehen ein Dropdown-Menü wie in den folgenden Beispielen.

Vorschau des Produkt-Dropdown-Menüs
Vorschau des Produkt-Dropdown-Menüs

Hier haben wir ein Beispiel für ein Dropdown-Menü für das Menü Produkte und Support .

Vorschau des Support-Dropdown-Menüs
Vorschau des Support-Dropdown-Menüs

2. Erstellen Sie ein Dropdown-Menü mit einem klassischen Thema (Kadence)

Das Erstellen eines Dropdown-Menüs ist ganz anders, wenn Sie ein klassisches Design verwenden (nicht vollständiges Website-Bearbeitungsdesign).

Um diesen Prozess zu zeigen, verwenden wir hier die kostenlose Version des Kadence-Themas als Beispiel.

Sehen wir uns an, wie man mit dem Kadence-Theme ein Dropdown-Menü in WordPress erstellt.

Schritt 1: Installieren und aktivieren Sie Kadence

Installieren und aktivieren Sie zunächst das Kadence-Theme über Appearance > Themes .

Um mehr Einblicke zu erhalten, lesen Sie unseren Artikel zur Installation eines WordPress-Themes.

Installieren und aktivieren Sie das Kadence-Thema
Installieren und aktivieren Sie das Kadence-Thema

Schritt 2: Erstellen Sie ein Menü

Um ein Menü zu erstellen, gehen Sie zu Darstellung > Menüs . Danach geben Sie Ihrem Menü einen Namen und klicken auf Menü erstellen .

Benennen Sie das Menü und erstellen Sie ein Menü
Benennen Sie das Menü und erstellen Sie ein Menü

Schritt 3: Elemente zu Ihrem Menü hinzufügen

Sie können verschiedene Menüpunkte wie Seiten, Links, Beiträge und mehr hinzufügen. Sie können beispielsweise eine Sekundärnavigation für ausgewählte Seiten erstellen. Oder Sie können über ein Drop-down-Menü eine Editor's-Choice-Liste aus den leistungsstärksten Blogs erstellen.

Wählen Sie die Menüpunkte Ihrer Wahl aus und klicken Sie auf Zum Menü hinzufügen . Klicken Sie anschließend auf die Schaltfläche Menü speichern .

Menüelemente zu Ihrem Menü hinzufügen
Menüelemente zu Ihrem Menü hinzufügen

Schritt 4: Wählen Sie die Menüposition aus

Klicken Sie auf Standorte verwalten und weisen Sie den Standort Ihrer Speisekarte zu. Hier können Sie Menüs als Primär-, Sekundär-, Mobil- oder Fußzeilenmenüs zuweisen.

Primär bezieht sich auf das Hauptmenü oben auf der Website, auch Header genannt. In ähnlicher Weise bezieht sich sekundär auf das Menü unter der Kopfzeile. Mobil bezieht sich auf die mobile Version der Website, und die Fußzeile ist der untere Teil der Website. Außerdem kann es je nach Thema eine Vielzahl von Menüpositionen geben.

Klicken Sie auf Änderungen speichern , nachdem Sie die gewünschten Standorte ausgewählt haben.

Wählen Sie Menüposition, um Ihr Menü hinzuzufügen
Wählen Sie Menüposition, um Ihr Menü hinzuzufügen

Schritt 5: CSS zum Menü hinzufügen

Um benutzerdefiniertes CSS zu aktivieren, klicken Sie auf Bildschirmoptionen und überprüfen Sie die CSS-Klassen . Jetzt können Sie benutzerdefinierte CSS-Dropdown-Menüs erstellen. Klicken Sie außerdem auf Menü speichern, um alle Änderungen zu speichern.

Schritt 6: Vorschau und Veröffentlichung Ihres Menüs

Sehen Sie sich jetzt einen der vorhandenen Beiträge in der Vorschau an oder erstellen Sie einen, um das Dropdown-Menü anzuzeigen. Sie sehen ein Dropdown-Menü wie im Beispiel unten.

Vorschau und Veröffentlichung Ihres Menüs
Vorschau und Veröffentlichung Ihres Menüs

Herzlichen Glückwunsch, Sie haben der Website erfolgreich Menüs hinzugefügt.


3. Erstellen Sie ein Dropdown-Menü in WordPress mit einem Plugin

Mit dieser Methode können Sie mithilfe eines Plugins ein Dropdown-Menü in WordPress erstellen. Es gibt viele Plugins, die Sie auswählen können, um ein Dropdown-Menü zu erstellen. Hier verwenden wir das Max Mega Menu- Plugin.

Schritt 1: Installieren und aktivieren Sie das Plugin

Bevor Sie beginnen, müssen Sie das Plugin installieren und aktivieren. Gehen Sie einfach zu Ihrem WordPress-Dashboard und klicken Sie auf Plugins .

Installiere und aktiviere das Max Mega Menu Plugin
Installiere und aktiviere das Max Mega Menu Plugin

Klicken Sie danach auf die Schaltfläche Neu hinzufügen und suchen Sie nach dem Plugin. Danach installieren und aktivieren und fertig.

Sie können auch unseren Artikel über die Installation eines WordPress-Plugins lesen, um weitere Einblicke zu erhalten.

Schritt 2: Richten Sie Drop-Down-Funktionen ein

Danach finden Sie das Mega Menu- Plugin in Ihrem WordPress-Dashboard, klicken Sie darauf.

Wählen Sie nun den Ort in der Option Menüort und klicken Sie auf die Option Menü zuweisen.

Gehen Sie zu Menüposition und weisen Sie ein Menü zu
Gehen Sie zu Menüposition und weisen Sie ein Menü zu

Anschließend werden Sie zu einer Seite weitergeleitet, auf der Sie ein Menü zu verschiedenen Themenstandorten auswählen können. Nachdem Sie den Ort und das Menü ausgewählt haben, klicken Sie auf die Schaltfläche Änderungen speichern .

Wählen Sie die Menüposition und speichern Sie die Änderungen
Wählen Sie die Menüposition und speichern Sie die Änderungen

Gehen Sie nun auf dem Dashboard zur Option „ Mega-Menü “ und klicken Sie unter „ Menüort “ auf die Orte, denen Sie Ihre Menüs zugewiesen haben. Klicken Sie dort auf die Option Aktivieren, um die Dropdown-Funktionalität für Ihre Menüs zu aktivieren.

Aktivieren Sie die Dropdown-Funktion in Ihrem Menü
Aktivieren Sie die Dropdown-Funktion in Ihrem Menü

Außerdem passt sich Ihr Plugin automatisch an Ihren Designstil an. Gehen Sie also zur Option Mega Menu > Menu Theme , wenn Sie den Menüstil, die Animation usw. ändern möchten.

Dort können Sie den Thementitel, die Pfeilstile, die Linienhöhe, den Schatten usw. ändern. Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf die Schaltfläche Änderungen speichern .

Schritt 3: Dropdown-Menü erstellen

Der letzte Schritt besteht nun darin, ein Dropdown-Menü zu erstellen.

Navigieren Sie dazu zu Darstellung > Menüs und fügen Sie dann Elemente zu Ihrem Menü hinzu, indem Sie die Funktion Max Mega Menu aktivieren. Vergessen Sie nicht, auf die Schaltfläche Menü speichern zu klicken, wenn Sie fertig sind.

Nehmen Sie Änderungen an Ihrem Dropdown-Menü vor und speichern Sie die Änderungen
Nehmen Sie Änderungen an Ihrem Dropdown-Menü vor und speichern Sie die Änderungen

Jetzt kann Ihr Dropdown-Menü auf den Beiträgen und Seiten Ihrer Website angezeigt werden.

Mit einer der oben genannten Methoden können Sie ganz einfach ein Dropdown-Menü für den Inhalt Ihrer Website erstellen. Außerdem trägt es dazu bei, die Menüleiste Ihrer Website sauber und benutzerfreundlich zu halten.


Planen Sie, eine eigene Website zu erstellen? Lesen Sie dann unseren umfassenden Leitartikel darüber, wie Sie eine Website von Grund auf neu erstellen.

Fazit

Also ..., das wäre es erst einmal! In diesem Artikel haben wir erwähnt , wie man ein Dropdown-Menü in WordPress erstellt . Wir hoffen, dass Ihnen das hilft, alle Methoden zum Erstellen eines Dropdown-Menüs in WordPress zu kennen.

Wenn Sie also Fragen oder Vorschläge zu diesem Artikel haben, teilen Sie uns dies bitte im Kommentar unten mit. Sie können auch Ihre Erfahrungen mit der Erstellung eines Dropdown-Menüs in WordPress teilen.

Sie können auch unseren Artikel über die besten WordPress-Umfrage-Plugins für Ihre Website lesen und erfahren, wie ein Unternehmen von der Verwendung von Analysen auf seiner Website profitieren kann.

Vergessen Sie auch nicht, uns auf Facebook und Twitter zu folgen, um weitere nützliche Artikel zu erhalten.

Einige der Links auf diesem Artikel/dieser Seite sind Affiliate-Links. Wenn Sie auf einen solchen Affiliate-Link klicken und das Produkt kaufen, erhalten wir vom Verkäufer eine bestimmte prozentuale Provision. Aber es wird den Preis, den Sie zahlen werden, überhaupt nicht beeinflussen.