Giunsa pagdugang sa WordPress ang mga menu?Ipasibo ang mga opsyon sa pagpakita sa navigation bar

Ang WordPress 3.0 ug pataas nakadugang sa abilidad sa pag-customize sa menu sa navigation bar.

Kadaghanan sa mga tema sa WordPress nagsuporta sa custom nga feature sa navbar menu, mahimo nimong libre nga itakda ang navbar menu para sa imong website.

Adunay duha ka nag-unang gimbuhaton sa pagdugang importante nga mga link sa panid sa navigation bar menu:

1. Makapauswag sa kasinatian sa tiggamit.
2. mahimong molamboSEOMga gibug-aton.

Karon ipaambit ni Chen Weiliang kanimo: Unsaon pag-set up sa usa ka WordPress navigation menu?

Giunsa nako mahibal-an kung ang usa ka tema adunay usa ka naandan nga bahin sa menu?

Human nimo ma-enable ang tema, mag-log in sa WordPress admin panel → Appearance → Menu.

Kung makita nimo kung unsa ang gipakita sa ubos, ang tema dili mosuporta sa mga custom nga menu, kung dili kini ▼

WordPress Custom Navigation Menu

Sa dili pa ipasibo ang menu, kinahanglan nimo nga maghimo sa gikinahanglan nga mga kategorya sa artikulo ug mga panid.

Para makahimo ug mga kategorya ug mga panid sa artikulo, palihog tan-awa ang mosunod nga tutorial▼

🔗Unsaon paghimo ug bag-ong panid sa WordPress? Idugang/I-edit ang Mga Setting sa Panid

🔗Unsaon paghimo ang mga kategorya sa WordPress? Pagdumala sa Kategorya sa WP

Menu sa Paghimo ug Mga Setting sa WordPress

Lakang 1: Pag-access sa panid sa menu sa WordPress

Pag-log in sa WordPress admin panel → Panagway → Menu ▼

• Dinhi makahimo ka og bag-ong mga menu ug makadumala sa mga nabuhat na nga menu.
• Kung maghimo ug bag-ong menu, palihug sulati ang ngalan sa kategorya sa menu sa kahon sa input nga "Ngalan sa Menu".
• Dayon i-klik ang Save aron makahimo og bag-ong navigation menu location category.

Lakang 2: Pilia ang lokasyon sa hilisgutan

• Gusto namong itudlo ang menu isip menu sa nabigasyon sa website.
• Pilia ang lokasyon sa topiko, susiha ang Primary Navigation ▼

• Pag-amping nga dili susihon ang "Awtomatikong idugang ang tanan nga mga panid sa taas nga lebel sa kini nga menu" ▲
• Sa kini nga kaso, sa matag higayon nga ang usa ka top-level nga panid gihimo, kini awtomatiko nga idugang sa menu, apan ang menu adunay limitado nga gilapdon ug giputos human kini molapas sa gilapdon (makaapekto sa aesthetics).

Lakang 3: Pagdugang ug pag-sort sa istruktura sa menu sa WordPress

Ania ang usa ka pananglitan sa paghimo og menu nga ginganlag "Menu 1" ▼

• Pilia ang link nga gusto nimong idugang (link sa panid, link sa artikulo, custom link, link sa kategorya) gikan sa wala ug idugang kini sa menu.
• (Sa tinuud, mahimo nimong idugang ang bisan unsang link dinhi, pananglitan, mahimo nimong idugang ang usa ka home page, ug mahimo nimong itudlo ang URL sa home page pinaagi sa usa ka "custom link")

Pagsunud sa istruktura sa menu:

• Sa lugar sa istruktura sa menu, i-drag gamay ang usa ka butang sa menu sa tuo aron dali nga ma-set up ang sekondarya ug daghang lebel nga mga menu.
• Ang epekto sa setting mao ang trapezoidal, nga mao, ang sekondaryang menu labi nga nag-indent kaysa sa usa sa ibabaw niini.
• Adunay pipila ka mga gray nga "sub-project" nga mga karatula pagkahuman sa ngalan sa nabigasyon.
• Human mahikay ang mga menu, i-klik ang Save Menu.

Mga kapilian sa menu sa WordPress

Ang mga menu sa WordPress nagtago sa pipila ka mga gimbuhaton pinaagi sa default.

Kung gusto nimo makontrol ang daghang mga kabtangan sa menu, i-klik ang "Ipakita ang Mga Opsyon" sa taas nga tuo nga suok sa screen aron mapadayag ang mga tinago nga function ▼

• Makapili ka ug daghang mga tipo sa item sa menu.
• Pananglitan: mga tag ug mga artikulo, ug mga advanced nga kabtangan alang sa mga menu sa pagpakita (target sa link, klase sa CSS, link network, paghulagway).

Mga Tab sa Nabigasyon:

• Ang teksto sa link.

Titulo nga kabtangan:

• mao ang bili sa title attribute sa usa ka tag, sama sa gipakita sa hulagway sa ibabaw"Chen WeiliangBlog Homepage".

CSS nga klase:

• Pagdugang og klase sa menu item.
• Kini nga item sa menu magkalainlain sa css.
• Chen WeiliangGidugang ang CSS sa homepage sa blog fas fa-home.

Link network sa relasyon:

• Ang rel attribute gidugang sa menu pinaagi sa Linking Network (XFN).
• Kung dili nimo gusto nga ang mga search engine maghatag gibug-aton sa kini nga link sa menu, mahimo nimong idugangrel="nofllow"Mga hiyas.

Target sa link:

• Gikontrol kung giunsa pag-abli ang mga link sa menu.
• Pananglitan, ablihi sa bag-ong bintana (target="_blank"), o abli sa kasamtangan nga bintana (default).

Ania ang code nga gihatag sa web page base sa mga setting nga gipakita sa hulagway sa ibabaw:

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

Lugar sa pagdumala sa menu sa WordPress

Sa ubos mao ang lokasyon sa admin sa ibabaw sa mga setting sa menu sa WordPress▼

• Ang mga setting sa tema nga gipakita sa lokasyon sa admin magkalainlain depende sa tema nga gigamit.
• Mahimo nimong i-assign ang mga menu sa matag setting sa "lokasyon sa hilisgutan", aron ang menu sa nabigasyon alang sa matag lokasyon magpakita sa lainlaing sulud.

Kini nagtapos sa WordPress custom navigation bar menu tutorial.