許多新手建好 WordPress 網站後,最先面對的實際問題就是導覽選單怎麼配置。不管是首頁該放哪些連結、下拉選單怎麼做、頁尾要不要用不同菜單,這些看似簡單的選擇其實會直接影響訪客在你網站上的導航體驗。好消息是 WordPress 內建的選單系統已經相當完善,只要理解了幾個核心概念,就能靈活組織任何複雜度的導覽架構。
進入後台選單管理介面
開啟 WordPress 後台,依序點選「外觀」→「選單」,就進入了選單的主要操作區域。如果你的網站還沒有任何選單,頁面會顯示「建立新選單」的按鈕。輸入選單名稱(例如「主選單」或「Header Menu」),點下去就完成了基本建立。WordPress 允許建立無限數量的選單,所以先建一個主選單,日後還能再加頁尾選單或其他區域使用的獨立菜單。
建立好選單後,左側會出現一個面板,上面列著「頁面」、「貼文」、「分類」、「自訂連結」這四種項目來源。你要做的就是從這些來源挑選要加進菜單的項目,然後透過拖拽調整顯示順序。
選單項目類型與用途
選單裡放的是什麼,直接決定了訪客點選後會看到什麼內容。你有四種選擇。
頁面是網站最常見的獨立內容單位。建好的「關於我們」「服務介紹」「聯絡表單」這類頁面,都能直接加進菜單。選法是進到「頁面」分類,勾選你要的頁面名稱,點「加入選單」。
貼文則是部落格文章。如果你的網站運營有部落格單元,也能把特定貼文或文章分類加到菜單。比如有「新聞中心」分類,就能直接把分類拉進菜單,訪客點下去就看到所有該分類的文章列表。
分類不只包括部落格分類,還涵蓋了商品分類(如果用 WooCommerce)或其他自訂分類。做電商網站時,這功能特別實用——你可以直接把商品分類掛進菜單,訪客點選分類後就看到該類商品。
自訂連結是最靈活的選項。不管是外部網站連結、特定頁面的錨點連結(例如 https://yoursite.com/#feature),或是社群媒體連結,都能透過自訂連結添加。只要貼上完整 URL,再輸入想要顯示的文字標籤,就能加進菜單了。
在實務上,一個完整的菜單通常會混用這幾種項目。例如主菜單可能包括「首頁」(自訂連結)、「關於我們」(頁面)、「產品」(分類),組合起來就是一個有層次感的導覽架構。
構建多層下拉選單
單層菜單對簡單網站沒問題,但許多網站需要下拉選單來展示更多層級的資訊結構。系統支援無限嵌套,意思是你能做出「產品」→「軟體解決方案」→「CRM 軟體」這樣三層深的選單結構。
做法很直覺:從項目列表選好第一層項目後,後續項目在編輯介面可以拖拽縮排。把一個項目拖到另一個項目的右邊,它就會變成「子項目」(二級菜單)。你可以繼續往右縮排,做出三級、四級菜單,只要別做得太深——從使用者體驗角度,三層以內最好操作。
例如想做「服務」→「網站建置」與「SEO 優化」這樣的結構:先加入「服務」頁面,再加入「網站建置」與「SEO 優化」兩個頁面,然後在編輯介面把這兩項拖到「服務」的下方且向右縮排,它們就自動變成子項目。訪客懸停在「服務」時就會看到下拉選單。
選單位置指派與區塊主題
建好選單後,光有選單本身還不夠——還要告訴系統在網站的哪個位置顯示這個選單。這就是「選單設定」(Menu Settings)的任務。
在傳統主題中,常見的菜單位置有「主導覽選單」(Primary Menu)與「次導覽選單」(Secondary Menu),有些主題還會提供「頁尾菜單」。你要做的是在「菜單設定」勾選「在下列位置顯示此菜单」,然後選擇要套用的位置。每個位置最多只能指派一個菜單,所以如果你需要頁首頁尾用不同選單,得分別建兩個菜單,再分別指派位置。
區塊主題(Block Theme)改變了這個工作流。在區塊主題中,選單的設定與外觀管理移到了「站點編輯器」(Site Editor),而不是純後台的「選單」頁面。你依然先在「外觀」→「選單」建好菜單,但實際要在哪裡顯示、怎麼樣式化,是在「外觀」→「編輯網站」的側邊欄用「導覽區塊」(Navigation Block)調整。區塊主題給了你更多樣式自由度——可以改字型、改顏色、改排列方式,甚至能把菜單做成垂直式或自訂寬度,這些在經典主題裡需要寫程式碼才能做到。
調整項目順序與標籤
菜單建好後,順序調整很簡單。進到編輯介面,用滑鼠拖拽項目卡片就能重排——最上面的項目會顯示在菜單最左邊(水平菜單),最下面的項目最右邊。
想改菜單項目在前台顯示的文字標籤嗎?編輯介面上每個項目卡片都有「導覽標籤」(Navigation Label)欄位。預設會自動帶入頁面或分類的標題,但你可以改成任何想要的文字。例如「聯絡方式」這個頁面,你可以把導覽標籤改成「Questions?」或簡化成「聯絡」,不一定要用完整頁面標題。
還有一個細節是「標題屬性」(Title Attribute)。這是懸停菜單時的 tooltip 文字,對 SEO 和使用者輔助功能都有幫助。如果某個菜單項目不夠明確,可以在這裡加上解釋。
進階設定與自動化選項
除了基本的項目配置,系統還有幾個選項值得了解。在「菜單設定」區塊,勾選「自動新增」(Automatically add new top-level pages)可以讓你往後新建的最上層頁面自動加進菜單——省得每次都手動加。但這適合只有一、兩個小頁面的簡單站,複雜網站還是手動管理比較清楚。
如果你有顯示「用 class 名稱標記目前項目」或「用 ID 標記目前項目」這類選項,通常代表主題支援「當前頁面醒目」功能——訪客在哪一頁時,菜單上對應項目就會自動變粗體或改顏色。這個通常主題會自動套,不用手動設定。
區塊主題下,導覽區塊本身就有「顯示子選單按鈕」選項,讓你決定下拉選單是點擊時展開還是懸停時展開,也能控制子菜單的樣式,包括背景色、邊框、圓角等,整個都透過圖形界面調整,不必寫 CSS。
多個菜單的常見場景
大多數網站會需要多個菜單。常見的組合是主選單(Header)加頁尾選單(Footer)。頁尾選單通常會更詳細,可能包括「公司」「產品」「資源」「客服」四個大項,每項下有多個子連結。建立方式完全相同——建一個新菜單,加入項目,然後在「菜單設定」指派到「頁尾位置」。
也有網站會做「行動菜單」(Mobile Menu)——在小螢幕上用漢堡選單展示,這部分通常由主題或外掛負責樣式與互動,但資料結構還是同一份菜單。所以你不需要建兩份菜單,只要主題或外掛有支援響應式導覽,同一份菜單就會在桌機版顯示正常導覽列,手機版自動變成可摺疊選單。
設定多個菜單時要特別注意每個菜單的用途。頁首通常簡潔(5 到 7 項主選單),頁尾可以更豐富(20 個以上項目分成數個欄位)。這樣訪客在頁尾能找到更多深層連結,同時頁首保持乾淨不會視覺過載。
菜單發布與維護
完成設定後,點「儲存菜單」就正式生效。訪客進到網站前台就會看到你設定好的導覽結構。如果修改後沒有立刻看到變化,試試清除瀏覽器快取或用無痕模式重新整理——有時外掛或主機快取會延遲更新。
定期檢查菜單是否還符合現況也很重要。刪掉的頁面如果菜單裡還有死連結,訪客點選會跳到 404 頁面。系統不會自動清理已刪除頁面的菜單項目,所以維護時要手動檢查。如果某個菜單項目出現在項目列表中卻無法選擇,通常是對應的頁面或分類已被刪除,這時就需要從菜單裡手動移除。
對於更複雜的自訂需求(例如新增 AJAX 載入、客製化 HTML、特殊動畫效果),許多外掛如 Max Mega Menu 或 Elementor Pro 都提供了進階編輯工具。但基本功能用原生系統加上主題支援,已經能應付大多數常見需求。