選單是網頁最重要元素之一,通常出現在頁首的區域,可以幫助訪客大致了解網站主要的內容有哪些,同時也包含搜尋引擎。
不過,每一種佈景主題所提供的選單顯示位置都不盡相同,但不論如何你都需要先見建立選單才能進行後續相關的設定。
本篇文章會以 Astra 這款佈景主題來示範並說明如何新增選單,然後介紹幾種常見的選單類型以及注意事項。
什麼是 WordPress 選單?
用圖片的方式來說明可能會更直觀一些,以我網站為例,你可以看到上方用紅色框選出來的區域就是 WordPress 選單,這種類型是最常見的。
如何建立 WordPress 選單?(3 個步驟)
新增選單的方法很簡單,只需要 3 個步驟即可達成,如下:
步驟一:首先,前往 [外觀]→[選單] 然後命名選單的名稱,接著再點選「建立選單」。
步驟二:在左側選擇你想要新增的選單項目,預設的類型有頁面、文章、自訂連結以及分類,選擇好之後可以點選新增至選單。
當你新增好選單項目後,可以透過拖曳的方式調整其順序 (上下) 與階層 (左右)。
如果你要刪除某一個選單項目,可以先將其展開然後再點選左下角的移除;如果想要刪除的項目很多,請善用批次選取的功能,會更有效率一些。


步驟三:最後,你可以指定選單要出現在哪裡,Astra 佈景主題有提供 5 種位置可以選擇,選好你要顯示的位置後再點選「儲存選單」即可。
WordPress 選單的種類有哪些?
選單會因為出現的場合或外觀不同而有不一樣的名稱。除了一般最常見的選單以外,還包含 Off Canvas 選單、全螢幕選單、大型選單、行動裝置選單及圖文選單…等等。
至於這些選單要如何製作,我會放在付費課程中做進一步的說明,有興趣的朋友可以參考一下,以下是對應的單元。
選單類型 | 付費課程單元 | 案例 | |
一頁式選單 | 頁首區域:一頁式選單 | 保險經紀人業務員謝芊苹 | |
Off Canvas 選單 | 頁首區域:Off Canvas 選單 | 驅動數位行銷 | |
全螢幕選單 | 頁首區域:全螢幕選單 | ||
大型選單 | 頁首區域:大型選單 | Gandi | |
圖文選單 | 資訊欄區域:資訊欄進階的操作技巧 | Xserver | |
行動裝置選單 | 頁尾區域:頁尾進階的操作技巧 |
關於 WordPress 選單的注意事項
當你熟悉選單的各項操作與類型後,有一些事項需要注意,我整理如下:
- 要先建立內容,才能新增選單項目 (自訂連結除外)。
- 建議新增首頁的選單項目,即使網站標誌可以連到首頁。
- 建議啟用 [固定頁首] 功能,讓選單一直維持在網頁的上方 (需要購買 Astra Pro 才能解鎖)。
- 自訂連結的使用時機有兩個:第一個是如有子選單,上層選單的連結要設定成 # 字號;另一個是如果你想要在選單上新增外部網站連結 (像是社群),你就只能透過自訂連結的方式處理。
- 如有子選單,上層選單要顯示箭頭圖示。
- 選單的顯示位置不一定要勾選,這取決於你是透過何種方式將選單呈現在網站上面。
- 子選單的階層不要超過 2 層,如果資訊量過大,建議採用大型選單的方式處理 (需要購買 Astra Pro 才能解鎖,[頁首區域:大型選單] 單元有說明製作方式)。
常見問題
整理一些關於 WordPress 選單常見的問題、操作技巧及工具推薦。
結論
網站的選單就像是一本書的目錄,能夠幫助訪客以更有效率的方式查找站內的資料。若規劃得當,不僅可以提升使用者體驗,也能讓搜尋引擎了解網站整體的架構,進而使 SEO 排名變得更好。
參考資料
https://wordpress.com/zh-tw/support/menus/
關於 WordPress 選單的說明非常詳盡,獲益匪淺!
謝謝你的回饋!
原來wordpress的選單有這麼多種,剛入門的我有點懂了!!
感謝喔!
謝謝你的回饋!