Paano nagdaragdag ang WordPress ng mga menu?I-customize ang mga opsyon sa display ng navigation bar

Ang artikulong ito ay "Tutorial sa pagbuo ng website ng WordPress"Bahagi 14 ng isang serye ng 21 na artikulo:
  1. Ano ang ibig sabihin ng WordPress?Anong ginagawa mo?Ano ang magagawa ng isang website?
  2. Magkano ang magagastos sa pagbuo ng isang website ng personal/kumpanya?Gastos ng pagbuo ng isang website ng negosyo
  3. Paano pumili ng tamang domain name?Mga Rekomendasyon at Prinsipyo sa Pagpaparehistro ng Pangalan ng Domain sa Konstruksyon ng Website
  4. NameSiloTutorial sa Pagpaparehistro ng Pangalan ng Domain (Ipadala sa iyo ang $1 NameSiloPromo code)
  5. Anong software ang kailangan para makabuo ng website?Ano ang mga kinakailangan para sa paggawa ng iyong sariling website?
  6. NameSiloLutasin ang Domain Name NS sa Bluehost/SiteGround Tutorial
  7. Paano manu-manong bumuo ng WordPress? Tutorial sa Pag-install ng WordPress
  8. Paano mag-log in sa backend ng WordPress? WP background login address
  9. Paano gamitin ang WordPress? Pangkalahatang setting ng background ng WordPress at Pamagat ng Chinese
  10. Paano baguhin ang mga setting ng wika sa WordPress?Baguhin ang paraan ng setting ng Chinese/English
  11. Paano Gumawa ng Direktoryo ng Kategorya ng WordPress? Pamamahala ng Kategorya ng WP
  12. Paano nag-publish ang WordPress ng mga artikulo?Mga opsyon sa pag-edit para sa mga self-publish na artikulo
  13. Paano lumikha ng isang bagong pahina sa WordPress?Magdagdag/mag-edit ng setup ng page
  14. WordPressPaano magdagdag ng menu?I-customize ang mga opsyon sa display ng navigation bar
  15. Ano ang isang tema ng WordPress?Paano mag-install ng mga template ng WordPress?
  16. FTP paano i-decompress ang mga zip file online? PHP online decompression program download
  17. Nabigo ang timeout ng koneksyon sa FTP tool Paano i-configure ang WordPress para kumonekta sa server?
  18. Paano mag-install ng isang WordPress plugin? 3 Paraan para Mag-install ng WordPress Plugin - wikiHow
  19. Paano ang pagho-host ng BlueHost?Pinakabagong Mga Promo Code/Kupon ng BlueHost USA
  20. Paano awtomatikong mai-install ng Bluehost ang WordPress sa isang pag-click? Tutorial sa pagbuo ng website ng BH
  21. Paano gamitin ang rclone backup para sa VPS? Gumagamit ang CentOS ng GDrive na awtomatikong pag-synchronize ng tutorial

Ang WordPress 3.0 at mas mataas ay nagdagdag ng kakayahang i-customize ang menu ng navigation bar.

Karamihan sa mga tema ng WordPress ay sumusuporta sa tampok na custom na navbar menu, maaari mong malayang itakda ang navbar menu para sa iyong website.

Mayroong dalawang pangunahing pag-andar ng pagdaragdag ng mahahalagang link ng pahina sa menu ng navigation bar:

  1. Maaaring mapabuti ang karanasan ng user.
  2. maaaring mapabutiSEOMga timbang.

ngayon langChen WeiliangPara lang ibahagi sa iyo: Paano mag-set up ng menu ng nabigasyon ng WordPress?

Paano ko malalaman kung ang isang tema ay may tampok na pasadyang menu?

Pagkatapos paganahin ang tema,Mag-log in sa backend ng WordPress → Hitsura → Menu.

Kung nakikita mo kung ano ang ipinapakita sa ibaba, hindi sinusuportahan ng tema ang mga custom na menu, kung hindi, ito ay ▼

Ang mga kasalukuyang tema ng WordPress ay hindi nag-aalok ng mga custom na menu Sheet 1

WordPress Custom Navigation Menu

Bago i-customize ang menu, kailangan mong likhain ang mga kinakailangang kategorya at pahina ng artikulo.

Upang lumikha ng mga kategorya at pahina ng artikulo, mangyaring sumangguni sa sumusunod na tutorial▼

Menu ng Paglikha at Mga Setting ng WordPress

hakbang 1:Pumunta sa pahina ng menu ng WordPress

mag-log inWordPress backend → Hitsura → Menu ▼

Ipasok ang pahina ng menu ng WordPress No. 4

  • Dito maaari kang lumikha ng mga bagong menu at pamahalaan ang mga naunang ginawang menu.
  • Kung gumagawa ng bagong menu, mangyaring punan ang pangalan ng kategorya ng menu sa kahon ng input na "Pangalan ng Menu".
  • Pagkatapos ay i-click ang I-save upang lumikha ng bagong kategorya ng lokasyon ng menu ng nabigasyon.

Hakbang 2:Pumili ng lokasyon ng paksa

  • Nais naming italaga ang menu bilang menu ng nabigasyon sa website.
  • Piliin ang lokasyon ng paksa, tingnan ang Pangunahing Nabigasyon ▼

WordPress Create Menu: Piliin ang Lokasyon ng Tema, Piliin ang Pangunahing Navigation Sheet 5

  • Mag-ingat na huwag lagyan ng tsek ang "Awtomatikong idagdag ang lahat ng nangungunang antas ng mga pahina sa menu na ito" ▲
  • Sa kasong ito, sa tuwing gagawin ang isang top-level na page, awtomatiko itong idaragdag sa menu, ngunit ang menu ay may limitadong lapad at balot ito pagkatapos lumampas sa lapad (nakakaapekto sa aesthetics).

hakbang 3:Magdagdag at Pagbukud-bukurin ang Istraktura ng Menu ng WordPress

Narito ang isang halimbawa ng paglikha ng isang menu na pinangalanang "Menu 1" ▼

Pagdaragdag at Pag-uuri ng WordPress Menu Structure Sheet 6

  • Piliin ang link na gusto mong idagdag mula sa kaliwa (link ng pahina, link ng artikulo, custom na link, link ng kategorya) at idagdag ito sa menu.
  • (Sa totoo lang, maaari kang magdagdag ng anumang link dito, halimbawa, maaari kang magdagdag ng home page, at maaari kang tumuro sa URL ng home page sa pamamagitan ng "custom na link")

Pagbukud-bukurin ang istraktura ng menu:

  • Sa lugar ng istraktura ng menu, i-drag nang bahagya ang isang menu item sa kanan upang mabilis na mag-set up ng pangalawa at multi-level na mga menu.
  • Ang epekto ng setting ay trapezoidal, iyon ay, ang pangalawang menu ay mas naka-indent kaysa sa nasa itaas nito.
  • Magkakaroon ng ilang kulay abong "sub-project" na karatula pagkatapos ng pangalan ng nabigasyon.
  • Pagkatapos ayusin ang mga menu, i-click ang Save Menu.

Mga pagpipilian sa menu ng WordPress

Itinatago ng mga menu ng WordPress ang ilang mga function bilang default.

Kung gusto mong kontrolin ang higit pang mga katangian ng menu, i-click ang "Ipakita ang Mga Opsyon" sa kanang sulok sa itaas ng screen upang ipakita ang mga nakatagong function ▼

Sheet ng Mga Opsyon sa Display ng Menu ng WordPress 7

  • Maaari kang pumili ng higit pang mga uri ng item sa menu.
  • Halimbawa: mga tag at artikulo, at mga advanced na katangian para sa mga display menu (target ng link, klase ng CSS, network ng link, paglalarawan).

Detalyadong sheet ng mga setting ng item sa menu ng WordPress 8

Mga Tab sa Nabigasyon:

  • Ang teksto ng link.

Ari-arian ng pamagat:

  • ay ang halaga ng katangian ng pamagat ng isang tag, tulad ng ipinapakita sa larawan sa itaas"Chen WeiliangHomepage ng Blog".

CSS class:

  • Magdagdag ng klase sa item ng menu.
  • Ang menu item na ito ay nag-iiba ayon sa css.
  • Chen WeiliangAng CSS ng homepage ng blog ay idinagdag fas fa-home.

I-link ang network ng relasyon:

  • Ang rel attribute ay idinaragdag sa menu sa pamamagitan ng Linking Network (XFN).
  • Kung ayaw mong bigyan ng timbang ng mga search engine ang link ng menu na ito, maaari kang magdagdagrel="nofllow"Mga Katangian.

Target ng link:

  • Kinokontrol kung paano binubuksan ang mga link ng menu.
  • Halimbawa, buksan sa isang bagong window (target="_blank"), o buksan sa kasalukuyang window (default).

Narito ang code na ibinigay ng web page batay sa mga setting na ipinapakita sa larawan sa itaas:

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

Lokasyon ng pamamahala ng menu ng WordPress

Nasa ibaba ang lokasyon ng admin sa tuktok ng mga setting ng menu ng WordPress▼

Paano nagdaragdag ang WordPress ng mga menu?Larawan 9 ng mga opsyon sa pagpapakita ng custom na navigation bar

  • Ang mga setting ng tema na ipinapakita sa lokasyon ng admin ay mag-iiba depende sa tema na ginamit.
  • Maaari kang magtalaga ng mga menu sa bawat setting ng "lokasyon ng paksa", upang ang menu ng nabigasyon para sa bawat lokasyon ay magpakita ng iba't ibang nilalaman.

Ito ay nagtatapos sa WordPress custom navigation bar menu tutorial.

Basahin ang iba pang mga artikulo sa seryeng ito:<< Nakaraan: Paano lumikha ng isang bagong pahina sa WordPress?Magdagdag/mag-edit ng setup ng page
Susunod na Post: Ano ang isang tema ng WordPress?Paano mag-install ng mga template ng WordPress? >>

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ibinahagi "Paano magdagdag ng mga menu sa WordPress?I-customize ang Navigation Bar Display Options" para matulungan ka.

Maligayang pagdating upang ibahagi ang link ng artikulong ito:https://www.chenweiliang.com/cwl-959.html

Maligayang pagdating sa Telegram channel ng blog ni Chen Weiliang para makuha ang pinakabagong mga update!

🔔 Maging una upang makuha ang mahalagang "ChatGPT Content Marketing AI Tool Usage Guide" sa direktoryo ng nangungunang channel! 🌟
📚 Ang gabay na ito ay naglalaman ng malaking halaga, 🌟Ito ay isang bihirang pagkakataon, huwag palampasin ito! ⏰⌛💨
Share and like kung gusto mo!
Ang iyong pagbabahagi at pag-like ay ang aming patuloy na pagganyak!

 

发表 评论

Ang iyong email address ay hindi mai-publish. 必填 项 已 用 * Tatak

mag-scroll sa itaas