如何製作WordPress分頁選單

如果各位常常瀏覽網站應該知道某些網頁有下拉式選單,我們可以將屬性相近的分頁設定成一組下拉式選(下圖有示範),當滑鼠游標指到選單頁之後,下拉式選單就會出現選項讓網友點選,部份網頁設計軟體也有此功能,可見這算滿常見的功能,那我們該怎麼在Wordpress平台裡設定這功能呢?

Wordpress Menu 1


設定分頁選單


分頁選單在2.X版的預設佈景不支援此選項,大半都要自己上網找支援的佈景,有的時候還要改變php檔案的語法或安裝套件來配合此功能,不過現在3.0版預設的佈景 Twenty Ten 支援選單功能,而且Wordpress 3.0 版已經針對這種選單做了一些設計,如果只是簡單的分頁選單我們只要做幾項設定就可以完成了

不過要提醒大家,這樣的設定會影響網頁的閱讀,建議將同一屬性的頁面放到同一選單,且建議別放太多層(子母選單關係最好三層以內),這樣才不會讓網友覺得選單很凌亂,或者各位可以看 花水木 的 下拉式選單的迷思 這篇文章,他會提到更多優缺點的比較,這裡就直接進入正題好了


1. 登入後台並選擇網誌分頁

Wordpress Menu 2

進行這項設定,一定要登入後台(廢話!),因為我們這次只要設定網誌的分頁,因此不需要動到其他設定,點選網誌分頁就可以進入設定畫面了

2. 設定單一分頁的選項

Wordpress Menu 3

點了網誌分頁之後,各位可以在右邊區塊看到網誌的選單,但因為我們這次只要設定屬性,不需要真正變更分頁的內容,所以各位可以選擇快速編輯,這樣就不用從傳統的編輯設定屬性了

3. 設定上層分頁

Wordpress Menu 4

這裡的結構有點怪,我解釋一下,所謂的上層選項是指這個分頁在選單裡要排列的相對位置,這個分頁要排列到哪一頁的下方,但選單的先後順序得看設定上層目錄的先後順序而定,假設B跟C都同時設定A為上層目錄,但B分頁比C更早設定,設定完成之後,A就變成選單的最上層,可以顯示在主頁的分頁,當游標移動到A之後才會顯示B跟C這兩個目錄選項,但在這裡A、B、C都是可以讓網友自由點選的分頁,看網友點哪一個分頁都可以

4. 檢查設定選項

Wordpress Menu 5

設定完成之後,你可以離開管理選單回到網誌首頁,用游標測試選單是否如你所願的正常運作,在剛才的設定中,站務管理雖然設定上層目錄在關於這個部落格的這個分頁類別下,但因為本站相關規定比站務管理更早設定,所以站務管理就列為選單的最後選項,萬一你把站務管理這個分頁的上頁選項設定在本站相關規定這分頁的話,這樣本站相關規定的子目錄就增加站務管理這個選項

不知道大家能不能了解這關係,所以我在上面的圖片畫了一個箭頭,希望大家看得懂這次的解說,我們下次再會

6 Replies to “如何製作WordPress分頁選單”

    1. 沒錯 ! 版型如果沒有下拉式選單,設定好之後一樣不會出現下拉式選單功能,雖然可以透過固定網址直接連過去,不過我覺得麻煩又不會寫選單,就乾脆換一個支援下拉式選單的佈景(模板)比較快

  1. google到這邊…..本來覺得有很多教學文好棒
    點進去一篇篇看後發現這裡的教學好沒價值
    都是一看就會的東西….不能寫深一點的wordpress教學文嘛?
    像是ajax呀

    1. ajax方面我沒啥研究,且我對於Wordpress的一些操作也不是很了解
      因此開學之後我會暫停wordpress教學文部份,到時候可能會以軟體為主
      只是軟體方面就得開始找題材了,整個暑假都在缺題材

      1. 您好:
        我也是剛好在搜尋教學文章,透過Google而來到這個頁面。每篇文章都是作者花時間寫作的寶貴心血,而且是免費分享在網路上,所以非常感謝作者您的文章分享,也很期待未來您的新文發表 ^_^

        1. 其實寫這篇文章有兩點,是寫給自己的筆記、也是方便大家Google找到符合自己問題的文章,我以前是痞客邦轉到這個部落格的,對一些Wordpress的一些功能不是很了解,Google了佈景才知道能這樣整理文章,為了避免自己忘了怎麼使用,所以就寫了這一篇,也是讓其他Wordpress的新手知道怎麼用。

          另外分頁雖然簡單,可是如果好好使用他,可以讓剛進來這個網站的訪客能找到符合自己需求的文章,比方說我Wordpress的教學文,我可以透過文章的標籤或分類設定成兩個項目,一個是類似這篇文章的簡單Wordpress教學,另外像樓上提到有關於ajax、PHP、寫Wordpress外掛…這種比較程式類的東西,也可以分成另外一個頁面,方便訪客快速找到自己需求的文章,這也是分頁的目的。

          不過我這部落格是課餘時間寫作的,所以更新文章的週期比較不固定,光網頁設計能寫的地方不多,所以可能會介紹方便的網頁服務(雲端服務),或者遊記及3C開箱文之類的,歡迎大家參觀其他領域的文章喔 ! ^ ^

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料