Paano Gumawa ng isang Dropdown Menu sa WordPress (Gabay sa Mga nagsisimula)

Nais mo bang gumawa ng isang menu ng pagbagsak at idagdag ito sa iyong website ng WordPress?


Ipinapakita ng isang menu ng dropdown ang isang listahan ng mga link habang kinukuha mo ang iyong mouse sa isang item sa menu.

Gumagamit kami ng isang menu ng pagbagsak sa WPBeginner, sige at gawin ang iyong mouse sa ibabaw ng nabigasyon menu sa itaas.

Sa gabay ng nagsisimula na ito, ipapakita namin sa iyo kung paano madaling lumikha ng isang menu ng pagbagsak sa WordPress na may mga hakbang sa hakbang.

Lumilikha ng isang menu ng pagbagsak sa WordPress

Bakit Gumamit ng Mga Dropdown Menus sa WordPress?

Ang WordPress ay may built-in na menu management system na nagbibigay-daan sa iyo upang madaling magdagdag ng mga menu ng nabigasyon sa iyong WordPress site.

Ang mga menu ng Navigation ay mga link sa pangunahing mga pahina ng iyong website na karaniwang lilitaw sa tuktok bilang isang pahalang na hilera mismo sa tabi ng logo ng website.

Karaniwang menu ng nabigasyon na may isang pahalang na hilera ng mga link

Kung nagsisimula ka ng isang blog o paglikha ng isang website na may lamang ng ilang mga pahina, pagkatapos ay maaari mong idagdag ang mga ito sa iisang hilera.

Gayunpaman, kung nagpapatakbo ka ng isang online na tindahan o isang malaking website, pagkatapos ay maaaring nais mong magdagdag ng higit pang mga link sa menu ng nabigasyon.

Tumutulong sa iyo ang mga menu ng Dropdown na malutas ang limitadong isyu sa espasyo sa pamamagitan ng pagpapakita lamang ng mga link sa menu kapag dinala ng mga gumagamit ang kanilang mouse sa isang item ng magulang. Pinapayagan ka nila na ayusin ang istraktura ng menu ayon sa mga paksa o hierarchy.

Halimbawa ng menu ng Dropdown

Panghuli, maganda rin ang hitsura nila.

Iyon ay sinabi, tingnan natin ngayon kung paano mo madaling lumikha ng mga WordPress dropdown menu idagdag ang mga ito sa iyong website.

Tutorial ng Video

Mag-subscribe sa WPBeginner

Kung hindi mo gusto ang video o nangangailangan ng higit pang mga tagubilin, pagkatapos ay magpatuloy sa pagbabasa.

Hakbang 1. Pagpili ng isang Tema na may Suporta sa Dropdown Menu

Ang WordPress ay may built-in na sistema ng pamamahala ng menu ngunit ang pagpapakita ng mga menu ay ganap na nakasalalay sa iyong WordPress tema.

Halos lahat ng mga tema ng WordPress ay sumusuporta sa mga menu ng pagbagsak nang default. Gayunpaman, ang ilang mga tema ay maaaring walang tamang suporta sa menu.

Kailangan mong tiyakin na gumagamit ka ng isang tema ng WordPress na sumusuporta sa mga menu ng pagbagsak.

Paano mo malalaman kung ang tema na iyong ginagamit ay sumusuporta sa dropdown menu?

Maaari mo lamang bisitahin ang website ng tema kung saan makakahanap ka ng isang link sa demo ng tema. Mula doon makikita mo kung ang demo ay nagpapakita ng isang dropdown menu sa menu ng nabigasyon.

Kung wala ito, kakailanganin mong makahanap ng isang tema ng WordPress.

Tingnan ang aming gabay sa kung paano pumili ng perpektong tema ng WordPress para sa iyong website.

Narito ang ilang mga mahusay na mga tema na sumusuporta sa dropdown menu sa labas ng kahon.

  • Astra – Ito ay isang maraming bagay na tema ng WordPress na may maraming mga site ng starter at tonelada ng mga tampok.
  • Mga tema sa StudioPress – Itinayo sa tuktok ng balangkas ng tema ng genesis, ang mga propesyonal na tema na ito ay lubos na na-optimize para sa pagganap.
  • OceanWP – Isang tanyag na tema ng WordPress na angkop para sa lahat ng uri ng mga website.
  • Ultra – Pinapagana ng tagagawa ng Themify ang drag at drop na tema ng WordPress ay may magagandang template at nababaluktot na mga pagpipilian sa tema.
  • Divi – tanyag na tema ng Elegant na Mga Tema na gumagamit ng Divi page tagabuo at may tonelada ng pag-drag & mga tampok na pag-drop kasama ang mga menu ng pagbagsak.

Na sinabi, tingnan ngayon kung paano lumikha ng isang dropdown na WordPress menu.

Hakbang 1. Paglikha ng isang Navigation Menu sa WordPress

Kung nakapag-set up ka na ng isang menu ng nabigasyon sa iyong website, pagkatapos ay maaari kang laktawan sa susunod na hakbang.

Lumikha muna tayo ng isang simpleng menu.

Pumunta sa Hitsura »Mga menu pahina at mag-click sa link na ‘Lumikha ng isang bagong menu’ sa tuktok.

Lumikha ng isang menu

Susunod, kailangan mong magbigay ng isang pangalan para sa iyong menu ng nabigasyon. Ang pangalang ito ay hindi makikita sa publiko sa iyong website. Ang layunin ng pangalan ng menu ay upang matulungan kang makilala ang menu sa loob ng lugar ng admin ng WordPress.

Pangalan ng menu

Maglagay ng isang pangalan para sa iyong menu at pagkatapos ay mag-click sa pindutan ng ‘Lumikha ng Menu’.

Gumagawa na ngayon ang WordPress ng isang bagong walang laman na menu para sa iyo.

Idagdag ang mga nangungunang link sa menu ng nabigasyon. Ang mga item na ito ay lilitaw sa tuktok na hilera ng iyong menu.

Piliin lamang ang mga pahinang nais mong idagdag mula sa kaliwang haligi at mag-click sa pindutang ‘Idagdag sa menu’. Maaari ka ring pumili ng mga post sa blog, kategorya, o magdagdag ng mga pasadyang link.

Magdagdag ng mga pahina sa menu

Makikita mo na ngayon ang lilitaw sa mga pahinang iyon sa kanang haligi sa ilalim ng iyong bagong menu.

Hakbang 2. Pagdaragdag ng Mga Sub-Item sa isang Menu

Ang mga sub-item ay ang mga item na lilitaw sa loob ng menu ng pagbagsak. Depende sa kung paano mo nais na ayusin ang iyong mga menu, maaari mong idagdag ang mga ito sa ilalim ng alinman sa mga umiiral na item.

Para sa kapakanan ng tutorial na ito, magdaragdag kami ng mga kategorya sa ilalim ng link sa blog.

Piliin lamang ang mga item na nais mong idagdag mula sa kaliwang haligi at pagkatapos ay mag-click sa pindutang ‘Idagdag sa menu’. Lilitaw na ngayon ang iyong mga item sa kanang hanay.

Mga bagong item ng menu na idinagdag sa menu

Gayunpaman, lilitaw ang mga link na ito bilang mga regular na item. Kailangan naming gawin silang isang sub-item ng isang menu ng magulang.

Maaari mo lamang i-drag at i-drop ang isang item sa menu at ilagay ito sa ilalim ng item ng magulang. Ilipat ito nang bahagya sa kanan, at ito ay magiging isang sub-item.

Pagdaragdag ng mga item sa sub menu upang lumikha ng isang menu ng pagbagsak

Ulitin ang proseso para sa lahat ng mga link na nais mong ipakita sa ilalim ng menu ng pagbagsak.

Kapag tapos ka na, huwag kalimutang mag-click sa pindutan ng ‘I-save ang menu’ upang maimbak ang iyong mga pagbabago.

Hakbang 3. I-publish ang Iyong Dropdown Menu

Kung na-edit mo ang isang menu na nakatira na sa iyong website, pagkatapos ito ay magsisimulang lumabas sa iyong website kaagad.

Gayunpaman, kung ito ay isang bagong item sa menu, kailangan mo na ngayong pumili ng isang lokasyon ng tema upang ipakita ang menu na ito.

Ang mga tema ng WordPress ay maaaring magpakita ng mga menu sa iba’t ibang mga lokasyon. Ang bawat tema ay tumutukoy sa kanilang sariling mga lokasyon ng menu, at maaari mong piliin kung aling menu ang nais mong ipakita doon.

Makikita mo ang pagpipiliang ito sa kanang haligi sa ilalim ng ‘Mga setting ng menu’. Pumili ng isang pagpipilian sa tabi ng setting ng ‘Ipakita ang lokasyon’ at mag-click sa pindutan ng ‘I-save ang menu’.

Piliin ang lokasyon ng tema

Maaari mo na ngayong bisitahin ang iyong website upang makita ang iyong pagbagsak sa menu na kumikilos.

Preview ng menu ng Dropdown

Mga tip sa Paglikha ng Mga Interactive na menu ng Dropdown

Mahalaga ang mga menu ng Navigation dahil ito ang unang lugar na titingnan ng iyong mga gumagamit kung nais nilang makita ang tukoy na impormasyon.

Ang paggamit ng mga ito ng tama ay makakatulong sa iyong mga gumagamit na makahanap ng kanilang paraan sa paligid ng iyong website. Makakatulong din ito sa iyo na makakuha ng maraming mga pageview, conversion, at mga benta sa iyong website.

Narito ang ilang mga tip sa gawing mas interactive ang iyong mga menu ng nabigasyon na may mga menu ng pagbagsak.

1. Maaari kang lumikha ng mga multi-level na menu ng pagbagsak

Ang paggawa ng isang link ng isang sub-item ng isa pang link ay lumilitaw sa dropdown menu. Maaari ka ring magdagdag ng isang sub-item sa ibaba ng isa pang sub-item upang lumikha ng mga multi-level na menu ng dropdown.

Mga menu ng maramihang antas

Ang iyong tema ay awtomatikong ipakita ang mga ito bilang isang sub-menu sa loob ng pagbagsak.

Menu ng multi-level na pagbagsak

2. Maaari ka ring lumikha ng maraming mga menu ng pagbagsak

Maaari kang lumikha ng isang pagbagsak sa ilalim ng anumang nangungunang link sa iyong menu. Maaari ka ring magdagdag ng maraming mga menu ng pagbagsak sa iyong pangunahing menu ng nabigasyon.

Maramihang mga menu ng pagbagsak sa pangunahing menu

3. Lumikha ng mga menu na may live na preview

Kung ang iyong menu ay nakakakuha ng kumplikado, maaari kang lumipat sa preview ng visual. Pumunta sa Hitsura »Ipasadya upang ilunsad ang live na customizer tema.

Mula doon, mag-click sa tab na ‘Mga menu’ at piliin ang iyong menu ng nabigasyon. Makakakita ka na ngayon ng isang drag at drop menu editor sa kaliwang haligi na may isang live na preview ng iyong site sa kanang panel.

I-customize ang mga menu ng WordPress na may isang live na preview

4. Paglikha ng isang malaking menu ng mega bilang pagbagsak sa WordPress

Ang mga menu ng dropdown ay nagpapakita lamang ng isang pagbagsak sa bawat oras. Paano kung nais mong ipakita ang buong istraktura ng iyong website bilang isang menu ng mega na lilitaw lamang kapag ang mga gumagamit ay nag-hover sa pangunahing menu?

Halimbawa ng menu ng Mega

Ang mga menu ng Mega ay lilitaw bilang isang menu ng pagbagsak, ngunit maaari silang magpakita ng mas maraming mga link, sub-menu, at marami pa. Para sa detalyadong mga tagubilin, tingnan ang aming hakbang-hakbang na tutorial sa kung paano lumikha ng isang menu ng mega sa WordPress.

Inaasahan naming nakatulong sa iyo ang artikulong ito kung paano madaling lumikha ng isang menu ng pagbagsak sa WordPress. Maaari mo ring makita ang aming gabay kung paano lumikha ng isang malagkit na lumulutang na menu ng nabigasyon sa WordPress at kung paano magdagdag ng mga icon ng imahe sa mga menu ng nabigasyon sa WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me