Da li želite da kreirate meni preko celog ekrana u Elementor ? Ako jeste, ovaj članak će vam pokazati kako. Nije potreban dodatak za kreiranje menija preko celog ekrana Elementor. Sve što ti je potrebno je Elementor Pro.
Pro verzija odElementor dolazi sa a popup builder koji vam omogućava da kreirate prelepe iskačuće prozore. Ovu funkciju možete koristiti za kreiranje menija preko cijelog ekrana u Elementoru.
Ako ne vidite o čemu danas želimo razgovarati, pogledajte ovaj video.
Kako napraviti meni preko cijelog ekrana u Elementoru?
Prije nego što počnete, provjerite jeste li nadogradili vaš Elementor na pro verziju. Kada budete spremni, idite na Predlošci -> Popups. Kreirajte novi popup predložak klikom na dugme Dodaj novo.
Dajte naziv svom iskačućem predlošku i kliknite na dugme CREATE AMODEL.
Elementor nudi desetke popup šablona za odabir. U ovom vodiču kreirat ćemo model od nule. Zato samo zatvorite biblioteku predložaka da otvorite Elementor editor.
Prije nego počnete kreirati iskačući predložak, prvo definirajte izgled. Da biste to učinili, otvorite postavke iskačućeg prozora klikom na ikonu zupčanika u donjem lijevom kutu.
U bloku Raspored, ispod kartice podešavanja, postavite širinu na 100 VW i visina na Prilagodi ekranu. Također možete postaviti efekte animacije ulaska i izlaska.
Nakon definiranja izgleda, počnite kreirati predložak dodavanjem novog odjeljka. Možete dodati sve elemente koje želite u šablon. Da biste dodali stavke menija, možete koristiti vidžet Nav meni ili vidžet Lista ikona.
Vidi takođe: Kako postaviti prilagođenu poziciju za mobilni meni u Elementoru
U ovom vodiču ćemo koristiti widget Lista ikona.
Uredite svaku stavku na listi. U polje možete dodati oznaku stavke menija tekst i dodajte vezu u polje link.
Idite na karticu stil na stilske liste. Možete postaviti razmak između stavki liste i poravnanja u bloku liste. Da biste postavili veličinu i boju ikone (ako koristite ikone), možete otvoriti blok ikona. Da biste postavili tipografiju (veličinu fonta, familiju fonta, stil fonta) i boju teksta stavki liste, možete otvoriti blok Tekst.
Ako želite, možete promijeniti pozadinu odjeljka. Da biste prilagodili dugme za zatvaranje iskačućeg prozora, ponovo otvorite postavke iskačućeg prozora i idite na karticu stil. Otvori blok dugme za zatvaranje i vidjet ćete neke opcije za prilagođavanje gumba za zatvaranje poput boje pozadine, veličine i položaja.
Kada završite sa kreiranjem iskačućeg predloška, kliknite na ikonu strelice pored dugmeta OBJAVLJUJEMO i izaberite Prikaži uslove.
Podesite gde želite da se pojavi skočni prozor klikom na dugme DODAJTE UVJET i kliknite na dugme NEXT da podesite okidač.
Aktivirajte opciju Kliknite i kliknite na SAČUVAJ I ZATVORI.
Poziv predloška iskačućeg prozora
Kada je popup šablon spreman, možete ga pozvati. Kako želite da kreirate meni preko celog ekrana, možete kreirati zaglavlje pomoću Elementora ili modifikovati postojeće zaglavlje.
Pročitajte ovaj post da saznate više o tome kako kreirajte prilagođeno zaglavlje pomoću Elementora.
Možete pozvati iskačući predložak koji ste upravo kreirali s bilo kojim Elementor widgetom koji ima opciju dodavanja veze, poput gumba, ikone, okvira ikona, teksta, slike itd.
U ovom vodiču koristimo widget Icon Box. Odaberite widget za ulazak u mod za uređivanje. Ispod kartice sadržaj Na lijevoj ploči pronađite polje u koje želite dodati vezu.
Postavite vezu kao dinamičku i odaberite Popup.
Odaberite iskačući predložak koji ste upravo kreirali klikom na ikonu francuskog ključa.
Objavite/ažurirajte svoj predložak zaglavlja.
Nabavite Elementor Pro odmah!!!
zaključak
Evo! To je sve za ovaj članak koji vam pokazuje kako kreirajte meni preko celog ekrana u Elementoru. Ako imate bilo kakvih nedoumica oko toga kako doći do tamo, javite nam unutar komentari.
Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
