如何添加WordPress導(dǎo)航菜單

登陸WordPress賬號(hào)進(jìn)入到控制臺(tái)，點(diǎn)擊左側(cè)菜單欄中的“外觀”--“菜單”

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的東昌網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

在左側(cè)頁面，點(diǎn)擊“創(chuàng)建菜單”，此時(shí)會(huì)要求你輸入菜單的名稱，輸入名稱后，點(diǎn)擊“創(chuàng)建菜單”

創(chuàng)建完畢后，我們?cè)谧髠?cè)選擇需要添加的導(dǎo)航菜單項(xiàng)目，比如我們選擇某一個(gè)分類，然后點(diǎn)擊下方的“添加至菜單”

全部菜單項(xiàng)添加完畢后，我們點(diǎn)擊下方的“保存菜單”選項(xiàng)，然后刷新你的頁面，就會(huì)看到剛才創(chuàng)建好的菜單項(xiàng)了。

如何用wordpress實(shí)現(xiàn)導(dǎo)航頁

第一步、添加多導(dǎo)航菜單功能。

這時(shí)，我們要用到一個(gè)自定義菜單函數(shù)register_nav_menus()函數(shù)。打開主題的function.php文件，把下面的代碼添加進(jìn)去：

register_nav_menus( array(

'primary' = '第一導(dǎo)航菜單', //這里的primary 你可以自己設(shè)置，你也可以寫成top-menu ；但是要在調(diào)用菜單時(shí)也用同樣的名字。

'secondary' = '第二導(dǎo)航菜單',

) );

我這里只用了2個(gè)菜單，你還可以多設(shè)置幾個(gè)，根據(jù)自己的需求。

第二步、調(diào)用多導(dǎo)航菜單。

1、在需要導(dǎo)航菜單的地方，放置調(diào)用代碼。

比如：頂部header.php文件、footer.php文件等。把下面的代碼放到這些文件里：

頂部導(dǎo)航：

?php wp_nav_menu( array( 'theme_location' = 'primary','container'='ul','menu_id'='menu','menu_class'='menu','link_before' = 'span','link_after' = '/span',)); ?//這里就用到了前面設(shè)置的primary.

左側(cè)邊導(dǎo)航：

div id="floatMenu"!-- 左側(cè)菜單導(dǎo)航 --

ul class="menu2"

lia href="/" style="color:#fff; background-color:#6994c9;" title="wordpress主題首頁"網(wǎng)站首頁 /a/li

?php wp_nav_menu( array( 'theme_location' = 'secondary','container' = '','items_wrap' = '%3$s','fallback_cb'= '' ) ); ?//這里就用到了前面設(shè)置的secondary.

/ul

/div

2、在后臺(tái)設(shè)置菜單。

后臺(tái)——外觀——菜單，先創(chuàng)建菜單，然后從左側(cè)添加菜單內(nèi)容，如添加分類和頁面到菜單，如何添加菜單，你可以參考wordpress怎樣添加導(dǎo)航菜單？，這里就不多說了。菜單添加好之后，還要設(shè)置在哪里顯示這個(gè)菜單，如下圖：

是我們添加的菜單內(nèi)容。這里，我們要設(shè)置 2 處，選擇你要顯示的位置，這里是高時(shí)銀博客的選擇，選的是“第二導(dǎo)航菜單”，是在左側(cè)顯示。

第三步、設(shè)置CSS樣式。

如果是頂部菜單，這里就不需要設(shè)置了，因?yàn)椋黝}一般都有這個(gè)。如果是像高時(shí)銀博客這樣的新添加的左側(cè)菜單，那就要添加CSS樣式了，樣式如下：

/* 浮動(dòng)菜單*/

#floatMenu { display:block; width:110px; margin-left:-605px; position:fixed; left:50%; top:152px; _margin-left:-605px; _width:120px;_position:absolute; _margin-top:0px;}//這里的_margin-left前面的 _ 表示兼容IE6 。

#floatMenu ul { margin-bottom:2px; }

#floatMenu ul.menu2 li a { display:block; font-size:14px; font-weight:800; color:#6994c9; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; border-bottom:1px solid #dadcdd; background-color:#ffffff; text-decoration:none; padding:2px 0px 2px 0; text-align:center; }

#floatMenu ul li a:hover { color:#fff; background-color:#6994c9; }

就這樣，我們就給自己的網(wǎng)站實(shí)現(xiàn)了多導(dǎo)航菜單功能。

怎么設(shè)置wordpress導(dǎo)航欄在新窗口打開

要實(shí)現(xiàn)這樣的功能需要按照以下幾個(gè)步驟去執(zhí)行：

一、首先登錄到wordpress后臺(tái)

二、以后一次點(diǎn)擊“外觀”-“菜單”

三、然后找到對(duì)應(yīng)的導(dǎo)航菜單，點(diǎn)擊對(duì)應(yīng)菜單后面的“分類目錄”后的圖標(biāo)

四、點(diǎn)擊“分類目錄”后的圖標(biāo)后，就會(huì)有這樣的選項(xiàng)，將“在新標(biāo)簽頁中打開連接”前的方框勾選即可

五、勾選“在新標(biāo)簽頁中打開連接”的方框后，點(diǎn)擊“保存菜單”即可實(shí)現(xiàn)導(dǎo)航菜單在新標(biāo)簽頁中打開鏈接了。

wordpress怎么添加導(dǎo)航菜單欄

1、進(jìn)入到我們自己的WordPress后臺(tái)，找到文章下面的分類目錄！

2、點(diǎn)擊新建分類目錄，注意目錄下面的別名我們要改一下！

3、再找到頁面下面的新建頁面按鈕，這時(shí)，我們要新建一個(gè)頁面！

4、頁面建好之后，我們找到外觀下面有個(gè)菜單，我們選擇它！

5、這時(shí)我們選擇剛才我們新建的頁面和分類目錄，把他們都添加到菜單！

6、添加完成后，我們會(huì)發(fā)現(xiàn)重復(fù)了，這時(shí)我們要把其中的一個(gè)給移除掉，留下分類目錄的那個(gè)!

7、全部添加完成后，點(diǎn)擊保存菜單即可，我們?cè)谇芭_(tái)刷新一下即可查看我們新添加之后的效果！

文章標(biāo)題：導(dǎo)航wordpress 導(dǎo)航去公司
本文來源：http://chinadenli.net/article2/dojdiic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)頁設(shè)計(jì)公司、虛擬主機(jī)、微信小程序、標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)