Suchen Sie nach einer Möglichkeit, ein fantastisches Menü zu erstellen, um die Benutzeroberfläche/UX Ihrer Website zu verbessern? Wenn ja, dann sind Sie hier genau richtig. Hier haben wir einen ausführlichen Leitfaden zusammengestellt, der Ihnen weiterhilft.
Zunächst zeigen wir Ihnen eine Schritt-für-Schritt-Anleitung zum Erstellen eines Menüs für Ihre WordPress-Website. Und sobald Sie den Dreh raus haben, zeigen wir Ihnen, wie Sie mit dem Elementor-Navigationsmenü-Widget Ihr WordPress-Menü anpassen und aufwerten können.
Inhaltsverzeichnis:
Es ist wichtig zu wissen, dass die Navigationsmenüs nicht nur wichtig sind, um Traffic auf Ihre Website zu lenken, sondern auch für ein besseres SEO-Ranking.
Tatsächlich sind die Navigationsmenüs in erster Linie für die Einbindung des Benutzers konzipiert, dies ist jedoch nicht der einzige Zweck.
Der zweitwichtigste Faktor besteht darin, die Rolle von „WebCrawlern“ oder Bots im Auge zu behalten, die darauf ausgelegt sind, die Websites zu crawlen und den Inhalt auf der relevanten Ebene zu indizieren und der Suchmaschine Rückmeldung zu geben, um den Inhalt an der richtigen Stelle einzuordnen.
Wenn Sie also zu komplizierte Menüs erstellen, wäre es für die Bots schwierig, Ihre Inhalte zu bewerten, aber Sie verlieren auch Ihre Besucher.
Kurz gesagt, „einfache Navigation“ trägt entscheidend zur Verbesserung des Benutzererlebnisses bei und spielt eine entscheidende Rolle bei der Verbesserung des Rankings unserer Website und der Steigerung des Traffics.
Dies ist für viele Unternehmenswebsites ein guter Grund, ein einzelnes Navigationssymbol anstelle einer komplexen Menüleiste beizubehalten, die beim Klicken ein Vollbildmenü anzeigt.
Dank des Elementor Pro-Widgets mit einem 100 % responsiven Navigationsmenü können Sie eine pixelgenaue und unglaublich flexible Menüleiste erstellen, ohne Code zu verwenden.
In diesem Tutorial zeigen wir Ihnen, wie Sie das Elementor-Navigationsmenü-Widget um das angepasste, erweiterte WordPress-Menü zu erhalten.
Bevor wir mit dem Elementor-Navigations-Widget beginnen, wollen wir untersuchen, wie wir mit der kostenlosen Version von Elementor ein einfaches WordPress-Menü erstellen können.
Um nun ein WordPress-Menü zu erstellen, müssen Sie keine speziellen plugin installieren. Standardmäßig verfügt WordPress über einen benutzerfreundlichen Menü-Builder, der Ihnen bei der Erstellung einfacher Navigationsmenüs für Ihre Website hilft.
Allerdings haben Sie keinen Zugriff auf Anpassungsoptionen für das Menü. Es übernimmt das Design des aktuell aktiven WordPress-Themes. Aber wenn das alles ist, was Sie wollen, dann ist dies eine hervorragende Möglichkeit, ein Navigationsmenü für Ihre WordPress-Website einzurichten.
Das Wichtigste zuerst: Sie müssen sich bei Ihrem WordPress-Backend-Dashboard anmelden.
Gehen Sie nun in der linken Seitenleiste zu Darstellung > Menüs . Hier finden Sie ein zweispaltiges Layout mit „Menüpunkte hinzufügen“ links und „Menüstruktur“ rechts.
Unter „Menüstruktur“ finden Sie ein Feld für den „Menünamen“. Dies wird der Name für das Menü sein, das wir gerade erstellen werden. Nennen wir es Menü 1.
Hinweis : Machen Sie sich keine Sorgen. Ihre Leser können die Menünamen nicht sehen. Mit dieser Funktion können Sie alle Ihre verschiedenen Menüs organisieren.
Nachdem Sie Ihrem Menü einen Namen gegeben haben, klicken Sie auf die Schaltfläche „Menü erstellen“, um es verfügbar zu machen. Jetzt müssen Sie die verschiedenen Menüpunkte hinzufügen.
Jetzt kommt der Teil, in dem Sie Ihr neues Menü mit Menüpunkten füllen. Im Abschnitt „Menüelemente hinzufügen“ auf der linken Seite finden Sie eine organisierte Liste von Dingen, die Sie zu Ihrem Menü hinzufügen können.
Standardmäßig enthält dies alle Ihre Seiten, Beiträge, Zielseiten, benutzerdefinierten Links und Kategorien.
Wählen Sie einfach die Menüelemente aus, die Sie hinzufügen möchten, indem Sie das Kontrollkästchen verwenden, und klicken Sie dann auf die Schaltfläche „Zum Menü hinzufügen“. Dadurch wird Ihr Menü mit allen ausgewählten Menüpunkten gefüllt.
Hinweis : Beachten Sie, dass jeder Abschnitt unter „Menüelemente hinzufügen“ die Möglichkeit bietet, zwischen „ Neueste“ , „Alle anzeigen“ und „Suchen“ . Denken Sie daran, diese Optionen zu verwenden, wenn viele Artikel vorhanden sind.
Sobald Sie mit dem Hinzufügen aller Menüelemente fertig sind, klicken Sie auf die Schaltfläche „Menü speichern“ und fahren mit dem nächsten Schritt fort.
Wussten Sie, dass WordPress Ihnen standardmäßig auch die Erstellung von Untermenüs ermöglicht? Beim Erstellen der Untermenüstruktur verfügen Sie über einen übergeordneten Menüpunkt und einen untergeordneten Menüpunkt.
Wenn ein Benutzer mit der Maus über den übergeordneten Menüpunkt fährt, werden alle darunter verborgenen untergeordneten Menüpunkte angezeigt.
Cool, oder?
Um nun eine Untermenüstruktur zu erstellen, müssen Sie nur noch einen Menüpunkt auswählen, der im übergeordneten Menü angezeigt werden soll. Ziehen Sie anschließend alle Menüelemente, die Sie als untergeordnete Menüelemente wünschen, per Drag & Drop darunter. Jetzt einfach nach rechts ziehen und fertig!
Nachdem Sie nun Ihr neues Menü erstellt und Untermenüs hinzugefügt haben, ist es an der Zeit, seinen Speicherort zu verwalten.
Oben in Ihrem Menüeditor sollten Sie eine Option namens „Standorte verwalten“ bemerken. Klicken Sie darauf und es sollte etwas Ähnliches wie der folgende Bildschirm erscheinen:
Die verfügbaren Menüpositionen hängen nun von dem von Ihnen installierten Theme ab. In diesem amp haben wir ein Theme, das drei Menüs unterstützt.
Nachdem Sie jedem der verfügbaren Menüorte ein Menü zugewiesen haben, klicken Sie auf „Änderungen speichern“ und fertig.
Sie kennen jetzt alle grundlegenden Menüfunktionen, die WordPress standardmäßig bietet. Wenn Sie jedoch mehr Anpassungsmöglichkeiten und Funktionalität wünschen, lesen Sie weiter, um mehr über das Elementor Pro Nav-Menü-Widget zu erfahren.
Wenn Sie Ihrer WordPress-Site ein benutzerdefiniertes Navigationsmenü hinzufügen möchten, benötigen Sie die Elementor Pro-Version. Die Elementor Pro-Version enthält das Elementor-Navigations-Widget sowie viele weitere Sonderfunktionen wie über 300 Vorlagen, einen Theme-Builder, ein Popup-Widget, WooCommerce-Widgets und viele andere interessante Funktionen.
Was sind die spezifischen Hauptfunktionen des Navigationsmenü-Widgets selbst? Hier ist eine kurze Einführung.
Sie müssen wie oben erwähnt ein einfaches WordPress-Menü erstellen und dann das Standard-WordPress-Menü mithilfe des Pro-Nav-Menü-Widgets anpassen. Sobald Sie die Primärliste erstellt haben, besteht der nächste Schritt darin, sie an der gewünschten Stelle, z. B. im Header-Bereich, hinzuzufügen.
Wenn Sie nun mit den Grundeinstellungen fertig sind, passen wir das Menü mithilfe des Navigationsmenü-Widgets an.
In der obersten Ecke des Einstellungsbereichs stehen drei Optionen zur Verfügung; Inhalt, Stil und Erweitert.
Der Abschnitt „Layout“ : Sie haben drei Optionen: Horizontal, vertikal oder ein verstecktes Dropdown-Akkordeon.
Abschnitt „Ausrichten“ : Dieser Abschnitt hilft Ihnen beim Ausrichten der Menütextelemente. Mitte, rechts oder links.
Animationsbereich : In diesem Bereich können Sie Animationseffekte unter, über oder mit Doppellinienanimationen hinzufügen. Sie können sich auch für Rahmen, Hintergrund und subtile Textanimationen entscheiden.
Die Unterstreichungsanimationen sind wie folgt:
Ebenso gibt es gerahmte, überstrichene, doppelte Linien-, Hintergrund- und Textanimationen. Jeder von ihnen bietet seine eigenen Animationen und Sie können sie selbst ausprobieren, um zu erfahren, was Sie mit ihnen erreichen.
Abschnitt „Zeiger“ : Wählen Sie den Zeigertyp aus dem Dropdown-Menü aus.
Untermenü-Anzeigebereich : Das Elementor-Widget ist vollgepackt mit vielen Untermenü-Styling-Optionen. Hier können Sie nicht nur die Farbe, den Stil und auch den Hintergrund des Menüs steuern.
Polsterung und Menüabstände: Die Polsterung lässt sich schnell anpassen. Sie können den horizontalen Abstand für Menüs und Untermenüs, den vertikalen Abstand, den Zwischenraum sowie die rechte, linke und zentrierte Ausrichtung ändern.
Elementor geht die Abstände und Auffüllungen von Menüs sehr gut an. Sie haben hinter den Kulissen hart gearbeitet, um sicherzustellen, dass sie den Entwicklern die Werkzeuge zur Verfügung stellen können, damit diese problemlos das Design erstellen können, über das sie nachdenken.
Der Menüabstand bietet viele Optionen, darunter:
Farbhintergrund und Typografie : Mithilfe des gewünschten Farbschemas und der gewünschten Hintergrundfarbe können Sie Ihren maßgeschneiderten Markenauftritt erzielen. Außerdem können Sie zwischen transparenten und halbtransparenten Menüoptionen wählen.
Als Designer können Sie so viel wie möglich mit diesen Optionen experimentieren und sicherstellen, dass Sie die Hintergründe nach Ihren Wünschen gestalten.
Mobile ist ein wichtiger Teil des Webs, und deshalb stellen Elementor-Entwickler auch Tools zur Verfügung, mit denen Sie die Navigationsleiste auch für Mobilgeräte erstellen können.
Mit dem Elementor-Widget haben Sie die vollständige Kontrolle über mobile Menüoptionen in WordPress. Sie können die mobile Bildschirmansicht mit einem separaten Satz von Einstellungen für reine Mobilbildschirme steuern. Unten im Elementor-Einstellungsabschnitt gibt es eine Option für mobile Bildschirmeinstellungen, mit der Sie Ihre mobilen Bildschirmoptionen anzeigen können.
Kurz gesagt, die mobilen Menüfunktionen von Elementor sind wie folgt:
Responsive Navigation: Bietet eine responsive Positionierung des Menüs.
Das Menü ist eines der wichtigsten Merkmale jeder Website. Denn es hilft den Besuchern, durch Ihre Website zu schlendern, und wenn Sie eine Liste intelligent erstellen, können Sie Ihre Besucher für lange Zeit auf Ihrer Website halten. Das Menü ist ebenso wichtig wie das gesamte Layout einer Website, der Kopf- und Fußzeilenbereich.
Daher muss das Menü-Widget in der Lage sein, Ihren einzigartigen Markenauftritt mit allen wesentlichen Funktionen zu vermitteln. Das Elementor-Navigations-Widget verfügt über funktionsreiche Funktionen, die es den Kunden ermöglichen, den Menüabschnitt so anzupassen, dass er zur Stimme Ihrer Marke passt. Jetzt können Sie ein maßgeschneidertes, stilvolles Menü auf Ihrer Website, auf Ihrer Zielseite, in der Kopfzeile oder in jedem anderen Abschnitt, in dem Sie es anzeigen möchten, verwenden.
Kopf- und Fußzeilen einer Website sind wesentliche Elemente. In den meisten Fällen dient der Header der Navigation …
Zwei der beliebtesten WordPress-Themes auf dem Markt sind Astra und OceanWP. Professional…
Um eine hervorragende Nachrichten-Website zu erstellen, müssen Sie kein Webdesigner werden. Wir…
Das Newspaper-Theme ist eines der bedeutendsten WordPress-Themes, das von tagDiv entworfen wurde, einem…
Wenn es um die Einrichtung eines Online-Shops geht, ist WooCommerce das plugin in der Wahl. Es…
Ein Header ist im Allgemeinen das Erste, was eine Person sieht, wenn sie Ihre Website besucht.
Kommentare anzeigen
Hallo, vielen Dank für den Beitrag, als ich das Navigationsmenü öffnete, öffnete sich mein Menü und ich erhielt nur ein graues Foto vom Elementor-Editor, und ich ging auf die Seite, ohne dass ich nichts sehen konnte. Wie kann ich die Lösung finden? gracias
Hallo! Normalerweise tritt dieses Problem auf, wenn Ihr Menü entweder leer oder nicht gespeichert ist. Bitte überprüfen Sie die WordPress-Menüseite noch einmal.
Hallo, eine Konsultation, wie könnte die Anleitung sein, um automatisch ein Untermenü zu öffnen und einen anderen Menüpunkt aufzurufen.
Gracias.
Hallo, tut mir leid, dass ich Ihre Frage nicht ganz verstehe? Könnten Sie das spezifizieren?
Warum sind die Untermenüs so groß, dass sie auf der rechten Seite geteilt werden?
Hallo, das wird nicht empfohlen, da die Navigation sehr komplex zu lesen wäre, in diesem Fall ist es besser ein Mega-Menüstil
Menü w wersji mobilnej nie otwiera sie. Kann es sein, dass Sie ein Telefonanruf tätigen?
Hallo, die mobile Menüanzeige erfolgt automatisch, wenn Sie das Elementor-Navigations-Widget verwenden. Sie sollten jedoch in den Menüeinstellungen einen Einstellungsaufruf „Haltepunkt“ überprüfen. Dies ist die Bildschirmgröße, bei der Ihr Menü umgeschaltet wird.
Das ist nicht alles, was ich tun muss, um ein horizontales Bild zu erstellen, aber nichts anderes als das Thema Creaton. Das ist nicht alles.
Wie viele Jahre alt sind die Menüs und die Menüs, die Sie benötigen, um ein altes Menü aufzurufen? EPro
Hallo, das ist leider nicht möglich, es gibt keine solche Option im Elementor-Navigations-Widget.
Ciao. Es ist möglich, dass die Menüleiste immer sichtbar ist, wenn Sie mit der Seitenvisualisierung beginnen. Purtroppo tutte le volte che ci ho provato the menu scende ma the color of the background of the menu not rendendolo praticamente unleserlich the crritte. Grazie