Möchten Sie ein Vollbildmenü in erstellen Elementor ? Wenn ja, zeigt Ihnen dieser Artikel, wie. Es ist kein Add-On erforderlich, um ein Vollbildmenü zu erstellen Elementor. Alles was Sie brauchen ist Elementor Pro.
Die Pro-Version vonElementor kommt mit a Popup-Builder mit dem Sie schöne Popups erstellen können. Sie können diese Funktion verwenden, um ein Vollbildmenü in Elementor zu erstellen.
Wenn Sie nicht sehen, worüber wir heute sprechen möchten, sehen Sie sich dieses Video an.
Wie erstelle ich ein Vollbildmenü in Elementor?
Bevor Sie beginnen, vergewissern Sie sich, dass Sie dies getan haben Ihr Elementor auf die Pro-Version aktualisiert. Wenn Sie fertig sind, gehen Sie zu Vorlagen -> Popups. Erstellen Sie eine neue Popup-Vorlage, indem Sie auf die Schaltfläche Neu hinzufügen klicken.
Geben Sie Ihrer Popup-Vorlage einen Namen und klicken Sie auf die Schaltfläche EINMODELL ERSTELLEN.
Elementor bietet Dutzende von Popup-Vorlagen, aus denen Sie auswählen können. In diesem Tutorial erstellen wir das Modell von Grund auf neu. Schließen Sie also einfach die Vorlagenbibliothek, um den Elementor-Editor zu öffnen.
Bevor Sie mit der Erstellung der Popup-Vorlage beginnen, definieren Sie zunächst das Layout. Öffnen Sie dazu das Popup-Fenster Einstellungen, indem Sie auf das Zahnradsymbol in der unteren linken Ecke klicken.
Im Block Layout, unter der Registerkarte Parameter, stellen Sie die Breite auf ein 100 VW und die Höhe an Vollbild. Sie können auch Ein- und Ausgangsanimationseffekte festlegen.
Nachdem Sie das Layout definiert haben, beginnen Sie mit der Erstellung der Vorlage, indem Sie einen neuen Abschnitt hinzufügen. Sie können der Vorlage beliebige Elemente hinzufügen. Um Menüpunkte hinzuzufügen, können Sie das Navigationsmenü-Widget oder das Symbollisten-Widget verwenden.
Siehe auch: So legen Sie eine benutzerdefinierte Position für das mobile Menü in Elementor fest
In diesem Handbuch verwenden wir das Symbollisten-Widget.
Bearbeiten Sie jedes Element in der Liste. Sie können die Beschriftung des Menüeintrags in das Feld einfügen Text und fügen Sie den Link in das Feld ein Pfandrecht.
Gehen Sie zur Registerkarte Design um Listen zu stylen. Sie können den Abstand zwischen Listenelementen und die Ausrichtung im Listenblock festlegen. Um die Symbolgröße und -farbe festzulegen (wenn Sie Symbole verwenden), können Sie den Symbolblock öffnen. Um die Typografie (Schriftgröße, Schriftfamilie, Schriftstil) und die Textfarbe von Listenelementen festzulegen, können Sie den Textblock öffnen.
Wenn Sie möchten, können Sie den Hintergrund des Abschnitts ändern. Um die Schaltfläche zum Schließen des Popups anzupassen, öffnen Sie die Popup-Einstellungen erneut und gehen Sie zur Registerkarte Design. Öffnen Sie den Block Schließen-Schaltfläche und Sie sehen einige Optionen zum Anpassen der Schließen-Schaltfläche wie Hintergrundfarbe, Größe und Position.
Wenn Sie mit dem Erstellen der Popup-Vorlage fertig sind, klicken Sie auf das Pfeilsymbol neben der Schaltfläche VERÖFFENTLICHUNG und wählen Sie Bedingungen anzeigen.
Legen Sie fest, wo das Popup erscheinen soll, indem Sie auf die Schaltfläche klicken BEDINGUNG HINZUFÜGEN und klicken Sie auf die Schaltfläche NÄCHSTE um den Auslöser zu setzen.
Aktivieren Sie die Option Klicken und klicken Sie auf SPEICHERN & SCHLIESSEN.
Popup-Vorlagenaufruf
Sobald die Popup-Vorlage fertig ist, können Sie sie aufrufen. Wenn Sie ein Vollbildmenü erstellen möchten, können Sie mit Elementor eine Kopfzeile erstellen oder eine vorhandene Kopfzeile ändern.
Lesen Sie diesen Beitrag, um mehr darüber zu erfahren, wie es geht Erstellen Sie einen benutzerdefinierten Header mit Elementor.
Sie können die soeben erstellte Popup-Vorlage mit jedem Elementor-Widget aufrufen, das über eine Option zum Hinzufügen eines Links verfügt, z. B. eine Schaltfläche, ein Symbol, eine Symbolbox, Text, ein Bild usw.
In diesem Tutorial verwenden wir das Icon Box-Widget. Wählen Sie das Widget aus, um in den Bearbeitungsmodus zu wechseln. Unter der Registerkarte Inhalt Suchen Sie im linken Bereich das Feld, in dem Sie den Link hinzufügen möchten.
Legen Sie den Link als dynamisch fest und wählen Sie Popup aus.
Wählen Sie die soeben erstellte Popup-Vorlage aus, indem Sie auf das Schraubenschlüssel-Symbol klicken.
Veröffentlichen/Aktualisieren Sie Ihre Header-Vorlage.
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.
...
