So fügen Sie Elementor-Menüelemente in WordPress hinzu

Möchten Sie Ihrer Elementor-Site ein Menü hinzufügen? Dann sind Sie bei uns genau richtig! In diesem Tutorial-Guide zeigen wir es Ihnen wie man ein Elementor-Menü erstellt, das Navigationsmenü einrichtet und anpasst Auf deiner Webseite.

Für jede Art von Website sind benutzerdefinierte Menüelemente ein Muss. Sie erleichtern die Navigation und helfen Menschen, mit nur wenigen Klicks die benötigten Informationen zu finden.

Viele Websitebesitzer platzieren Menüs im Seitenkopf, die auf jeder Seite ihrer Website erscheinen. Es ist Einfaches Hinzufügen eines Menüs in Elementor, insbesondere wenn Sie unsere folgenden Tipps und Tricks befolgen 😉

In diesem Artikel erfahren Sie, wie Sie das verwenden ElementsKit Navigationsmenü-Widget in Elementor. Mit der folgenden Anleitung können Sie ein einzigartiges Menü erstellen und individuell anpassen!

Was ist ein Elementor Mega Menu WordPress?

Das Hinzufügen von Menüs auf Websites ist in den letzten Jahren immer beliebter geworden. Dieses umfangreiche Navigationsmenü kann Ihnen dabei behilflich sein Verbesserung der Seitennavigation indem Sie Benutzern ermöglichen, Ihr Material einfach zu durchsuchen und herauszufinden, wonach sie suchen.

Sie können Seiten, Beiträge, Kategorien und URLs als Menüelemente im standardmäßigen WordPress-Navigationsmenü verwenden, das an Ihr Theme angepasst ist.

Dies wäre einer der wichtigsten Elemente Ihrer Website um das Beste aus Ihrer Online-Präsenz herauszuholen. Und das Menü ist das erste Element, das Sie Ihrer WordPress-Site hinzufügen sollten.

Hier sind zwei Gründe, warum Sie möglicherweise ein ElementsKit – Navigationsmenü-Widget benötigen:

• Sie möchten ein riesiges und individuelles Menülayout erstellen.
• Sie benötigen ein Plugin mit erweiterten Funktionen und einer Komplettlösung für Ihre Website.

Mit dem All-in-One-Add-on ElementsKit für Elementor-Widgets und leistungsstarken Anpassungsfunktionen können Sie mit unserem brandneuen Mega-Menü-WordPress-Plugin ein inhaltsreiches Menü erstellen.

🔔 Wissen Sie?
Wenn Sie ein WordPress-Theme oder einen Seitenersteller verwenden, haben Sie nicht so viel Kontrolle über die Kopf- oder Fußzeile, wie Sie möchten.

Möchten Sie mehr wissen? Vergessen Sie nicht, unseren neuesten Blog durchzulesen So erstellen und passen Sie Kopf- und Fußzeilen an – Elementor Page Builder

Was das Mega-Menü von Elementor von ElementsKit zu bieten hat:

Wie jedes andere WordPress Elementor Mit der Menüerweiterung ElementsKit eröffnen sich außerdem zahlreiche Möglichkeiten zum „Hacken“ in Ihr normales WordPress-Menü.

Genauer gesagt unterstützt Sie das Plugin in folgenden Aspekten:

• Passen Sie das Menü mit Tags, Farben, Hover-Effekten und Symbolen an.
• Ändern Sie das Erscheinungsbild Ihrer Menüs auf der obersten Ebene und in den Untermenüs.
• Erstellen Sie sowohl vertikale als auch horizontale Menüs.
• Wählen Sie Ihr gewünschtes aus Header-Layout aus der ElementsKit-Bibliothek. 
• Fügen Sie Animationseffekte hinzu, um Ihr Untermenü anzuzeigen.
• Fügen Sie das Navigationsmenü-Widget mit nur einem Klick per Drag & Drop hinzu.
• Funktioniert auch perfekt mit E-Commerce-Plattformen (z. B. WooCommerce)
• Erstellen Sie Inhalte im Elementor-Seitenersteller.
• Verwenden Sie beliebige Element-Widgets.
• 100% reagiert.
• Off-Canvas-Menüstil in der Tablet-Ansicht.
• Zeigen Sie Builder-Inhalte oder einfache Listen als Untermenü in der Tablet-Ansicht an.

Und das Beste daran ist natürlich, dass Das ElementsKit Nav-Menü ist sowohl kostenlos als auch Premium verfügbar Versionen. Selbst wenn Sie die kostenpflichtigen Abonnements nicht erwerben, können Sie diese erstaunliche Elementor-Menüfunktion auf Ihrer Website nutzen.

So erstellen Sie Menüelemente in Elementor

Werfen wir einen Blick auf einige Beispiele aus der Praxis und gehen unsere große WordPress-Menü-Lektion durch. Jetzt sind Sie im Begriff, ins Ausland zu gehen, um Ihr WordPress-Megamenü und den Header zu erstellen und dessen Inhalte zusammenzufassen.

Erstellen Sie ein Menü

Um ein Elementor-Menü zu erstellen, müssen Sie Folgendes tun Anmachen die Mega-Menüoption aus dem ElementsKit-Startup Module Klicken Sie nach dem Einschalten auf die Seite Änderungen speichern Taste.

Das Erstellen eines Elementor-Menüs erfordert ein paar einfache Schritte. Gehen Sie einfach zu Ihrem WordPress-Dashboard dann klicken Sie auf Menüs. Danach sehen Sie einen Abschnitt mit dem Namen Menüstruktur. Geben Sie dann Ihre ein Menüname oder Menükopf und klicken Sie auf Menü erstellen.

Jetzt erweitern Benutzerdefinierte Links und setze deine URL sowie Link Text, dann klicken Sie einfach auf Zum Menü hinzufügen.

📝Schnelle Notiz
Sie können beliebig viele Mega-Menüelemente hinzufügen, entfernen oder bearbeiten, indem Sie dieselbe Methode wiederholen.

Es ist Zeit, Ihre Menüelemente in Elementor über ElementsKit hinzuzufügen. Aber vorher müssen Sie ✅ das ankreuzen Aktivieren Sie das Menü für den Mega-Menüinhalt Abschnitt unterhalb des Abschnitts „Menüname“. 

Dann sehen Sie ein Mega-Menü-Tag auf Ihrem Link Text. Nach dem Klicken auf Mega-Menü Tag wird ein Popup geöffnet.

Um die Option „Mega-Menü“ zu aktivieren, müssen Sie auf „Aktivieren“ klicken BEARBEITEN SIE MEGA-MENÜINHALTE klicken und speichern. Sie sind bereit! 

🧐 Weitere Informationen zum Elementor-Menü
Vergessen Sie nicht, unseren Blog zu besuchen So erstellen Sie ein Mega-Menü mit Elementor und ElementsKit

Ein Menü importieren (vertikales Mega-Menü)

Um ein vertikales Menü zu erstellen, müssen Sie zunächst Folgendes tun anmachen Die vertikales Menü Widget. Klicken Sie dann auf Änderungen speichern.

Klicken Sie dann auf Vorlagen auf der linken Seite Ihres Dashboards. Nachdem Sie einfach auf geklickt haben Vorlagen importieren.

Jetzt müssen Sie auswählen Datei wählen von Ihrem Gerät. Dann klicken Sie einfach auf Jetzt importieren. Und Sie sehen alle Ihre importierten Daten auf einmal.

Um ein vertikales Menü mit Ihren Daten zu erstellen, müssen Sie außerdem darauf zugreifen Aussehen dann klicken Sie auf Menüs. Sie können auch wie oben beschrieben ein Menü erstellen. Weitere Informationen finden Sie auf unserer Dokumentationsseite im vertikalen Menü.

Anpassen des Menüs 

Es ist Zeit, Ihren Inhalt anzupassen. Klicken Sie dazu auf BEARBEITEN SIE MEGA-MENÜINHALTE Taste. Gleich nachdem Sie auf die Schaltfläche geklickt haben, sehen Sie, dass ein Bildschirm im Elementor-Menüstil aufgetaucht ist. 

Alles, was Sie tun müssen, ist auf das zu klicken ElementsKit-Symbol und wählen Sie welche aus vordefinierter Header die Sie in Ihre Website einfügen möchten. 

Direkt nach dem Klicken auf ElementsKit-Widget-Schaltfläche, Sie gelangen zur Widget-Bibliothek. Dabei erhalten Sie jede Menge vorgefertigte Seiten, Vorlagen und Abschnitte. Um jedoch einen Mega-Menüabschnitt zu erstellen, müssen Sie auf klicken Abschnitte

Zum Erstellen und Anpassen Ihrer Menüelemente auf Elementor. Sie müssen das Layout der Mega-Menüelemente auswählen und mit der Anpassung nach Herzenslust beginnen!

Hier finden Sie 3 Teile (Layout, Stil und Erweitert) So können Sie Ihr Elementor-Menü über ElementsKit anpassen:

Layout:
In diesem Abschnitt werden Sie sehen mehrere Optionen zum Bearbeiten des Layouts und der Struktur eines Elementor-Menüs. Sie haben die volle Kontrolle darüber, wie Ihr Mega-Menü präsentiert werden soll.

Mit dem Mega-Menü-Widget von ElementsKit können Sie jetzt Ihr Menü anpassen Inhaltsbreite, Entweder können Sie daraus ein Vollbildmenü machen oder es in jeder gewünschten Größe anpassen durch Schieben nach rechts oder links. Spaltenlücken Auch Ihr Mega-Menü kann nach Ihren Wünschen angepasst werden.

Mit dem ElementsKit Elementor-Menü können Sie die Höhe Ihrer Menüelemente bearbeiten. Es gibt auch mehrere Optionen zum Bearbeiten Vertikal ausrichten, Überlauf, HTML-Tags Das kann je nach Bedarf geändert werden.

Stil:
Mit den Mega-Menüstiloptionen von ElementsKit können Sie das gesamte Erscheinungsbild des Menüs ändern. Um genauer zu sein, können Sie das ändern oder bearbeiten Hintergrund, Hintergrundüberlagerung, Grenze, Formteiler, und natürlich Typografie.

Das Elementor-Mega-Menü-Widget von ElementsKit ist ein Lebensretter. Es verfügt über eine Reihe von Menüelementen, die Ihnen dabei helfen, das Beste aus Ihren Menüpunkten herauszuholen. 

Fortschrittlich:
Unsere erweiterten Optionen im Menüstil für Ihr WordPress-Menü sind etwas, wonach Sie schon immer gesucht haben. Ja, mit den Mega-Menüoptionen von ElementsKit Elementor können Sie auch auf die gesamten erweiterten Abschnitte zugreifen und diese bearbeiten. 

Hier können Sie ein völlig neues Menülayout erstellen. ElementsKit hat fortgeschrittenere Alternativen als würde man addieren Auswirkungen, klebrig, Bewegungseffekte, schweben Anpassung und vieles mehr, die Ihr redaktionelles Erlebnis noch besser machen und Ihr Mega-Menü intelligenter machen. 

Einrichten des Navigationsmenüs für Elementor

Der letzte und wichtigste Teil besteht darin, ein Mega-Menü zu synchronisieren, das Sie zum Erstellen einer Kopfzeile auf Ihrer Elementor-Website benötigen. 

Jetzt zeigen wir Ihnen, wie Sie eine benutzerdefinierte Elementor-Header-Vorlage erstellen. Nun, es gibt noch eine weitere gute Nachricht für Sie mit dem ElementsKit-Navigationsmenü-Widget: Sie können das Navigationsmenü-Layout erstellen, indem Sie einfach auf unsere vorgefertigten WordPress-Menülayout-Optionen klicken. 

Lass uns anfangen! 

Zunächst müssen Sie zu gehen ElementsKit Klicken Sie dann auf Ihrem WordPress-Dashboard auf Kopfzeile Fußzeile, um das Navigationsmenü-Widget auf Ihrer Website zu aktivieren. 

Klicken Sie dann auf neue hinzufügen direkt nach den Vorlagen erwähnt. 

Nach dem Klicken auf neue hinzufügen Taste a Vorlageneinstellungen wird angezeigt. Dies ist der letzte Teil der Integration eines Mega-Menüs in Ihre Website.

Hier in diesem Abschnitt müssen Sie Ihrem Navigationsmenü einen Namen mit dem Namen geben Titel der Kopfzeile. Sie können auch die ändern Bedingungen des Headers und klicken Sie auf „Aktivierung“ (wenn Sie mit Ihren Mega-Menüpunkten fertig und zufrieden sind).

Vergessen Sie nicht, im letzten Teil auf zu klicken mit Elementor bearbeiten Taste direkt vor dem Änderungen speichern Taste. 

Jetzt zeigen wir Ihnen zwei Möglichkeiten, wie Sie Ihr Mega-Menü über das Navigationsmenü-Widget von ElementsKit hinzufügen können.

Methode eins: 

Das Hinzufügen eines Navigationsmenü-Widgets zu Ihrer Website ist die erste Methode, die Sie ausführen können, nachdem Sie darauf geklickt haben mit Elementor bearbeiten Klicken Sie einfach auf die Schaltfläche „ElementsKit“. Widget-Symbol dann geh zu Abschnitte und wählen Sie a Header-Stil was auch immer du bevorzugst. 

Danach sehen Sie Ihr Header Der Titel, den Sie über Ihr WordPress-Dashboard hinzugefügt haben, wird in der Auswahl angezeigt Menübereich. Und wenn Sie einfach auf den Titel der Kopfzeile klicken, werden alle Ihre Mega-Menüpunkte sichtbar.

Methode Zwei:

Sie können das Navigationsmenü-Widget auch über einbetten Drag-Drop-Option und fügen Sie auch verschiedene Elemente hinzu (z. B. Bilder, Videos, andere Abschnitte usw.).

Sie müssen lediglich einen beliebigen Abschnittstyp auswählen (ich habe für dieses Beispiel drei Abschnitte ausgewählt). Suchen Sie nach Widgets, die Sie Ihrem Elementor-Dashboard hinzufügen möchten.

Hier in diesem Beispiel haben wir ein Bild, ein Navigationsmenü und ein Video gezogen. Sie können beliebig viele Abschnitte und Widgets hinzufügen. 

Andererseits kann die gleiche Methode zur Aktivierung Ihres verwendet werden Navigationsmenü: auf der Menü auswählen Im Abschnitt wird der Titel Ihrer Kopfzeile angezeigt, den Sie über Ihr WordPress-Dashboard hinzugefügt haben. Und wenn Sie einfach auf den Titel der Kopfzeile klicken, werden alle Ihre Mega-Menüelemente eingefügt. 

Jetzt wissen Sie, dass die Verwendung des Navigationsmenü-Widgets ganz einfach ist und schon kann es losgehen! Beachten Sie, dass Sie in ElementsKit auch ein Off-Canvas-Menü erstellen können. 

🛠 Zusätzliche Information
Um mehr über die zu erfahren Off-Canvas-Menü in ElementsKit, vergessen Sie nicht, sich unser neuestes Video anzuschauen Erstellen eines Off-Canvas-Menüs mit ElementsKit

Abschließende Gedanken

Mega-Menüs sind wunderbare Tools zur Verbesserung der Website-Navigation. Sie erlauben es dir eine große Anzahl von Kategorien und Waren zu organisieren, um es den Benutzern einfacher zu machen um Ihre Inhalte zu durchsuchen.

Das Erstellen eines Mega-Menüs mit dem ElementsKit-Add-on für Elementor ist immer für Sie da, um Ihnen die beste Unterstützung zum Nulltarif zu bieten. Wenn Sie es selbst hinzufügen, kann die integrierte Nav-Mega-Menüoption des ElementsKit-Add-ons ein Anfang für Sie sein.

ElementsKit ist unkompliziert, erfordert wenig Zeit zum Einrichten und Optimieren und ist außerdem einfach zu verwenden. Wir hoffen jedoch, dass dieser Artikel hilfreich genug war, um einen Überblick über den gesamten Aspekt des Mega-Menüs zu geben.

Bitte hinterlassen Sie unten einen Kommentar, wenn Sie Fragen zum Mega-Menü, Nav-Menü oder seinen Funktionen haben.

Wenn Ihnen dieser Artikel gefallen hat, werden Sie sicherlich noch weitere hilfreiche Tipps und Blogs finden, wenn Sie sich bei uns anmelden WPmet-Community Folge uns auf Facebook Twitter. Vergessen Sie bitte nicht, unseren Kanal zu abonnieren Youtube für nützliche Tutorials.