WordPress入門 之 設置導航菜單

本文目錄1如何確定主題是否支援自定義菜單功能?2自定義導航菜單2.1創建菜單2.2添加鏈接和設置菜單2.3菜單高級設置本文是《WordPress 入門教程》系列教程的第 9 部分,該系列共包含以下 10 個部分:WordPress入門 之 什麼是WordPress?WordPress入門 之 搭建WordPress站點需要什麼條件?WordPress入門 之 如何安裝WordPressWordPress入門 之 WordPress基本設置WordPress入門 之 創建和管理文章分類WordPress入門 之 鮮為人知的後臺“小私密”WordPress入門 之 發佈新文章和管理文章WordPress入門 之 新建頁面和管理頁面WordPress入門 之 設置導航菜單WordPress入門 之 安裝主題和外掛

WordPress 3.0 添加瞭一個自定義導航菜單的功能,讓你可以很自由地設置網站的導航菜單。現在大多數的主題也都支援這個功能瞭,那麼,究竟該如何設置WordPress導航菜單?今天就介紹一下。

如何確定主題是否支援自定義菜單功能?

啟用主題後,訪問後臺 – 外觀 – 菜單,如果你看到下圖所示內容,說明主題不支援自定義菜單,反之,則支援:

wpdaxue.com-201303417

自定義導航菜單

在自定義菜單之前,你需要創建好所需的文章分類和頁面,請參考《創建和管理文章分類》,下面進入正題。

創建菜單

打開後臺 – 外觀 – 菜單,然後點擊頁面上的“+”按鈕,填寫一個菜單的名字(可以是任意文字,隻是用來識別罷瞭),然後點擊“創建菜單”。比如下圖我創建一個名為“菜單”的菜單:

wpdaxue.com-201303415

註:有些新手朋友誤以為這裡添加的“菜單”就是一個單獨的鏈接,其實不是這樣的,這個“菜單”是一組鏈接,你可以給他添加N個鏈接,組成導航條。

添加鏈接和設置菜單

wpdaxue.com-201303416

①從左邊選擇需要添加的鏈接(自定義鏈接、頁面鏈接和分類鏈接),加入到菜單中去。(自定義鏈接:允許你添加任何鏈接,比如你可以添加一個首頁,鏈接指向首頁網址即可)

②可以編輯每個菜單項目的信息,並用拖放的方式為其排序。將某個菜單項稍稍向右拖動,這個項目即變為子菜單(低一格就是二級菜單,低兩格就是三級菜單,以此類推。前提是你的WordPress主題支援顯示子菜單哦),這樣您的菜單便有瞭層級關系。

③排好菜單以後,點擊“保存菜單”。

④然後為你設置的菜單選擇顯示的位置(有些WordPress主題支援不同位置調用不同菜單,所以你可以設置不同的菜單,然後選擇顯示位置)。

菜單高級設置

WordPress菜單隱藏瞭一些功能,如果你想控制菜單更多的屬性,不妨點擊屏幕右上角的“顯示選項”,讓隱藏的功能都顯示出來:

wpdaxue.com-201303419

你可以選擇更多的菜單項目種類(例如標簽和文章),還可以顯示菜單的高級屬性(鏈接目標、CSS類、鏈接關系網、描述)

wpdaxue.com-201303420

導航標簽 – 就是鏈接的文字標題屬性 – 就是a標簽的title屬性值,比如上圖填寫”WP大學”CSS類 – 給某個菜單項添加class,通過css是這個菜單項與眾不同,如上圖我添加瞭“home-page”鏈接關系網 – 通過鏈接關系網(XFN)給菜單添加rel屬性,例如不想搜索引擎跟隨這個菜單,可以為其添加rel="nofllow"屬性鏈接目標 – 控制菜單打開方式,在新窗口打開(target="_blank")或在當前窗口打開(默認)。

以下代碼就是根據上圖的設置顯示的效果:

1
2
3
<li class="home-page">
<a title="WP大學" target="_blank" rel="nofollow" href="https://www.wpdaxue.com">WordPress大學</a>
</li>

<li class="home-page">
<a title="WP大學" target="_blank" rel="nofollow" href="https://www.wpdaxue.com">WordPress大學</a>
</li>

好瞭,關於WordPress自定義導航菜單就介紹到這裡。

閱讀該系列的其他文章: 上一篇:WordPress入門 之 新建頁面和管理頁面 下一篇:WordPress入門 之 安裝主題和外掛

發佈留言