Anleitungen/Website bearbeiten/Menüs/Dropdown-Menüs erstellen

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.

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.

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. Wähle das Template oder den Template-Teil aus, das bzw. den du bearbeiten möchtest, oder klicke auf die Website-Vorschau auf der rechten Seite deines Bildschirms, um den Startseiten-Editor zu öffnen.
  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 den Link „Untermenü 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 wird eine Werkzeugleiste angezeigt, in der du den Button Untermenü hinzufügen findest (das Icon sieht aus wie ein gebogener Pfeil mit drei horizontalen Linien daneben).
  3. Klicke in der Werkzeugleiste auf den Button „Untermenü hinzufügen“, 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

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.

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 oder den Template-Teil aus, das bzw. den du bearbeiten möchtest, oder klicke auf die Website-Vorschau auf der rechten Seite deines Bildschirms, um den Startseiten-Editor zu öffnen.
  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. Klicke auf den + Block-Inserter, um einen neuen Menüeintrag hinzuzufügen.
  6. Klicke im angezeigten Fenster auf „Block hinzufügen“ und wähle die Option „Individueller Link“ aus.
  7. Gib das Raute-Symbol (#) ein und drücke die Enter– bzw. die Eingabetaste auf der Tastatur.
  8. Klicke auf das Stift-Icon, um den Menüeintrag zu bearbeiten. Gib im Feld „Text“ ein, was im Menüeintrag stehen werden soll. Lasse nur das #-Symbol im Feld „Link“, um einen nicht anklickbaren Link daraus zu machen.
  9. Klicke auf den Button „Speichern“, um die Änderung zu senden.
Das #-Symbol wird in das URL-Feld eingefügt.
Um einen Menüeintrag ohne Link zu erstellen, füge das #-Symbol in das URL-Feld ein.

Du kannst auch einen bestehenden Menülink so bearbeiten, dass er nicht mehr angeklickt werden kann. Klicke auf den vorhandenen Menüeintrag. Darüber wird eine Werkzeugleiste angezeigt, auf der du den Button Link findest (das Icon sieht aus wie ein Kettenglied). Bearbeite den Menüeintrag und ersetze den aktuellen Link durch das #-Symbol. Das GIF unten zeigt den Ablauf:

Copied to clipboard!