WordPress ntxiv cov ntawv qhia zaub mov li cas?Customize navigation bar zaub xaiv

WordPress 3.0 thiab siab dua tau ntxiv lub peev xwm los kho cov ntawv qhia zaub mov bar.

Feem ntau cov ntsiab lus WordPress txhawb kev cai navbar zaub mov feature, koj tuaj yeem teeb tsa navbar ntawv qhia zaub mov dawb rau koj lub vev xaib.

Muaj ob lub luag haujlwm tseem ceeb ntawm kev ntxiv cov nplooj ntawv tseem ceeb txuas mus rau cov ntawv qhia zaub mov bar:

1. tuaj yeem txhim kho cov neeg siv kev paub.
2. tuaj yeem txhim khoSEOQhov hnyav.

Tam sim no Chen Weiliang yuav qhia rau koj: Yuav ua li cas teeb tsa WordPress navigation menu?

Kuv yuav txiav txim siab li cas yog tias lub ntsiab lus muaj cov ntawv qhia kev cai?

Tom qab qhib lub ntsiab lus, nkag mus rau hauv WordPress admin vaj huam sib luag → Appearance → Menu.

Yog tias koj pom dab tsi tshwm sim hauv qab no, lub ntsiab lus tsis txhawb cov ntawv qhia kev cai, txwv tsis pub nws ua ▼

WordPress Custom Navigation Menu

Ua ntej customizing cov ntawv qhia zaub mov, koj yuav tsum tsim cov kab lus uas yuav tsum tau muaj pawg thiab nplooj ntawv.

Txhawm rau tsim cov kab lus thiab cov txheej txheem nplooj ntawv, thov mus saib cov lus qhia hauv qab no▼

🔗 Yuav ua li cas los tsim nplooj ntawv tshiab hauv WordPress? Ntxiv/kho nplooj ntawv chaw

🔗 Yuav ua li cas los tsim WordPress pawg? WP Pawg Kev Tswj

WordPress Tsim & Chaw Menu

Kauj Ruam 1: Nkag mus rau nplooj ntawv WordPress cov ntawv qhia zaub mov

Nkag mus rau hauv WordPress admin vaj huam sib luag → Tsos → Cov Ntawv Qhia Zaub Mov ▼

• Ntawm no koj tuaj yeem tsim cov ntawv qhia zaub mov tshiab thiab tswj cov ntawv qhia yav dhau los.
• Yog tias tsim cov ntawv qhia zaub mov tshiab, thov sau cov ntawv qhia zaub mov npe hauv "Npe ntawv qhia zaub mov" lub thawv ntawv.
• Ces nyem Txuag los tsim ib tug tshiab navigation zaub mov qhov chaw qeb.

Kauj Ruam 2: Xaiv qhov chaw ntawm zaj lus

• Peb xav xaiv cov ntawv qhia zaub mov ua cov ntawv qhia zaub mov hauv lub vev xaib.
• Xaiv qhov chaw nyob hauv lub npe, tshawb xyuas Thawj Coj Kev Qhia ▼

• Ceev faj tsis txhob kos "Tsuas ntxiv tag nrho cov nplooj ntawv saum toj kawg nkaus rau cov ntawv qhia no" ▲
• Nyob rau hauv cov ntaub ntawv no, txhua lub sij hawm ib tug saum toj-theem nplooj ntawv yog tsim, nws yuav cia li muab ntxiv rau hauv cov ntawv qhia zaub mov, tab sis cov ntawv qhia zaub mov muaj ib tug txwv dav thiab yuav qhwv tom qab tshaj qhov dav ( cuam tshuam rau kev zoo nkauj).

Kauj Ruam 3: Ntxiv thiab cais cov qauv ntawv qhia zaub mov WordPress

Ntawm no yog ib qho piv txwv ntawm kev tsim cov ntawv qhia zaub mov hu ua "Menu 1" ▼

• Xaiv qhov txuas koj xav ntxiv (nplooj ntawv txuas, kab lus txuas, kev cai txuas, qeb txuas) ntawm sab laug thiab ntxiv rau cov ntawv qhia zaub mov.
• (Qhov tseeb, koj tuaj yeem ntxiv ib qho txuas ntawm no, piv txwv li, koj tuaj yeem ntxiv nplooj ntawv hauv tsev, thiab koj tuaj yeem taw tes rau qhov home page URL los ntawm "kev cai txuas")

Xaiv cov ntawv qhia zaub mov:

• Hauv cheeb tsam cov ntawv qhia zaub mov, luag cov ntawv qhia zaub mov me ntsis mus rau sab xis kom teeb tsa cov ntawv qhia theem nrab thiab ntau qib.
• Cov nyhuv ntawm qhov teeb tsa yog trapezoidal, uas yog, cov ntawv qhia thib ob yog indented ntau tshaj qhov saum toj no.
• Yuav muaj qee cov cim grey "sub-project" tom qab lub npe navigation.
• Tom qab npaj cov ntawv qhia zaub mov, nyem Txuag Menu.

WordPress cov ntawv qhia zaub mov

WordPress menus nkaum qee qhov haujlwm los ntawm lub neej ntawd.

Yog tias koj xav tswj hwm ntau yam khoom ntawm cov ntawv qhia zaub mov, nyem "Show Options" nyob rau sab xis sab xis ntawm lub vijtsam kom pom cov haujlwm zais ▼

• Koj tuaj yeem xaiv ntau hom ntawv qhia zaub mov.
• Piv txwv li: cov cim npe thiab cov khoom, thiab cov khoom siab tshaj plaws rau cov ntawv qhia zaub mov (link target, CSS class, link network, description).

Navigation Tabs:

• Cov ntawv nyeem ntawm qhov txuas.

Title khoom:

• yog tus nqi ntawm lub npe attribute ntawm lub cim npe, raws li qhia hauv daim duab saum toj no"Chen WeiliangBlog Lub Tsev".

CSS chav kawm:

• Ntxiv ib chav rau cov ntawv qhia zaub mov.
• Cov ntawv qhia zaub mov no txawv ntawm css.
• Chen WeiliangCSS ntawm nplooj ntawv blog yog ntxiv fas fa-home.

Txuas kev sib raug zoo network:

• Ntxiv tus cwj pwm rel rau cov ntawv qhia zaub mov ntawm Linked Network (XFN).
• Yog tias koj tsis xav tau kev tshawb fawb xyaw los muab cov ntawv qhia zaub mov txuas qhov hnyav, koj tuaj yeem ntxivrel="nofllow"Yam ntxwv.

Link phiaj:

• Tswj li cas cov kab ntawv txuas tau qhib.
• Piv txwv li, qhib lub qhov rais tshiab (target="_blank"), lossis qhib qhov rai tam sim no (default).

Ntawm no yog cov cai uas tau muab los ntawm nplooj ntawv web raws li cov chaw nyob hauv daim duab saum toj no:

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

WordPress zaub mov tswj qhov chaw

Hauv qab no yog qhov chaw admin nyob rau sab saum toj ntawm WordPress cov ntawv qhia zaub mov ▼

• Cov ntsiab lus teeb tsa tshwm sim hauv qhov chaw tswj hwm yuav txawv nyob ntawm lub ntsiab lus siv.
• Koj tuaj yeem muab cov ntawv qhia zaub mov rau txhua qhov "qhov chaw nyob" qhov chaw, kom cov ntawv qhia zaub mov rau txhua qhov chaw qhia cov ntsiab lus sib txawv.

Qhov no xaus qhov WordPress kev cai navigation bar qhia zaub mov.