Paano Maglagay ng Mga Menu sa Bawat Pahina ng WordPress

Gusto mo bang malaman kung paano magkaroon mga menu sa bawat pahina ng WordPress? Mayroong maraming mga kaso kung saan kailangan mo ng iba't ibang mga menu sa iba't ibang mga pahina.

• Halimbawa, maaari kang magkaroon ng isang pahinang website ngunit gusto ng isang nakatuong tindahan o pahina ng contact. Sa kasong ito, hindi magagamit ang mga link sa nabigasyon sa tuktok ng menu sa mga hiwalay na page na iyon (hal. contact o store) dahil nakatakda ang mga ito na gabayan ang mga user sa iba't ibang seksyon sa parehong page (hal., iyong home page).

Ang isa pang kaso ay maaaring kapag ang mga user ay nasa page ng iyong tindahan. Dahil may ibang function ang page na iyon kaysa sa ibang bahagi ng website, maaaring gusto mong gamitin ang tuktok na menu upang ipakita ang iyong mga kategorya ng produkto o iba pang may-katuturang impormasyon para sa mga naghahanap upang bumili.

Dito maaari mong basahin ang tungkol sa: Mga Paraan para Magdagdag ng Subscription Form sa WordPress

Upang makamit ang ninanais na resulta, dapat kang lumikha ng mga menu sa bawat pahina ng WordPress para sa bawat isa sa mga sitwasyong ito at ipakita lamang ang mga ito sa mga pahinang iyon. Sa kabutihang palad, dahil ang WordPress ay may napakalaking komunidad sa likod nito, makakamit mo ito sa tulong ng isang libreng plugin.

Mga paraan upang magkaroon ng mga menu sa bawat pahina ng WordPress

Ngayon, tingnan natin kung paano ka makakapaglagay ng mga menu sa bawat pahina ng WordPress:

Paraan 1: Mga Menu sa Bawat Pahina ng WordPress

Ito ang mga hakbang na dapat mong sundin upang magkaroon ng mga menu sa bawat pahina ng WordPress:

Bahagi 1: Mag-install ng libreng plugin upang magkaroon ng mga menu sa bawat pahina ng WordPress

Upang mag-set up ng ibang menu para sa isang partikular na page, kakailanganin mong gamitin ang plugin na Conditional Menus. Upang i-install ito, sundin ang mga hakbang sa ibaba:

1. Hakbang 1: Mula sa iyong WordPress dashboard, pumunta sa Mga Plugin → Magdagdag ng Bago
2. Hakbang 2: Sa search bar, hanapin ang "Mga kondisyong menu»at i-install ang unang resulta (screenshot)

3. Hakbang 3: Pagkatapos itong ma-install, i-click Aktibahin.

Bahagi 2: Gumawa ng iba't ibang menu para sa iba't ibang pahina

Upang lumikha ng mga menu para sa bawat pahina ito ay kinakailangan:

1. Hakbang 1: Pumunta sa WordPress Dashboard → Hitsura → I-customize → i-click ang Mga Menu
2. Hakbang 2: Magdagdag ng bagong menu, tawagan natin ito «Menu ng pahina ng contact» (o anumang ibang pangalan)
3. Hakbang 3: Magdagdag ng mga item sa menu para sa bawat page o custom na link at i-click Ilathala
4. Hakbang 4: Ulitin ang proseso para sa lahat ng iba pang mga menu na kailangan mo.

Bahagi 3: Pamahalaan ang lokasyon ng bawat menu

Pumunta sa Hitsura → Mga Menu → Pamahalaan mga lokasyon at simulan ang pag-customize ng iyong mga menu sa bawat pahina ng WordPress sa pamamagitan ng pagsunod sa mga hakbang na ito:

1. Hakbang 1: I-click + May kundisyon na menu upang magdagdag ng bagong menu sa parehong lokasyon (hal. Main Menu)
2. Hakbang 2: Piliin ang menu na gusto mong idagdag
3. Hakbang 3: I-click + Kondisyon upang piliin ang mga lugar kung saan mo gustong lumabas ang partikular na menu na iyon
4. Hakbang 4: I-click I-save ang mga pagbabago at bisitahin ang pahina upang matiyak na ito ay gumagana nang tama;

Ulitin ang parehong proseso para sa anumang bilang ng mga hiwalay na pahina.

Paraan 2: Paano Gumawa ng Iba't ibang Mga Menu sa Bawat Pahina ng WordPress

Ang menu ay ang pangunahing nilalaman ng bawat website; tumutulong sa mga bisita na mahanap ang mga pahinang kailangan nila nang madali. Gayunpaman, sa mga website na may mga kumplikadong istruktura, maaaring gusto mong magkaroon ng magkahiwalay na menu ang bawat pangkat ng mga pahina. Upang i-customize ang mga ito sa ganoong paraan, kailangan mo ng isang plugin upang lumikha ng iba't ibang mga menu at italaga ang mga ito sa iyong mga pahina/pangkat ng pahina.

Sa paraang ito, ipapakita namin sa iyo nang malalim kung paano ito gagawin sa pinakamabilis na paraan. Ngunit una, tingnan natin kung paano makakatulong sa iyo ang paglikha ng hiwalay na mga menu para sa bawat pahina sa mga partikular na sitwasyon.

Bahagi 1: Gumamit ng mga app sa paggawa ng menu sa bawat pahina ng WordPress

Makakatulong sa iyo ang pagkakaroon ng magkakahiwalay na menu para sa bawat page kung:

1. Gusto mong ipakita ang mga pahina ng produkto sa menu ng home page. Ang bawat pahina ng produkto ay magkakaroon ng partikular na menu na may mga submenu na naka-link sa mga pahina ng impormasyon ng produkto. Halimbawa, ang menu sa page ng produkto ay maglalaman ng impormasyon tulad ng presyo, bansang pinagmulan ng kaukulang produkto.
2. Mayroon kang website ng chain store at kinakatawan ang bawat tindahan sa isang hiwalay na page. Ididirekta ka ng menu ng home page sa mga page ng store. Ang bawat page ng store ay magkakaroon ng sarili nitong menu ng mahahalagang page tulad ng mga produkto, address, order, atbp.

Upang mas madaling maunawaan, kukuha kami ng isang halimbawa ng website ng negosyo ng prutas. Ang website ay may default na menu sa home page na humahantong sa dalawang pahina, Apple at Banana.

Gagawa kami ng dalawa pang magkahiwalay na menu para sa dalawang page na ito gamit ang Conditional Menus plugin. Ito ang mga hakbang para gawin ito:

Bahagi 2: I-install at i-activate ang Conditional Menus plugin

Ang mga plugin ng Conditional Menus ay libre at available sa wordpress.org . Kailangan mo lang i-install at i-activate ito tulad ng anumang iba pang libreng plugin.

1. Hakbang 1: Susunod, pumunta sa Hitsura> Mga menu, palitan sa Pamahalaan ang mga lokasyon at makikita mo ang + May kundisyon na menu idinagdag ng plugin:

Bahagi 3: Lumikha ng mga menu para sa bawat pahina ng WordPress

1. Hakbang 1: Ngayon ay gagawa kami ng hiwalay na mga menu para sa mga pahina ng Apple at Banana. Para magawa ito, tayo Hitsura> Mga menu > I-edit ang mga menu > lumikha ng bagong menu .

2. Hakbang 2: Susunod, bibigyan namin ng pangalan ang menu, piliin ang posisyon ng pagpapakita ng menu (Gusto kong ipakita ito sa header), at pagkatapos ay i-click Lumikha ng menu.

3. Hakbang 3: Sa section Magdagdag ng mga item sa menu, dapat kang magdagdag ng mga pahina bilang mga submenu. Magdagdag ng dalawang pahina na Pinagmulan ng Appley Presyo ng Apple al menu ng mansanas. i-click sa menu na I-save.

4. Hakbang 4: Ngayon gawin ang parehong mga hakbang upang lumikha ng isang hiwalay na menu para sa pahina Saging:

Bahagi 4: Mag-set up ng mga menu sa bawat pahina ng WordPress (naaayon)

1. Hakbang 1: Pumasok pa Hitsura> Mga menu, palitan sa Pamahalaan ang mga lokasyon at pumili + May kundisyon na menu:

2. Hakbang 2: Mula sa listahan, pumili ng menu (pinili ko ang Apple Menu). I-click + Kondisyon upang itakda kung saan ito ipapakita:

TANDAAN: May lalabas na bagong pop-up window at makakakita ka ng iba't ibang tab na mapagpipilian. Maaari mong piliing ipakita ang menu sa bawat kategorya, uri ng post, taxonomy, tungkulin ng user o home page, 404 na pahina, atbp.

3. Hakbang 3: Piliin ang tab Mga pahina at ang pahina ng Apple upang itakda ang menu sa pahinang ito.

4. Hakbang 4: Gawin ang parehong sa Banana Menu.

5. Hakbang 5: Panghuli, huwag kalimutang i-click I-save ang mga pagbabago, o mawawala lahat ng ginawa mo.

Ngayon ay dapat kang pumunta sa interface ng WordPress upang suriin ang resulta.

Tulad ng nakikita mo, ang home page, Apple page at Banana page ay mayroon na ngayong tatlong magkakaibang menu.

Mga Uri ng Menu sa bawat pahina ng WordPress

Ang komportableng nabigasyon sa isang site ay mahalaga. Samakatuwid, napakahalaga na lumikha ng isang pasadyang menu sa bawat pahina na maayos na nakaayos at madaling sundin ng gumagamit. Gayunpaman, ang website ay hindi palaging nangangailangan ng isang pare-parehong menu sa lahat ng mga pahina dahil ang bawat pahina ay may sariling layunin. Nais mo bang lumikha ng iba't ibang mga menu sa bawat pahina ng WordPress? Tingnan natin sa ibaba kung alin ang mga pinakamahusay na opsyon na magagamit mo:

Pinakamahusay na mga plugin para sa iba't ibang mga menu sa bawat pahina ng wordpress

Isipin, mayroon kang isang pahinang website. Doon kailangan mo ng hiwalay na page na may contact form at chatbot o may kaugnayang page ng store. At imposibleng ipatupad ang mga ito sa teknikal na paraan dahil gagabay lang sila sa mga user sa iba't ibang seksyon ng landing page.

Sabihin nating dumating ang mga bisita sa page ng iyong tindahan. Dapat mayroon kang isang partikular na menu sa header upang ipakita ang mga kategorya ng produkto, impormasyon sa pagpapadala, pindutan Magdagdag ng cart, atbp. Gayunpaman, maaari mong harapin ang parehong problema tulad ng sa nakaraang kaso. O makikita mo na ang menu ng home page ay nadoble sa page ng store.

Hindi ito gagana ng maayos, tama ba? Ang bawat pahina ay kailangang may kaugnay na menu. Gayunpaman, maaaring mahirap ipatupad ang mga ito sa iba't ibang pahina. Huwag kang matakot, dito nag-aalok kami sa iyo ng maraming solusyon upang matugunan ang pangangailangang ito. Ngunit bago sabihin sa iyo kung paano lumikha ng mga menu sa bawat pahina ng WordPress, tumuon tayo sa mga pangunahing tool na makakatulong sa iyong mag-set up ng isang pasadyang menu bawat pahina.

1. JetBlocks

Magsimula tayo sa JetBlocks. Binibigyang-daan ka ng plugin na ito na lumikha ng mga partikular na header at footer na perpektong akma sa mga pangangailangan ng iyong website. Sa JetBlocks, napakadaling idagdag ang mga kinakailangang elemento sa isang header at lumikha ng custom na menu:

1. Mga Form sa Pag-login
2. Mga form sa pagpaparehistro
3. Mga form sa paghahanap
4. at WooCommerce cart,
5. Menu ng nabigasyon
6. Mga napapalawak na panel.

Bukod pa rito, maaari mong idagdag at i-customize ang logo ng website, ipasok ang mga link ng pahintulot, at iba pang mga elemento upang lumikha ng nakamamanghang custom na menu sa bawat pahina.

Maaari mong i-download ito mula sa dito

2. JetMenu

JetMenu ay nasa iyong pagtatapon upang idisenyo ang mega menu. Sa tulong ng plugin na ito, maaari kang lumikha at i-customize ang bawat item, magdagdag ng iba't ibang mga item at badge at i-customize din ang mga ito.

Bukod pa rito, maaari mong baguhin ang background ng mga item sa menu, disenyo ng typography ng menu, ilapat ang Hover mode, atbp. Taya namin ang mga posibilidad ng JetMenu plugin ay walang limitasyon. Ito ay isa sa mga pinakamahusay na tool upang lumikha ng mga menu sa bawat pahina ng WordPress.

Maaari mong i-download ito mula sa dito

3. JetThemeCore

may JetThemeCore, maaari kang lumikha ng mga custom na template ng tema at mga template para sa mga pahina tulad ng 404. At siyempre, lumikha ng walang limitasyong mga header at italaga ang mga ito para sa iba't ibang mga pahina. Ang proseso ay intuitive at pinag-isipang mabuti, kaya hindi mo kailangan ng karagdagang kaalaman sa pagsulat ng code o anumang bagay. Kung mayroon ka lang plugin na JetThemeCore, sapat na upang lumikha ng custom na menu sa bawat pahina at magdagdag ng anumang partikular na nilalaman dito. Hindi bababa sa maaari mong gamitin ang premade na header at gumawa ng ilang mga pagbabago doon.

Maaari mong i-download ito mula sa dito

Paano i-configure at lumikha ng mga menu sa bawat pahina ng WordPress

Una sa lahat, tiyaking na-install mo ang lahat ng kinakailangang plugin. Kung alam mo na kung paano gumawa ng mga header, lumaktaw sa seksyong nagdidisenyo ng mga menu at i-configure ang mga ito sa iba't ibang pahina. Ngayon, magtrabaho na tayo.

Bahagi 1: Simpleng Header na may Mega Menu Widgets

1. Hakbang 1: Upang magdagdag ng header sa iyong website. Doon mo makikita ang bahagi ng tema,kung saan mo idaragdag ang header.
2. Hakbang 2: I-click ang pindutan Magdagdag ng bago, Piliin ang uri ng template: header at pumili ng isang pangalan para dito.
3. Hakbang 3: Ire-redirect ka sa page ng Elementor kung saan magsisimula ang magic.
4. Hakbang 4: Magdagdag ng seksyon at piliin ang naaangkop na layout, halimbawa, Lapad ng Nilalaman: sa kahon, Itakda ang mga parameter na kailangan mo.

Mga widget sa mga menu sa bawat pahina ng WordPress

Ang Mega Menu Widgets ay nararapat sa iyong pansin kung gusto mong lumikha ng isang kamangha-manghang custom na per-page na menu.

1. Hakbang 1: Hanapin ang Mega Menu Widgets sa panel ng mga item.

TANDAAN: Mayroong dalawang opsyon na magagamit: Vertical Mega Menu at Mega Menu simple

2. Hakbang 2: Ngayon, tututukan natin ang huli. Pagkatapos i-drag ang widget, makikita mo ang mga tab ng mga setting sa kaliwang sidebar.
3. Hakbang 3: Naghahanap Nilalaman, naglalahad Pangkalahatan at Pumili ng isang menu doon.
4. Hakbang 4: Pumili sa pagitan ng Menu Screen o bumalik sa WordPress dashboard — Hitsura- Mga menu.
5. Hakbang 5: Ngayon Piliin ang menu na gusto mong gamitin o lumikha ng bago.
6. Hakbang 6: Kapag gumawa ka ng menu, makikita mo ito sa listahan ng mga available na menu sa Elementor.

TANDAAN: Huwag kalimutang ilagay ang menu para sa desktop at mobile na bersyon ng iyong website upang matiyak na mayroon itong tumutugon na disenyo.

Tab Estilo, maaari mong i-customize ang iyong menu sa hinaharap: magtakda ng mga alignment, baguhin ang background, uri ng hangganan o anino ng kahon. Hanapin ang isa na pinakaangkop sa iyo.

Bilang karagdagan, maaari mong i-istilo ang mga font at baguhin ang aktibo at pag-scroll na estado. Kung mayroon kang ilang submenu item, baguhin ang mga ito gamit ang tab na mga setting Mga item sa menu sa desktop.

Mga setting ng menu sa bawat pahina ng WordPress

1. Hakbang 1: Upang itakda ang header na ito sa isang partikular na lokasyon, pumunta sa Mga setting ng header sa Elementor.
2. Hakbang 2: Tutulungan ka ng menu na ito na baguhin ang estado ng header at itakda ang mga kundisyon kung saan ito ipapakita sa pamamagitan ng drop-down na menu: ang buong website, isahan o archive na pahina. Halimbawa, piliin ang buong site.

Bahagi 2: Mega Menu at JetMenu Plugin

Tulad ng alam na natin, ang JetMenu ay espesyal dahil pinapayagan ka nitong magdagdag ng anumang nilalaman sa iyong mga conditional na menu. Sama-sama nating gamitin ang walang limitasyong mga posibilidad nito.

1. Hakbang 1: Sa WordPress dashboard — Hitsura — Mga Menu.
2. Hakbang 2: Hanapin ang menu na gusto mong i-customize o gumawa ng bago.

TANDAAN: Kung gusto mong lumikha ng isang menu na may ilang detalyadong submenu, kakailanganin mong magdagdag ng ilan pang mga menu sa pamamagitan ng parehong tab Mga Menu ng WordPress. Kaya para sa bawat kategorya na mayroon ka sa pangunahing menu, dapat kang lumikha ng iba't ibang mga submenu.

Pagse-set up ng mga menu sa bawat pahina ng WordPress gamit ang JetMenu

1. Hakbang 1: Sa bawat item sa menu, maghanap ng item ng JetMenu, kung saan maaari kang maglaro gamit ang mga setting.
2. Hakbang 2: Paganahin ang Mega submenu at pindutin I-edit ang Mega Menu Item Content upang pagyamanin ang iyong menu sa iba pang mga item at i-personalize ang mga item.
3. Hakbang 3: Sa pahina ng Elementor, pumili ng seksyong may kinakailangang bilang ng mga column.
4. Hakbang 4: I-drag ang Vertical Mega Menu widget sa unang column, sa tab ng nilalaman sa kaliwang sidebar
5. Hakbang 5: Piliin ang menu na gusto mong ipasok.
6. Hakbang 6: Panghuli, Idagdag ang mga submenu na iyong ginawa sa WordPress admin panel. Madali mong makopya ang widget at i-paste ito sa pangalawang seksyon.

Pagkatapos nito maaari mong gamitin ang tab Estilo at i-customize ang mga elemento, itakda ang lapad, taas, typography, kinakailangang espasyo, atbp.

Sa mga pangunahing setting ng JetMenu, makikita mo ang posisyon ng Mega Menu, magdagdag ng anumang icon sa iyong menu (Pumili mula sa mga premade o mag-upload ng svg file), maglapat ng anumang text badge sa item ng menu, i-customize ang laki ng menu, atbp. .

Propesyonal na payo

Gamit ang Elementor, Magdagdag ng header sa itaas ng menu (hal. kopya ng nakaraang page), magpasok ng mga partikular na elemento na may JetBlocks widget at i-update ito.

Gayunpaman, mayroon kaming problema sa pagtatakda ng menu na ito sa isa pang pahina. Upang harapin ito, gawin ang sumusunod:

1. Hakbang 1: pumunta sa Tagabuo ng Tema muli, gumawa ng bagong template ng header, kopyahin ang header o gumawa ng bago
2. Hakbang 2: Piliin ang Mega Menu na kakagawa mo lang sa tab Pangkalahatang pagsasaayos upang ipakita ito at idagdag ang Breadcrumbs widget.
3. Hakbang 3: Sa tab na Mga setting ng Header: Mga Kundisyon, piliin Singular at Cover upang ilagay ang header na ginawa mo sa iyong home page at iwanan ang dating ginawang header sa iba pang mga page ng iyong website.

Bahagi 3: Lumikha ng Mga Menu sa Bawat Pahina ng WordPress (Dropdown Menu)

Sabihin nating mayroon kang hiwalay na page na may contact form at gusto mong bigyan ito ng ibang header. Sundin lamang ang mga hakbang na ito:

1. Hakbang 1– Lumikha ng bagong template sa tagabuo ng tema, kopyahin ang tuktok ng pangunahing header at sa yugtong ito magdagdag ng dropdown na menu.

TANDAAN: Ang kakanyahan ay pareho, maaari mong idagdag ang mga umiiral na menu o lumikha ng bagong pasadyang menu bawat pahina ayon sa iyong mga pangangailangan: simpleng menu o mega menu na may mga variable na elemento. Baguhin ang posisyon ng lalagyan, laruin ang mga setting, i-istilo ito, atbp.

2. Hakbang 2: Panghuli, itakda ang partikular na header na ito para sa partikular na pahina, gamit ang opsyon Isahan sa tab Takda at nagsasaad ng pangalan ng iyong Contact page.

Maaari ka ring maging interesado sa pagbabasa tungkol sa: Paano Gumawa ng Dropdown Menu sa WordPress

Konklusyon

Iyon lang para sa mga paraan upang lumikha ng mga menu sa bawat pahina ng WordPress at i-configure ang mga ito. Tatlo lang ang ibinigay namin sa kanila, gayunpaman, sigurado kami na may iba pang mga paraan upang lumikha ng custom na menu sa bawat pahina.

Tulad ng nakikita mo, ang paggamit ng mga kondisyong menu upang lumikha ng iba't ibang mga menu para sa iba't ibang mga pahina ay napaka-simple at kapaki-pakinabang. Bukod pa rito, binibigyan ka rin ng plugin ng mga flexible na opsyon upang lumikha ng hiwalay na mga menu para sa mga uri ng post, kategorya, taxonomy, tungkulin ng user, atbp., o kahit na 404 na pahina.