Vil du oprette en fuldskærmsmenu i Elementor ? Hvis ja, vil denne artikel vise dig hvordan. Der er ingen tilføjelse nødvendig for at oprette en fuldskærmsmenu i Elementor. Alt du har brug for er Elementor Pro.
Pro-versionen afElementor kommer med en popup builder som giver dig mulighed for at skabe smukke popups. Du kan bruge denne funktion til at oprette fuldskærmsmenu i Elementor.
Hvis du ikke kan se, hvad vi vil tale om i dag, så tjek denne video.
Hvordan opretter man en fuldskærmsmenu i Elementor?
Før du begynder, skal du sikre dig, at du har opgraderet din Elementor til pro-versionen. Når du er klar, skal du gå til Skabeloner -> Popups. Opret en ny popup-skabelon ved at klikke på knappen Tilføj ny.
Giv din popup-skabelon et navn, og klik på knappen OPRET AMODEL.
Elementor tilbyder snesevis af popup-skabeloner, som du kan vælge imellem. I denne tutorial vil vi skabe modellen fra bunden. Så luk bare skabelonbiblioteket for at åbne Elementor-editoren.
Før du begynder at oprette popup-skabelonen, skal du først definere layoutet. For at gøre dette skal du åbne pop op-vinduets indstillinger ved at klikke på tandhjulsikonet i nederste venstre hjørne.
I blokken layout, under fanen Parametre, indstil bredden til 100 VW og højden på Tilpas til skærmen. Du kan også indstille ind- og udgangsanimationseffekter.
Når du har defineret layoutet, skal du begynde at oprette skabelonen ved at tilføje en ny sektion. Du kan tilføje hvilke elementer du ønsker til skabelonen. For at tilføje menupunkter kan du bruge Nav Menu-widgetten eller Icon List-widgetten.
Se også: Sådan indstilles brugerdefineret position for mobilmenu i Elementor
I denne vejledning vil vi bruge Icon List-widgetten.
Rediger hvert element på listen. Du kan tilføje menupunktetiketten i feltet Tekster og tilføj linket i feltet Link.
Gå til fanen stil til stillister. Du kan indstille mellemrummet mellem listeelementer og justeringen i listeblokken. For at indstille ikonets størrelse og farve (hvis du bruger ikoner), kan du åbne ikonblokken. For at indstille typografien (skriftstørrelse, skrifttypefamilie, skrifttypestil) og tekstfarve for listeelementer kan du åbne tekstblokken.
Hvis du vil, kan du ændre baggrunden for afsnittet. For at tilpasse pop op-luk-knappen skal du åbne popup-indstillingerne igen og gå til fanen stil. Åbn blokken luk knap og du vil se nogle muligheder for at tilpasse lukkeknappen som baggrundsfarve, størrelse og position.
Når du er færdig med at oprette popup-skabelonen, skal du klikke på pileikonet ved siden af knappen PUBLISH og vælg Vis vilkår.
Indstil, hvor du ønsker, at pop op-vinduet skal vises ved at klikke på knappen TILFØJ EN BETINGELSE og klik på knappen NÆSTE for at indstille udløseren.
Aktiver indstillingen Klik og klik GEM & LUK.
Popup skabelon opkald
Når popup-skabelonen er klar, kan du kalde den. Da du vil oprette en fuldskærmsmenu, kan du oprette en header med Elementor eller ændre en eksisterende header.
Læs dette indlæg for at vide mere om hvordan opret en brugerdefineret header med Elementor.
Du kan kalde popup-skabelonen, du lige har oprettet, med en hvilken som helst Elementor-widget, der har mulighed for at tilføje et link, som en knap, ikon, ikonboks, tekst, billede osv.
I denne vejledning bruger vi Icon Box-widgetten. Vælg widgetten for at gå ind i redigeringstilstand. Under fanen Indhold Fra venstre panel skal du finde feltet, hvor du vil tilføje linket.
Indstil linket som dynamisk og vælg Popup.
Vælg den popup-skabelon, du lige har oprettet, ved at klikke på skruenøgleikonet.
Udgiv/opdater din header-skabelon.
Få Elementor Pro nu!!!
Konklusion
Her ! Det er det for denne artikel, der viser dig hvordan oprette en fuldskærmsmenu i Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad os det vide inden for kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
