Gusto mo bang lumikha ng isang full screen na menu sa Elementor ? Kung gayon, ipapakita sa iyo ng artikulong ito kung paano. Walang kailangang add-on para gumawa ng full-screen na menu Elementor. Ang kailangan mo lang Elementor Pro.
Ang pro bersyon ngElementor may kasamang a tagabuo ng popup na nagpapahintulot sa iyo na lumikha ng magagandang popup. Magagamit mo ang feature na ito para gumawa ng full screen na menu sa Elementor.
Kung hindi mo nakikita kung ano ang gusto naming pag-usapan ngayon, tingnan ang video na ito.
Paano lumikha ng isang fullscreen na menu sa Elementor?
Bago ka magsimula, siguraduhing mayroon ka na-upgrade ang iyong Elementor sa pro na bersyon. Kapag handa ka na, pumunta sa Mga Template -> Mga Popup. Gumawa ng bagong popup template sa pamamagitan ng pag-click sa Add New button.
Bigyan ng pangalan ang iyong popup template at i-click ang button GUMAWA NG AMODEL.
Nag-aalok ang Elementor ng dose-dosenang mga popup template na mapagpipilian mo. Sa tutorial na ito, gagawa kami ng modelo mula sa simula. Kaya isara lang ang template library para buksan ang Elementor editor.
Bago mo simulan ang paggawa ng popup template, tukuyin muna ang layout. Upang gawin ito, buksan ang mga setting ng popup window sa pamamagitan ng pag-click sa icon na gear sa kaliwang sulok sa ibaba.
Sa bloke Layout, sa ilalim ng tab Mga Parameter, itakda ang lapad sa 100 VW at ang taas sa Fit sa screen. Maaari mo ring itakda ang entry at exit animation effect.
Pagkatapos tukuyin ang layout, simulan ang paggawa ng template sa pamamagitan ng pagdaragdag ng bagong seksyon. Maaari kang magdagdag ng anumang elemento na gusto mo sa template. Upang magdagdag ng mga item sa menu, maaari mong gamitin ang widget ng Nav Menu o ang widget ng Icon List.
Tingnan din ang: Paano magtakda ng custom na posisyon para sa mobile na menu sa Elementor
Sa gabay na ito, gagamitin namin ang widget ng Icon List.
I-edit ang bawat item sa listahan. Maaari mong idagdag ang label ng item sa menu sa field Teksto at idagdag ang link sa field Prenda.
Pumunta sa tab estilo sa mga listahan ng istilo. Maaari mong itakda ang espasyo sa pagitan ng mga item sa listahan at ang pagkakahanay sa List Block. Upang itakda ang laki at kulay ng icon (kung gumagamit ka ng mga icon), maaari mong buksan ang Icon block. Upang itakda ang typography (laki ng font, pamilya ng font, istilo ng font) at kulay ng teksto ng mga item sa listahan, maaari mong buksan ang bloke ng Teksto.
Kung gusto mo, maaari mong baguhin ang background ng seksyon. Upang i-customize ang popup close button, buksan muli ang mga setting ng popup at pumunta sa tab estilo. Buksan ang bloke isara ang pindutan at makakakita ka ng ilang mga opsyon upang i-customize ang close button tulad ng kulay ng background, laki at posisyon.
Kapag tapos ka nang gumawa ng popup template, i-click ang arrow icon sa tabi ng button PUBLISH at piliin Mga Tuntunin sa Pagpapakita.
Itakda kung saan mo gustong lumitaw ang popup sa pamamagitan ng pag-click sa pindutan MAGDAGDAG NG KONDISYON at i-click ang pindutan ng NEXT para itakda ang trigger.
I-activate ang opsyon I-click at i-click I-save at Isara.
Popup template na tawag
Kapag handa na ang popup template, maaari mo itong tawagan. Dahil gusto mong gumawa ng full-screen na menu, maaari kang gumawa ng header gamit ang Elementor o mag-edit ng kasalukuyang header.
Basahin ang post na ito upang malaman ang higit pa tungkol sa kung paano lumikha ng custom na header gamit ang Elementor.
Maaari mong tawagan ang popup template na nilikha mo lang gamit ang anumang Elementor widget na may opsyong magdagdag ng link, tulad ng isang button, icon, icon box, text, imahe, atbp.
Sa tutorial na ito, ginagamit namin ang widget ng Icon Box. Piliin ang widget upang makapasok sa mode ng pag-edit. Sa ilalim ng tab Nilalaman Mula sa kaliwang panel, hanapin ang field kung saan idaragdag ang link.
Itakda ang link bilang dynamic at piliin ang Popup.
Piliin ang popup template na ginawa mo lang sa pamamagitan ng pag-click sa icon na wrench.
I-publish/I-update ang iyong template ng header.
Kunin ang Elementor Pro Ngayon!!!
Konklusyon
Dito na! Iyon lang para sa artikulong ito na nagpapakita sa iyo kung paano lumikha ng fullscreen na menu sa Elementor. Kung mayroon kang anumang mga alalahanin tungkol sa kung paano makarating doon ipaalam sa amin sa loob mga komento.
Gayunpaman, maaari ka ring kumonsulta aming mga mapagkukunan, kung kailangan mo ng maraming mga elemento upang maisagawa ang iyong mga proyekto ng paglikha ng mga site sa Internet, sa pamamagitan ng pagkonsulta sa aming gabay sa Paglikha ng blog ng WordPress o ang isa sa Divi: ang pinakamahusay na tema ng WordPress sa lahat ng oras.
Ngunit pansamantala, ibahagi ang artikulong ito sa iyong iba't ibang mga social network.
...
