Dropdown-Menüs erstellen

Ein Dropdown-Menü oder Untermenü zeigt zusätzliche Einträge an, wenn du den Mauszeiger über einen Eintrag in deinem Menü bewegst oder ihn anklickst. Damit kannst du dein Menü klar und übersichtlich halten. Unser Ratgeber zeigt dir, wie du ein Dropdown-Menü erstellst.

In diesem Ratgeber

1. Erstellen eines Dropdown-Menüs
2. Hinzufügen eines Menüeintrags ohne Link

Erstellen eines Dropdown-Menüs

Befolge diese Schritte, um ein Dropdown-Menü zu erstellen.

📌

Um herauszufinden, welchen Abschnitt dieses Ratgebers du befolgen sollst, rufe dein Dashboard auf und schau links unter Design nach. Wenn Editor angezeigt wird, verwende den Abschnitt „Website-Editor“ dieses Ratgebers. Verwende ansonsten die Anweisungen für WP Admin oder Customizer.

Wähle den entsprechenden Tab für deine Designoberfläche aus:

Website-EditorWP-AdminCustomizer

Im Website-Editor wird dein Menü aus dem Navigationsblock abgerufen. Befolge diese Schritte, um ein Dropdown-Menü zu erstellen:

1. Navigiere in deinem Dashboard zu Design → Editor.
2. Klicke auf die rechte Bildschirmseite, um den Bearbeitungsbereich zu öffnen.
   • Alternativ kannst du auch Vorlagen auswählen und den Header oder einen anderen Template-Teil mit deinem Menü auswählen.
3. Rufe links oben auf deinem Bildschirm die Listenansicht auf (das ist das Icon, das aus drei waagerechten Linien übereinander besteht).
4. Wähle den Navigationsblock aus (er ist möglicherweise in anderen Blöcken wie Header, Gruppe oder Zeile verschachtelt).
5. Bewege den Mauszeiger in den Seitenleisteneinstellungen auf der rechten Seite über einen Menüeintrag und klicke auf die drei angezeigten Punkte.
   • Wenn die Seitenleiste auf der rechten Seite nicht angezeigt wird, musst du möglicherweise oben rechts in der Ecke auf das Einstellungs-Icon klicken, um die Einstellungen zu öffnen. Dieses Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.
6. Klicke auf Add submenu link (Untermenü-Link) hinzufügen.
7. Wähle die erste Seite aus, die im Dropdown-Menü angezeigt werden soll.
8. Wiederhole den Vorgang, bis alle Menüeinträge hinzugefügt wurden.
9. Klicke auf Speichern, um deine Änderungen zu speichern.

Verlangsame oder beschleunige das Video mit den Bedienelementen in der unteren rechten Ecke, nachdem du auf „Abspielen“ geklickt hast

Alternativ kannst du auch über die Toolbar des Navigationsblocks ein Dropdown-Menü erstellen:

1. Klicke auf den Menüeintrag, den du in ein Dropdown-Menü ändern möchtest.
2. Über dem Menüeintrag erscheint eine Toolbar, in der du den Button Add submenu (Untermenü hinzufügen) findest (das Icon sieht aus wie ein gebogener Pfeil mit drei horizontalen Linien daneben).
3. Klicke auf den Button Add submenu (Untermenü hinzufügen) in der Toolbar, um den Menüeintrag in ein Dropdown-Menü umzuwandeln.
4. Klicke auf das +-Icon oder auf die Option Link hinzufügen, die angezeigt wird, um neue Links zu deinem neuen Dropdown-Menü hinzuzufügen.
5. Klicke auf Speichern, um deine Änderungen zu speichern.

Verlangsame oder beschleunige das Video mit den Bedienelementen in der unteren rechten Ecke, nachdem du auf „Abspielen“ geklickt hast

Auf Websites mit klassischen Themes kannst du Dropdown-Menüs mithilfe von WP Admin hinzufügen, indem du diese Schritte befolgst:

1. Rufe dein Dashboard auf.
2. Navigiere zu Design → Menüs.
3. Stelle sicher, dass oben auf dem Bildschirm das richtige Menü ausgewählt ist.
4. Klicke auf einen Menüeintrag und ziehe ihn nach rechts, um ihn unter dem direkt darüberliegenden Eintrag zu verschachteln.
5. Klicke auf den Button „Menü speichern“, um deine Änderungen zu speichern.

Dies kannst du wieder rückgängig machen, indem du die Einträge wieder nach links ziehst. Klicke auf Menü speichern, wenn du fertig bist.

Auf Websites mit klassischen Themes kannst du Dropdown-Menüs mithilfe des Customizers erstellen, indem du diese Schritte befolgst:

1. Füge alle Menüeinträge hinzu, die du im Menü deiner Website haben möchtest.
2. Klicke auf den Link „Neu anordnen“, der unter deinen Menüeinträgen angezeigt wird.
3. Klicke auf den Rechts-Pfeil >, um eine Seite unter der darüberliegenden Seite zu verschachteln und so einen Dropdown-Eintrag zu erstellen.
4. Wenn du mit deinem Dropdown-Menü zufrieden bist, klicke auf den Button „Fertig“.
5. Klicke auf den Button „Änderungen speichern“, um deine Änderungen auf deiner Website zu veröffentlichen.

Video-Tutorial

Hinzufügen eines Menüeintrags ohne Link

Du kannst einen „nicht anklickbaren“ Menüeintrag erstellen, was beim Erstellen von Dropdown-Menüs hilfreich ist. Der Trick besteht darin, das Symbol # als Link für den Menüeintrag zu verwenden. Der Eintrag kann nach wie vor angeklickt werden, leitet aber nicht zu einer neuen Seite weiter. Befolge diese Schritte, um einen „nicht anklickbaren“ Menüeintrag zu erstellen.

📌

Um herauszufinden, welchen Abschnitt dieses Ratgebers du befolgen sollst, rufe dein Dashboard auf und schau links unter Design nach. Wenn Editor angezeigt wird, verwende den Abschnitt „Website-Editor“ dieses Ratgebers. Verwende ansonsten die Anweisungen für WP Admin oder Customizer.

Wähle den entsprechenden Tab für deine Designoberfläche aus:

Website-EditorWP-AdminCustomizer

Im Website-Editor wird dein Menü aus dem Navigationsblock abgerufen. Befolge diese Schritte, um einen nicht anklickbaren Menüeintrag zu erstellen:

1. Navigiere in deinem Dashboard zu Design → Editor.
2. Wähle das Template mit dem Menü aus, das du bearbeiten möchtest.
3. Rufe links oben auf deinem Bildschirm die Listenansicht auf (das ist das Icon, das aus drei waagerechten Linien übereinander besteht).
4. Suche nach dem Navigationsblock (er ist möglicherweise in anderen Blöcken wie Header, Gruppe oder Zeile verschachtelt).
5. Klicke auf den Menüeintrag, den du in einen nicht anklickbaren Link umwandeln möchtest, oder füge einen neuen Menüeintrag hinzu.
6. Eine Toolbar erscheint über dem Menüeintrag. Dort findest du den Button Link (das Icon sieht aus wie ein Kettenglied).
7. Bearbeite den Link, indem du auf das Stift-Icon klickst.
8. Füge nur das Symbol # in die URL-Box ein, wie im Bild rechts gezeigt.
9. Drücke die Eingabe-/Return-Taste auf deiner Tastatur, um die Änderungen abzusenden.

Das GIF unten zeigt den Prozess:

Um einen Menüeintrag ohne Link zu erstellen, füge das Symbol # in das URL-Feld ein.

Auf Websites mit klassischen Themes kannst du einen nicht anklickbaren Link mithilfe von WP Admin zu deinem Menü hinzufügen, indem du diese Schritte befolgst:

1. Navigiere zu Design → Menüs.
2. Wähle dein Menü aus.
3. Klicke auf den Abschnitt „Individuelle Links“ unter dem Header „Menüeinträge hinzufügen“.
4. Gib im Feld URL das Symbol # ein, wie in der Abbildung rechts dargestellt.
5. Gib im Feld Linktext den Text ein, der in deinem Menü angezeigt werden soll, wie in der Abbildung rechts dargestellt.
6. Klicke auf den Button „Zum Menü hinzufügen“.
7. Klicke auf den Button „Menü speichern“.

Auf Websites mit klassischen Themes kannst du Menüeinträge mithilfe des Customizers hinzufügen, indem du diese Schritte befolgst:

1. Navigiere zu Design → Anpassen → Menüs.
2. Wähle dein Menü aus.
3. Klicke auf den Button „Einträge hinzufügen“.
4. Klicke auf die Option Individuelle Links.
5. Gib im Feld URL das Symbol # ein, wie in der Abbildung rechts dargestellt.
6. Gib im Feld Linktext den Text ein, der in deinem Menü angezeigt werden soll, wie in der Abbildung rechts dargestellt.
7. Klicke auf den Button „Zum Menü hinzufügen“.
8. Klicke auf den Button „Änderungen speichern“.