Gusto mo bang malaman kung paano gumawa ng One Page navigation menu sa Elementor ?
May mga website na mayroon lamang isang pahina (ang homepage). Kahit na nag-click ka sa isang item sa menu ng nabigasyon, dadalhin ka sa isa pang seksyon ng parehong pahina sa halip na sa ibang pahina.
Ang layunin ng ganitong uri ng Website ay upang matiyak na ang bisita tumuon sa iyong nilalaman. Bilang karagdagan sa nilalaman, isa pang pangunahing elemento ng a Website sa isang pahina ay ang menu ng nabigasyon. Sa Elementor, napakadaling gawin ang menu ng nabigasyon ng a Website sa isang pahina.
Ipapakita sa iyo ng artikulong ito kung paano.
Upang bigyan ka ng pangkalahatang-ideya, narito ang isang halimbawa ng isang pahinang menu ng nabigasyon ng website.
Gaya ng nabanggit, hindi mahirap gawin ang menu ng nabigasyon ng isang pahinang website tulad ng nasa itaas Elementor.
Bagama't ilang add-on, tulad ng Mahahalagang Addon et Powerpack, may kasamang widget para sa paglikha ng nabigasyon sa isang page, maaari ka ring lumikha ng isa nang hindi nag-i-install ng anumang mga add-on.
Ang pangunahing ideya ay ituro ang isang menu item sa isang partikular na seksyon ng pahina. Para magawa ito, kailangan mong magdagdag ng CSS ID sa seksyong gusto mong ituro.
Basahin din ang: Paano magtakda ng custom na posisyon para sa mobile na menu sa Elementor
Kumuha tayo ng isang halimbawa.
Ipagpalagay na mayroon kang item sa menu na tinatawag na "Mga Klase" at gusto mo ang iyong bisita ididirekta sa seksyong "Mga Klase" ng iyong isang pahinang website sa tuwing magki-click sila sa item ng menu na "Mga Klase".
Una, i-edit ang page na may Elementor at piliin ang seksyong "Mga Klase" (gamitin ang browser para sa iyong kaginhawahan).
Kapag napili na ang seksyon ng Mga Klase, pumunta sa tab advanced mula sa kaliwang panel at buksan ang block advanced. Pumasok saCSS ID ng seksyon sa larangan CSS ID.
Ulitin ang mga hakbang sa itaas para sa iba pang mga seksyon na gusto mong italaga sa mga item sa menu.
Pagtawag sa mga identifier ng CSS
Maaari mong gamitin ang anumang widget ng Elementor na may opsyong magdagdag ng link para tawagan ang bawat CSS id na idinagdag mo sa mga seksyon. I-paste lang ang CSS id sa field ng link. Idagdag ang " # bilang unlapi.
Kung gusto mong gamitin ang widget ng Nav Menu, maaari mong baguhin ang menu na iyong ginagamit. Sa field ng URL ng bawat item sa menu, i-type ang CSS ID na may "#" bilang prefix.
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.
...
