Lernen Sie, wie man ein WordPress Dropdown-Menü in weniger als 15 Minuten erstellt

Nov 18, 2021
admin

Ein gutes Navigationssystem ist eines der wichtigsten Elemente für den Erfolg einer Website. Und ein Dropdown-Menü ist eine einfache Möglichkeit, dies zu erreichen. Ihre WordPress-Website kann viele wertvolle Informationen enthalten, aber wenn die Navigation nicht stimmt, ist sie nutzlos. Die Besucher neigen dazu, die Seite zu verlassen. Ein WordPress-Dropdown-Menü löst dieses Problem. Es hält die Besucher zurück und reduziert die Absprungrate.

Der Grund, warum viele Leute sich von Dropdown-Menüs fernhalten, ist, dass sie nicht wissen, wie man sie erstellt. Aber es ist eine sehr einfache Aufgabe. Jeder kann es tun, ohne einen Code zu verwenden. Dafür sind keine technischen Kenntnisse erforderlich.

In diesem Artikel werden wir Ihnen eine Schritt-für-Schritt-Anleitung für ein Dropdown-Menü in WordPress geben. Es gibt Screenshots zusammen mit den Schritten. Gehen Sie die Schritte einmal durch. Sie werden in der Lage sein, ein Dropdown-Menü auf eigene Faust.

Vorteile der Verwendung eines Dropdown-Menüs in WordPress

Es gibt viele Vorteile eines Dropdown-Menüs auf Ihrer Website. Zunächst einmal verleiht es Ihrer Homepage ein stilvolles Aussehen. Es erscheint in der Regel oben auf der Seite in einer horizontalen Reihe. Sie können eine Website mit einer minimalen Anzahl von Seiten erstellen. Sie können das Verhalten der Besucher anhand der Art und Weise, wie sie sich durch die Navigationsoptionen klicken, studieren. Das Dropdown-Menü verringert auch die Zeit für die Fehlersuche.

Hier sind einige wichtige Vorteile der Verwendung eines Dropdown-Menüs:

Vorteile der Verwendung eines Dropdown-Menüs in einer #WordPress #Website. Click To Tweet

Flexibilität

Ein großer Vorteil der Verwendung eines Dropdown-Menüs ist, dass Sie eine beliebige Anzahl von Elementen enthalten können. Ein einziges Symbol wird alle anderen versteckten Symbole darunter tragen. Dadurch wird Ihre Website nicht zu textlastig. Sie brauchen sich keine Gedanken mehr über das Aussehen des Bildschirms zu machen. Sie können eine große Anzahl von Elementen hinzufügen und haben trotzdem ein minimales Design.

Platzsparend

Da Sie unter einem Symbol viele Elemente hinzufügen können, spart es Platz. Ein Dropdown-Menü ist eine gute Option, wenn Sie sehr wenig Platz und viele nützliche Elemente haben. Sie können viele Informationen auf sehr kleinem Raum unterbringen. Es macht Ihre Website sowohl benutzerfreundlich als auch informationsreich.

Einfache Navigation

Je mehr Zeit Ihre Besucher auf Ihrer Website verbringen, desto besser ist es für Sie. Eine schlechte Navigation irritiert die Besucher oft. Sie neigen dazu, zu einer anderen Website zu wechseln. Mit einem Dropdown-Menü können Sie dieses Problem beheben. Es hat ein einfaches Navigationssystem. Es hält die Betrachter zurück.

Benutzerfreundlichkeit

Mit einem Dropdown-Menü können Sie die Elemente entsprechend ihrer Kategorie oder Hierarchie anordnen. Es ermöglicht Ihnen, eine Reihenfolge zu erstellen. Sie können die Reihenfolge so festlegen, dass Sie das Surfverhalten Ihrer Besucher im Auge behalten. Sie sollten den Drang verspüren, auf ein übergeordnetes Menü zu klicken. Danach sollten sie dort die Dinge finden, die sie suchen. Das wird sie dazu bringen, wieder zu Ihnen zurückzukommen.

Wie man ein Dropdown-Menü in WordPress erstellt

Schritt 1: Auswahl eines WordPress-Themes mit Dropdown-Menü-Unterstützung

WordPress hat ein eingebautes Menü-Management-System. Aber die Darstellung hängt ganz von dem verwendeten Theme ab. Fast alle WordPress-Themes unterstützen Dropdown-Menüs. Es gibt jedoch einige, die mit einem speziellen Menüverwaltungssystem ausgestattet sind. Diese Themes bieten eine große Anzahl von Funktionen zum Erstellen und Anpassen von Menüs.

Hier sind einige WordPress-Themes, die Dropdown-Menüs unterstützen:

#Top 3 #WordPress #Themes, die ein Dropdown-Menü unterstützen. Click To Tweet

Responsive Pro

Responsive Pro ist ein responsives und Mehrzweck-WordPress-Theme. Es verfügt über ein exklusives Menü-Management-System. Man kann leicht ein Dropdown-Menü mit Drag & Drop-Funktionen erstellen. Es ist mobil optimiert und WooCommerce integriert. Es gibt eine fortschrittliche Typografie und unbegrenzte Farbschemata. Das Thema hat eine rasend schnelle Ladegeschwindigkeit. Es ist sehr einfach anzupassen. Es ist für 47 $ erhältlich.

Divi

Divi ist ein elegantes WordPress-Theme. Es kommt mit vielen nützlichen Funktionen. Es hat eine erweiterte Menüerstellungsfunktion mit Drag-and-Drop-Optionen. Divi ist ein leistungsstarker Page Builder. Es hat eine visuelle Seitenerstellungs- und Bearbeitungsoption. Es ist für $89 erhältlich.

Ocean WP

Ocean WP ist ein modernes WordPress-Theme. Es kommt mit einem exklusiven Menü-Management-System. Man kann ein Dropdown-Menü im Handumdrehen erstellen. Das Theme ist SEO-optimiert und bereit für eCommerce. Es ist responsive und übersetzungsfähig. Es ist ein kostenloses Theme.

Astra

Astra ist ein Mehrzweck-WordPress-Theme. Es ist ein leistungsstarker Mega-Menü-Builder. Es ist mobiloptimiert und WooCommerce-fähig. Es gibt ein benutzerdefiniertes Layout, einen Sticky Header und eine eigene Seitenleiste. Das Thema hat erweiterte Typografie- und Farboptionen. Es ist für 47 $ erhältlich.

Schritt 2: Erstellen eines Navigationsmenüs in WordPress

Der erste Schritt ist das Erstellen eines Navigationsmenüs. Dazu müssen Sie die folgenden Schritte befolgen –

  • Gehen Sie zu Ihrem WordPress Dashboard
  • Gehen Sie zur Seite „Darstellung“ >>Menü
  • Klicken Sie auf den Link „Neues Menü erstellen“

Nun müssen Sie Ihrem Menü einen Namen geben. Er ist nur für Sie selbst sichtbar. Dieser Name wird Ihnen helfen, das Menü im WordPress-Verwaltungsbereich zu identifizieren. Um den Namen zu vergeben, folgen Sie diesen Schritten –

  • Ein Feld erscheint auf Ihrem Bildschirm
  • Geben Sie einen Namen in das Feld ein
  • Klicken Sie auf die Schaltfläche „Menü erstellen“
  • Ein Menü wird erstellt, aber es ist leer

Da das Menü leer ist, ist der nächste Schritt das Hinzufügen von Elementen zum Menü. Das ist sehr einfach. Sie können die Drag & Drop-Funktion verwenden. Oder befolgen Sie die folgenden Schritte –

  • Fügen Sie die oberen Links zu Ihrem Navigationsmenü hinzu
  • Die Elemente erscheinen in der Zeile Ihres Menüs
  • Wählen Sie die Elemente aus, die Sie hinzufügen möchten
  • Klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“
  • Die Elemente erscheinen in Ihrem Menü

Schritt 3: Hinzufügen von Unterpunkten zu einem Menü

Unterpunkte sind die Punkte, die innerhalb des Dropdown-Menüs erscheinen. Sie können sie unter jedem Element des Menüs hinzufügen und die Reihenfolge nach Ihren Wünschen gestalten. Sie können jedes Element unter jedem übergeordneten Link hinzufügen. Alles hängt von Ihren Bedürfnissen ab. Hier werden wir Unterpunkte unter dem Blog-Link hinzufügen.

Um Unterpunkte zu Ihrem Menü hinzuzufügen, führen Sie folgende Schritte aus –

  • Wählen Sie die Punkte aus der linken Spalte aus
  • Klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“
  • Die Punkte erscheinen jetzt in Ihrem Menü

Aber diese Punkte erscheinen jetzt als normale Punkte. Sie müssen sie in Untereinträge umwandeln. Das ist gar nicht so schwierig. Es genügt, die Einträge zu ziehen und sie unter einem übergeordneten Menü zu platzieren. Wiederholen Sie die Schritte für alle Links, die unter einem übergeordneten Menü erscheinen sollen. Klicken Sie nun auf die Schaltfläche „Menü speichern“.

Schritt 4: Veröffentlichen Sie Ihr Dropdown-Menü

Nachdem Sie das Menü erstellt haben, müssen Sie den Anzeigeort auswählen. Folgen Sie den folgenden Schritten –

  • Schauen Sie auf die rechte Spalte
  • Gehen Sie zu den Menüeinstellungen
  • Wählen Sie eine Option neben „Anzeigeort“
  • Klicken Sie auf die Schaltfläche „Menü speichern“

Ihr Menü ist nun fertig. Besuchen Sie Ihre Website einmal, um das Dropdown-Menü in Aktion zu sehen. Wenn es gut funktioniert, sind Sie fertig.

WordPress-Plugins zur Erweiterung der Funktionalität Ihres Dropdown-Menüs

Möchten Sie Ihrem #WordPress-Dropdown-#Menü mehr Funktionalität hinzufügen? Hier ist eine Liste der #Top 5 WordPress Menü #Plugins. Click To Tweet

Max Mega Menu

Max Mega Menu ist ein funktionsreiches WordPress Menü Plugin. Es kommt mit WooCommerce und Easy Digital Downloads Integration. Es gibt einen eingebauten Theme-Editor mit über 100 Anpassungsoptionen. Es ist auf CSS3 aufgebaut. Es unterstützt mehrere Menüs mit jeweils eigenen Konfigurationen. Benutzer können ein horizontales oder vertikales Menü erstellen. Das Plugin ist sowohl in kostenlosen als auch in Premium-Optionen erhältlich.

Merkmale

  • Registerkarten-Untermenüs
  • Sticky Menu
  • Accordion Menu
  • Benutzerdefinierte Icons
  • Benutzerdefinierte Item Styling

Preis – $29

UberMenu

UberMenu ist ein responsives WordPress Menü Plugin. Es verfügt über ein vollständiges Grid-System mit individueller Layout-Steuerung. Das Plugin unterstützt Untermenüs mit Registerkarten. Es ist leicht anpassbar. Es hat eine verbesserte Benutzeroberfläche. Es gibt eine automatische Integrationsoption für Themes.

Features

  • Flexible Layouts
  • Erweiterte Inhalte
  • Mobil-Optimized
  • Dynamic Item Generation
  • Enhanced UI

Price – $25

Hero Menu

Hero Menu ist ein professionelles WordPress Menü Plugin. Es kommt mit endlosen Möglichkeiten. Das Plugin ist reaktionsschnell und flexibel. Es hat ein fortschrittliches Sticky-Menü. Es ist leicht zu installieren und einfach zu benutzen. Jeder kann es benutzen. Keine Codierung Wissen für diese erforderlich.

Merkmale

  • Drag & Drop Menu Builder
  • 60 Farbvoreinstellungen
  • Freie Icons
  • WooCommerce Enabled
  • Mobile-Optimiert

Preis – $14

WP Mobile Menu

WP Mobile Menu ist ein modernes WordPress Menü Plugin. Es kommt mit 2000+ Icons, 2 responsive Menü-Panel und unbegrenzte Farbeinstellungen. Mit diesem Plugin sind die Menüs nur für eingeloggte Benutzer sichtbar. Es gibt zwei verschiedene Anzeigeoptionen. Slideout über dem Inhalt und Slideout Push-Inhalt. Das Plugin ist sowohl in der kostenlosen als auch in der Premium-Version erhältlich.

Features

  • Menu Cart Icons
  • 5 Tiefe Menüebene
  • Header Banner
  • Footer Menü
  • Alternative Manus pro Seite

Preis – $29

WP Responsive Menu

WP Responsive Menu ist ein kostenloses WordPress Plugin für die Menüerstellung. Es kommt mit vielen einfach zu bedienenden Funktionen. Es hat Optionen zum Öffnen oder Schließen des Menüs mit einfachen Wischgesten. Man kann die Animationen der Menüsymbole je nach den Bedürfnissen der Websites ändern. Das Plugin ist sofort einsatzbereit und lässt sich leicht anpassen.

Merkmale

  • Suchleiste im Menü
  • WooCommerce integriert
  • Mobile-optimiert
  • Logos hinzufügen &Icons
  • Zwei Anzeigeoptionen

Preis: Free

Wrapping up

Wir haben versucht, Ihnen einen Einblick zu geben, wie Sie ein Dropdown-Menü auf Ihrer WordPress-Website erstellen können. Wir hoffen, dass Sie die Schritte hilfreich fanden. Wenn Sie die oben genannten Schritte befolgen, können Sie Ihr eigenes Dropdown-Menü innerhalb weniger Minuten erstellen. Aber Sie müssen sich über Ihren Zweck im Klaren sein. Kennen Sie die Denkweise Ihrer Besucher. Versuchen Sie zu verstehen, wonach sie auf Ihrer Website suchen werden. Und darauf basierend ordnen Sie die Elemente in Ihrem Dropdown-Menü an.
Wenn Ihnen der Artikel gefallen hat, vergessen Sie nicht, ihn auf Twitter zu teilen. Sie können ihn auf Twitter teilen, indem Sie auf die Schaltfläche „Click to tweet“ unten klicken.

#Learn How to Create a #WordPress Dropdown #menu in less than 15 Minutes. Click To Tweet

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.