Erstellen Sie Ihr eigenes Mega-Menü mit Hilfe des leistungsstarken Elementor-Plugins

Last Updated on 11/10/2021 by MTE Leben

In diesem einfachen und schnellen Tutorial erfahren Sie, was ein Mega-Menü ist, wie Sie es bearbeiten und anpassen können. Außerdem erfahren Sie, wie Sie von Anfang an ein neues Megamenü erstellen.

Was ist ein Megamenü

Das ganze Internet ist voll von Definitionen, was ein Mega-Menü ist? Wir werden jedoch versuchen, Ihnen die einfachste Antwort zu geben. Ein Mega-Menü wird normalerweise als Dropdown-Tool interpretiert, das aktiviert wird, wenn Sie mit der Maus über einen Link oder einen speziellen Bereich fahren. Diese Dropdown-Liste kann aus mehreren Elementen bestehen.

Heute wird Ihnen gezeigt, wie Sie das Mega-Menü verwenden, während Sie mit dem Monstroid2-Mehrzweckthema arbeiten. Das Theme enthält eine Reihe attraktiver Skins für jeden Zweck, vom Portfolio für Webentwickler bis hin zum Beauty-Shop.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit dem Mega-Menü basierend auf dem Stockmarks-Store arbeiten. So sieht das Standard-Megamenü ohne Inhalt aus.

So aktivieren Sie Ihr Mega-Menü

Eines der wichtigsten Dinge, die Sie beim Erstellen einer erfolgreichen Website erstellen müssen, ist ein Menü. Es hilft, die Navigation vor Ort zu organisieren und den Besuchern Zeit zu sparen. Jeder Skin des Monstroid2-Themas bietet Ihnen die Möglichkeit, Ihr eigenes einzigartiges Mega-Menü zu entwerfen. Folgen Sie einfach unseren einfachen Anweisungen und Sie werden es mit wenigen Klicks erhalten.

Als ersten Schritt gehen Sie zum Admin-Dashboard Ihrer Website.

• Gehen Sie danach zum „Erscheinungsbild“ und wählen Sie die Registerkarte „Menüs“.
• Jetzt ist Ihr Menü inaktiv. Um es zu aktivieren, müssen Sie unter dem Text „JetMenü für aktuellen Standort aktivieren“ auf „Ein“ klicken.
• Als nächsten Schritt wählen Sie das „aktuelle“ Menüvoreinstellung.

Vergessen Sie nicht, die Änderungen zu aktualisieren, indem Sie auf die Schaltfläche „Speichern“ klicken.

Bearbeiten Sie die Oberfläche des Mega-Menüs

Nachdem Sie das Megamenü aktiviert haben, können Sie das Aussehen des Megamenüs anpassen. Alle Einstellungen werden im Bereich „Menüstruktur“ vorgenommen.

Wählen Sie zunächst die Registerkarte aus, mit der Sie arbeiten möchten.

• Fahren Sie mit der Maus über das ausgewählte Feld und drücken Sie die Schaltfläche „JetMenu“.
• Nach die die große grüne Schaltfläche “Mega-Menüelementinhalt bearbeiten” drücken.
• Im neu geöffneten Bereich sehen Sie die Oberfläche des Elementor-Editors.
• Sie können auch die drei leeren Bereiche mit den darin enthaltenen „+“-Symbolen erkennen.
• • Füllen Sie die leeren Felder mit dem gewünschten Inhalt aus, den Sie aus den Widgets in der linken Seitenleiste auswählen können.
  • Ziehen Sie einfach das benötigte auf und legen Sie es auf den leeren Bereich.

  Als Beispiel haben wir uns entschieden um ein Bild, einen einfachen Absatz und eine Symbolliste zu platzieren.

  Darüber hinaus können Sie mit Hilfe des „Magic Button“-Tools einige zusätzliche leere Blöcke hinzufügen und mit Inhalten füllen. Werfen wir nun einen Blick auf Ihr neu erstelltes Mega-Menü!

  So erstellen Sie ein Mega-Menü von Anfang an

  Das Mehrzweck-Theme Monstroid2 bietet nicht nur die Möglichkeit, das Elementor-Plugin vollständig zu nutzen, sondern auch eine Reihe leistungsstarker Add-Ons. Es gibt Ihnen die Möglichkeit, von Anfang an ohne Aufwand ein Mega-Menü zu erstellen.

  Um es kurz zu machen, öffnen Sie das Admin-Dashboard und los geht's zu „Darstellung“ > „Menüs“.

  Klicken Sie auf den Reiter „Neues Menü erstellen“.

  Geben Sie Ihrem Menü einen Namen und speichern Sie es.

  Weisen Sie dieses Menü einem Themenspeicherort zu, um die JetMenu-Einstellungen zu aktivieren.

  • Um dieses Menü einem Themenort zuzuweisen, scrollen Sie zum Ende dieser Seite und markieren Sie das Menü mit einem 'Anzeigeort'.
  • Speichern Sie die Änderungen und JetMenu für den aktuellen Standort aktivieren.

  Als nächsten Schritt öffne den Reiter „Seiten“ und wähle alle Seiten aus, die du in deinem Mega-Menü präsentieren möchtest.

  • Klicken Sie danach auf die Schaltfläche „Zum Menü hinzufügen“ und speichern Sie die Änderungen.
  • Wählen Sie wie in den vorherigen Elementen die Registerkarte aus und bewegen Sie den Mauszeiger darüber. Drücken Sie die „JetMenu“-Taste.

  Drücken Sie danach die große grüne „Mega-Menüelementinhalt bearbeiten“-Taste. Passen Sie das Aussehen Ihres Menüs an und füllen Sie es mit Inhalten.

  Gehen Sie zu Ihrer Website und klicken Sie auf die Schaltfläche “Mit Elementor bearbeiten” im Dashboard.

  • Klicken Sie auf die Kopfzeile Ihrer Seite und Sie werden auf die neue Seite weitergeleitet, wo Sie alle Optionen entsprechend der Kopfzeile einstellen können.
  • Schreibe das „Mega-Menü“ in das Elementor-Suchfeld.

  Ziehen Sie das Widget vorsichtig auf einen leeren Bereich und legen Sie es dort ab.

  • Wählen Sie Ihr zuvor erstelltes Mega-Menü und Menü-Preset.

  Klicken Sie auf die Schaltfläche „Aktualisieren“, um die Änderungen zu speichern.

  • Herzliche Glückwünsche! Nach getaner Arbeit seht ihr die Ergebnisse und das neu erstellte Mega-Menü.

    Jetzt wissen Sie, wie Sie das Mega-Menü aktivieren und anpassen, das von einer der Skins des Monstroid2-Mehrzweckthemas bereitgestellt wird. Darüber hinaus können Sie von Anfang an selbst ein Mega-Menü erstellen.

    Wir hoffen, Ihnen hat unser einfaches Tutorial zum Erstellen eines Mega-Menüs mit dem Elementor-Plugin gefallen. Abonnieren Sie unseren Newsletter für weitere nützliche Tutorials und Anleitungen.