Želite li stvoriti izbornik preko cijelog zaslona u Elementor ? Ako je tako, ovaj će vam članak pokazati kako. Nije potreban nikakav dodatak za stvaranje izbornika preko cijelog zaslona Elementor. Sve što trebaš je Elementor Pro.
Pro verzijaElementor dolazi s a graditelj skočnih prozora koji vam omogućuje stvaranje prekrasnih skočnih prozora. Ovu značajku možete koristiti za izradu izbornika preko cijelog zaslona u Elementoru.
Ako ne vidite ono o čemu danas želimo razgovarati, pogledajte ovaj video.
Kako stvoriti izbornik preko cijelog zaslona u Elementoru?
Prije nego počnete, provjerite jeste li nadogradili ste svoj Elementor na pro verziju. Kada budete spremni, idite na Predlošci -> Skočni prozori. Stvorite novi skočni predložak klikom na gumb Dodaj novi.
Dodijelite naziv predlošku skočnog prozora i kliknite gumb STVORI AMODEL.
Elementor nudi desetke skočnih predložaka među kojima možete birati. U ovom vodiču izradit ćemo model od nule. Zato samo zatvorite biblioteku predložaka da biste otvorili uređivač Elementor.
Prije nego počnete stvarati skočni predložak, najprije definirajte izgled. Da biste to učinili, otvorite postavke skočnog prozora klikom na ikonu zupčanika u donjem lijevom kutu.
U bloku raspored, ispod kartice Parametri, postavite širinu na 100 VW-ova a visina na Prilagodi zaslonu. Također možete postaviti efekte animacije ulaza i izlaza.
Nakon definiranja izgleda, počnite stvarati predložak dodavanjem novog odjeljka. U predložak možete dodati elemente koje god želite. Za dodavanje stavki izbornika možete koristiti widget Navigacijski izbornik ili widget Popis ikona.
Otkrijte također: Kako postaviti prilagođeni položaj za mobilni izbornik u Elementoru
U ovom vodiču koristit ćemo widget Popis ikona.
Uredite svaku stavku na popisu. U polje možete dodati oznaku stavke izbornika Tekstovi i dodajte vezu u polje Veza.
Idite na karticu Stil stilizirati popise. Možete postaviti razmak između stavki popisa i poravnanje u bloku popisa. Za postavljanje veličine i boje ikone (ako koristite ikone), možete otvoriti blok ikona. Da biste postavili tipografiju (veličinu fonta, obitelj fontova, stil fonta) i boju teksta stavki popisa, možete otvoriti blok Tekst.
Ako želite, možete promijeniti pozadinu odjeljka. Da biste prilagodili gumb za zatvaranje skočnog prozora, ponovno otvorite postavke skočnog prozora i idite na karticu Stil. Otvorite blok gumb za zatvaranje i vidjet ćete neke opcije za prilagodbu gumba za zatvaranje poput boje pozadine, veličine i položaja.
Nakon što završite s izradom skočnog predloška, kliknite ikonu strelice pokraj gumba Objavi i odaberite Uvjeti prikaza.
Postavite gdje želite da se pojavi skočni prozor klikom na gumb DODAJTE UVJET a zatim pritisnite gumb SLJEDEĆA za postavljanje okidača.
Aktivirajte opciju Klik i kliknite na SPREMI & ZATVORI.
Skočni predložak poziva
Kada je skočni predložak spreman, možete ga pozvati. Kako želite stvoriti izbornik preko cijelog zaslona, možete stvoriti zaglavlje pomoću Elementora ili izmijeniti postojeće zaglavlje.
Pročitajte ovaj post da biste saznali više o tome kako izradite prilagođeno zaglavlje s Elementorom.
Skočni predložak koji ste upravo izradili možete pozvati s bilo kojim Elementor widgetom koji ima opciju dodavanja poveznice, poput gumba, ikone, okvira s ikonama, teksta, slike itd.
U ovom vodiču koristimo widget Icon Box. Odaberite widget za ulazak u način uređivanja. Ispod kartice Sadržaj Na lijevoj ploči pronađite polje u koje želite dodati vezu.
Postavite vezu kao dinamičku i odaberite Skočni prozor.
Odaberite skočni predložak koji ste upravo izradili klikom na ikonu francuskog ključa.
Objavite/ažurirajte predložak zaglavlja.
Nabavite Elementor Pro sada!!!
Zaključak
Ovdje! To je to za ovaj članak koji vam pokazuje kako izradite izbornik preko cijelog zaslona u Elementoru. Ako imate bilo kakvih nedoumica o tome kako doći tamo, javite nam unutar Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
