Vill du skapa en helskärmsmeny i Elementor ? Om så är fallet kommer den här artikeln att visa dig hur. Det behövs inget tillägg för att skapa en helskärmsmeny i Elementor. Allt du behöver är Elementor Pro.
Pro-versionen avElementor kommer med en popup-byggare som låter dig skapa vackra popup-fönster. Du kan använda den här funktionen för att skapa helskärmsmeny i Elementor.
Om du inte ser vad vi vill prata om idag, kolla in den här videon.
Hur skapar man en helskärmsmeny i Elementor?
Innan du börjar, se till att du har uppgraderat din Elementor till proversionen. När du är redo, gå till Mallar -> Popups. Skapa en ny popup-mall genom att klicka på knappen Lägg till ny.
Ge din popup-mall ett namn och klicka på knappen SKAPA EN MODELL.
Elementor erbjuder dussintals popup-mallar som du kan välja mellan. I den här handledningen kommer vi att skapa modellen från grunden. Så stäng bara mallbiblioteket för att öppna Elementor-redigeraren.
Innan du börjar skapa popup-mallen, definiera layouten först. För att göra detta, öppna popup-fönstrets inställningar genom att klicka på kugghjulsikonen i det nedre vänstra hörnet.
I blocket Layout, under fliken Parametrar, ställ in bredden på 100 VW och höjden på Anpassa till skärm. Du kan också ställa in entré- och utgångsanimeringseffekter.
Efter att ha definierat layouten, börja skapa mallen genom att lägga till ett nytt avsnitt. Du kan lägga till vilka element du vill i mallen. För att lägga till menyobjekt kan du använda widgeten Nav-meny eller widgeten Ikonlista.
Se även: Hur man ställer in anpassad position för mobilmeny i Elementor
I den här guiden kommer vi att använda widgeten Icon List.
Redigera varje objekt i listan. Du kan lägga till menyobjektets etikett i fältet Texte och lägg till länken i fältet Lien.
Gå till fliken Stil till stillistor. Du kan ställa in utrymmet mellan listobjekt och justeringen i listblocket. För att ställa in ikonstorlek och färg (om du använder ikoner) kan du öppna ikonblocket. För att ställa in typografin (teckenstorlek, teckensnittsfamilj, teckensnittsstil) och textfärg för listobjekt kan du öppna textblocket.
Om du vill kan du ändra bakgrunden för avsnittet. För att anpassa popup-stängningsknappen, öppna popup-inställningarna igen och gå till fliken Stil. Öppna blocket stäng knapp och du kommer att se några alternativ för att anpassa stängningsknappen som bakgrundsfärg, storlek och position.
När du är klar med att skapa popup-mallen klickar du på pilikonen bredvid knappen PUBLICERA och välj Visa villkor.
Ställ in var du vill att popup-fönstret ska visas genom att klicka på knappen LÄGG TILL ETT VILLKOR och klicka på knappen NÄSTA för att ställa in avtryckaren.
Aktivera alternativet Klick och klicka SPARA & STÄNG.
Popup-mallsamtal
När popup-mallen är klar kan du kalla den. Eftersom du vill skapa en helskärmsmeny kan du skapa en rubrik med Elementor eller ändra en befintlig rubrik.
Läs det här inlägget för att veta mer om hur man gör skapa en anpassad rubrik med Elementor.
Du kan anropa popup-mallen du just skapade med vilken Elementor-widget som helst som har ett alternativ att lägga till en länk, som en knapp, ikon, ikonruta, text, bild, etc.
I den här handledningen använder vi Icon Box-widgeten. Välj widgeten för att gå in i redigeringsläge. Under fliken Innehåll Hitta fältet där du vill lägga till länken i den vänstra panelen.
Ställ in länken som dynamisk och välj Popup.
Välj popup-mallen du just skapade genom att klicka på skiftnyckelikonen.
Publicera/uppdatera din rubrikmall.
Skaffa Elementor Pro nu!!!
Slutsats
Här! Det är det för den här artikeln som visar dig hur skapa en helskärmsmeny i Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
