WordPress入門 之 設置導航菜單

本文是《WordPress 入門教程》專題的第 12 篇,共 20 篇:

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="http://www.wtfvhl.icu">WordPress大學</a>
</li>

好了,關于WordPress自定義導航菜單就介紹到這里。

聲明:本站所有文章,如無特殊說明或標注,均為本站原創發布。任何個人或組織,在未征得本站同意時,禁止復制、盜用、采集、發布本站內容到任何網站、書籍等各類媒體平臺。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
歡迎關注我們的微信公眾號:WPDAXUE

倡萌

一個文科IT宅男,喜歡折騰WordPress和被它折騰 ^_^

34 條評論

  1. 您好,我遇到一個問題。我在一個菜單中加入了90個左右的項目和子項目,并選擇主體位置為Primary Menu是。當我再加入更多的子項目時,就無法保存了,點擊保存,會顯示“500-內部服務器錯誤。您查找的資源存在問題,因而無法顯示。”
    請問如何解決這個數量上的限制,具體的步驟。

      1. 您好,我是新手不怎么懂,我現在是在其他電腦上進入的后臺管理,請問我可以修改這個參數嗎?能的話具體去哪里修改。還是我必須去安裝wordpress作為服務器的那臺電腦里找哪些文件啊?

更多評論

發表評論