WordPress入門(mén) 之 設(shè)置導(dǎo)航菜單

WordPress 3.0 添加了一個(gè)自定義導(dǎo)航菜單的功能，讓你可以很自由地設(shè)置網(wǎng)站的導(dǎo)航菜單。現(xiàn)在大多數(shù)的主題也都支持這個(gè)功能了，那么，究竟該如何設(shè)置WordPress導(dǎo)航菜單？今天倡萌就介紹一下。

如何確定主題是否支持自定義菜單功能？

啟用主題后，訪問(wèn)后臺(tái) – 外觀 – 菜單，如果你看到下圖所示內(nèi)容，說(shuō)明主題不支持自定義菜單，反之，則支持：

自定義導(dǎo)航菜單

在自定義菜單之前，你需要?jiǎng)?chuàng)建好所需的文章分類(lèi)和頁(yè)面，請(qǐng)參考《創(chuàng)建和管理文章分類(lèi)》，下面進(jìn)入正題。

創(chuàng)建菜單

打開(kāi)后臺(tái) – 外觀 – 菜單，然后點(diǎn)擊頁(yè)面上的“+”按鈕，填寫(xiě)一個(gè)菜單的名字（可以是任意文字，只是用來(lái)識(shí)別罷了），然后點(diǎn)擊“創(chuàng)建菜單”。比如下圖我創(chuàng)建一個(gè)名為“菜單”的菜單：

注：有些新手朋友誤以為這里添加的“菜單”就是一個(gè)單獨(dú)的鏈接，其實(shí)不是這樣的，這個(gè)“菜單”是一組鏈接，你可以給他添加N個(gè)鏈接，組成導(dǎo)航條。

添加鏈接和設(shè)置菜單

①?gòu)淖筮呥x擇需要添加的鏈接（自定義鏈接、頁(yè)面鏈接和分類(lèi)鏈接），加入到菜單中去。（自定義鏈接：允許你添加任何鏈接，比如你可以添加一個(gè)首頁(yè)，鏈接指向首頁(yè)網(wǎng)址即可）

②可以編輯每個(gè)菜單項(xiàng)目的信息，并用拖放的方式為其排序。將某個(gè)菜單項(xiàng)稍稍向右拖動(dòng)，這個(gè)項(xiàng)目即變?yōu)樽硬藛危ǖ鸵桓窬褪嵌?jí)菜單，低兩格就是三級(jí)菜單，以此類(lèi)推。前提是你的WordPress主題支持顯示子菜單哦），這樣您的菜單便有了層級(jí)關(guān)系。

③排好菜單以后，點(diǎn)擊“保存菜單”。

④然后為你設(shè)置的菜單選擇顯示的位置（有些WordPress主題支持不同位置調(diào)用不同菜單，所以你可以設(shè)置不同的菜單，然后選擇顯示位置）。

菜單高級(jí)設(shè)置

WordPress菜單隱藏了一些功能，如果你想控制菜單更多的屬性，不妨點(diǎn)擊屏幕右上角的“顯示選項(xiàng)”，讓隱藏的功能都顯示出來(lái)：

你可以選擇更多的菜單項(xiàng)目種類(lèi)（例如標(biāo)簽和文章），還可以顯示菜單的高級(jí)屬性（鏈接目標(biāo)、CSS類(lèi)、鏈接關(guān)系網(wǎng)、描述）

• 導(dǎo)航標(biāo)簽 – 就是鏈接的文字
• 標(biāo)題屬性 – 就是a標(biāo)簽的title屬性值，比如上圖填寫(xiě)”WP大學(xué)”
• CSS類(lèi) – 給某個(gè)菜單項(xiàng)添加class，通過(guò)css是這個(gè)菜單項(xiàng)與眾不同，如上圖我添加了“home-page”
• 鏈接關(guān)系網(wǎng) – 通過(guò)鏈接關(guān)系網(wǎng)（XFN）給菜單添加rel屬性，例如不想搜索引擎跟隨這個(gè)菜單，可以為其添加rel="nofllow"屬性
• 鏈接目標(biāo) – 控制菜單打開(kāi)方式，在新窗口打開(kāi)（target="_blank"）或在當(dāng)前窗口打開(kāi)（默認(rèn)）。

以下代碼就是根據(jù)上圖的設(shè)置顯示的效果：

<li class="home-page">
<a title="WP大學(xué)" target="_blank" rel="nofollow" href="http://www.ydqwiac.cn">WordPress大學(xué)</a>
</li>

好了，關(guān)于WordPress自定義導(dǎo)航菜單就介紹到這里。