Möchten Sie herausfinden, wie Sie ein One-Page-Navigationsmenü in erstellen Elementor ?

Es gibt Websites, die nur eine Seite (die Homepage) haben. Auch wenn Sie auf einen Menüpunkt im Navigationsmenü klicken, werden Sie zu einem anderen Abschnitt derselben Seite statt zu einer anderen Seite weitergeleitet.

Das Ziel dieser Art von Website ist sicherzustellen, dass die Besucher konzentrieren Sie sich auf Ihre Inhalte. Neben dem Inhalt ist ein weiteres Schlüsselelement von a Website zu einer Seite ist das Navigationsmenü. Im Elementorist es sehr einfach, das Navigationsmenü eines zu erstellen Website auf eine Seite.

Dieser Artikel zeigt Ihnen, wie.

Um Ihnen einen Überblick zu geben, ist hier ein Beispiel für ein einseitiges Website-Navigationsmenü.

Erstellen Sie ein One-Page-Navigationsmenü in Elementor

Wie bereits erwähnt, ist es nicht schwierig, das Navigationsmenü einer einseitigen Website wie oben in zu erstellen Elementor.

Obwohl einige Add-Ons, wie z Wesentliche Addons et Netzteil, mit einem Widget zum Erstellen einer Navigation auf einer Seite geliefert werden, können Sie auch eines erstellen, ohne ein Add-on zu installieren.

Die Hauptidee besteht darin, einen Menüpunkt auf einen bestimmten Abschnitt der Seite zu verweisen. Dazu müssen Sie dem Abschnitt, auf den Sie verweisen möchten, eine CSS-ID hinzufügen.

Lesen Sie auch: So legen Sie eine benutzerdefinierte Position für das mobile Menü in Elementor fest

Nehmen wir ein Beispiel.

Angenommen, Sie haben einen Menüpunkt namens "Klassen" und möchten Ihre Besucher jedes Mal, wenn sie auf den Menüpunkt „Klassen“ klicken, zum Abschnitt „Klassen“ Ihrer einseitigen Website weitergeleitet werden.

Bearbeiten Sie zunächst die Seite mit Elementor und wählen Sie den Abschnitt „Klassen“ (verwenden Sie den Browser für Ihre Bequemlichkeit).

Erstellen Sie ein One-Page-Navigationsmenü in Elementor

Sobald der Abschnitt Klassen ausgewählt ist, gehen Sie zur Registerkarte fortgeschritten aus dem linken Bereich und öffnen Sie den Block fortgeschritten. Geben Sie die einCSS-ID der Sektion im Feld CSS-ID.

Erstellen Sie ein One-Page-Navigationsmenü in Elementor

Wiederholen Sie die obigen Schritte für andere Abschnitte, die Sie mit Menüelementen kennzeichnen möchten.

CSS-Bezeichner aufrufen

Sie können jedes Elementor-Widget verwenden, das über eine Option zum Hinzufügen eines Links verfügt, um jede CSS-ID aufzurufen, die Sie Abschnitten hinzugefügt haben. Fügen Sie einfach die CSS-ID in das Linkfeld ein. Ergänzen Sie die " # als Präfix.

Erstellen Sie ein One-Page-Navigationsmenü in Elementor

Wenn Sie das Navigationsmenü-Widget verwenden möchten, können Sie das verwendete Menü ändern. Geben Sie im URL-Feld jedes Menüpunkts die CSS-ID mit dem Präfix „#“ ein.

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Erstellen Sie ein Vollbildmenü in Elementor. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...