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 xwbChen WeiliangTsuas yog qhia rau koj: Yuav ua li cas teeb tsa WordPress navigation zaub mov?

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 WordPress backend → 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 ib nplooj ntawv tshiab hauv WordPress?Ntxiv/kho nplooj ntawv teeb

Cov nplooj ntawv WordPress zoo ib yam li cov ntawv tshaj tawm thiab ua haujlwm raws li cov ntsiab lus tshaj tawm, tab sis lawv txawv.Txij li muaj ntau lub lag luam hauv internet novice, tsis paub yuav ua li cas los tsim ib nplooj ntawv tshiab hauv WordPress?Tam sim no, cia Chen Weiliang qhia, yuav ua li cas ntxiv thiab kho nplooj ntawv teeb tsa hauv WordPress!Deng...

Yuav Ua Li Cas Tsim Ib Daim Ntawv Teev Npe WordPress Qeb? WP Pawg Kev Tswj

Cov neeg tshaj xov xwm tshiab tau kawm siv WordPress los tsim lub vev xaib rau kev tshaj tawm online.Cov lus nrog cov ntsiab lus sib txawv raug muab rau ntau pawg, uas tuaj yeem pab cov neeg tuaj saib pom cov ntsiab lus uas lawv xav tau thiab txhim kho cov neeg siv kev paub.Yog li ntawd, nws yog ib qho tsim nyog los tsim cov kab lus rau koj lub vev xaib e-lag luam.Tias……

WordPress Tsim & Chaw Menu

Kauj ruam 1:Mus rau nplooj ntawv qhia zaub mov WordPress

Teev nyob rau hauvWordPress backend → Appearance → Menu ▼

• 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 nyob

• 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 Sort WordPress Menu Structure

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.