WordPress 選單操作：建立、子選單、顯示位置

選單（Menu）是訪客在你網站上找路的工具：頂部主選單、頁尾選單、社群連結選單。本篇講怎麼建立選單、加入項目、設定巢狀子選單、指派到顯示位置，以及多個選單怎麼管理。

選單管理介面在哪#

後台選單找「網站設定」→「選單」（標準 WordPress 路徑為「外觀」→「選單」，秒站把「外觀」整合在「網站設定」底下）。第一次進入會看到「建立新選單」的引導。

建立新選單#

  1. 進選單管理頁，點「建立新選單」
  2. 輸入選單名稱（內部辨識用，例如「主選單」「頁尾連結」「社群連結」）
  3. 點「建立選單」

建好後左側「新增選單項目」會出現可加入的素材。

加入選單項目#

左側「新增選單項目」面板有 4 種可加入的素材：

頁面#

網站既有的頁面（首頁、關於、聯絡）。展開「頁面」面板 → 勾選要加的 → 點「新增至選單」。最常用的選單項目來源。

文章#

單篇文章直接加進選單。適合：把熱門文章、最新公告放進主選單當醒目入口。

自訂連結#

外部網站或站內任意網址。輸入完整網址（含 https://）與顯示文字，點「新增至選單」。常用於：

  • 連到外部社群（IG、FB、LINE 官方帳號）
  • 連到 anchor（站內某個區塊 #section）
  • 連到 mailto:、tel: 等特殊協定

分類#

文章分類頁面。把「美食」「旅遊」這類分類直接放進選單，點了會到分類頁列出該分類所有文章。

調整選單項目順序與層級#

拖曳排序#

右側「選單結構」區，每個項目是一個方塊。直接用滑鼠拖曳上下排序。

建立子選單（巢狀）#

把一個項目拖到另一個項目右側（縮排），它就會變成那個項目的子選單。

例如主選單「服務」底下要有「諮詢服務」「教學課程」「企業合作」3 個子項：

  1. 先依序加入「服務」「諮詢服務」「教學課程」「企業合作」4 個項目（都是頂層）
  2. 拖「諮詢服務」往右縮排，會變成「服務」的子選單
  3. 「教學課程」「企業合作」也都往右縮排到「諮詢服務」同層
  4. 儲存
  5. 前台「服務」項目滑鼠移上去會展開 3 個子選單

注意：建議子選單最多 2 層，3 層以上手機操作體驗很差。

編輯選單項目#

點任一選單項目方塊右上角的小三角形展開細部設定：

  • 導覽標籤：顯示文字（可改成跟原始頁面標題不一樣，例如頁面標題「關於我們的故事」，選單顯示「關於」）
  • 標題屬性：滑鼠移上去顯示的提示文字
  • 連結對象：勾「在新分頁開啟」（適合外部連結）
  • CSS 類別：給這個選單項目加 CSS 類別名（進階使用，配合佈景樣式做特殊處理）
  • 連結關係：rel 屬性（一般不用設）

設定顯示位置#

選單建好後要指派給「顯示位置」才會出現在前台。佈景主題會提供幾個位置可選，常見的有：

  • 主選單（Primary / Header Menu）
  • 頁尾選單（Footer Menu）
  • 社群連結（Social Links）
  • 側邊欄選單（依佈景而定）

設定位置：

  1. 選單編輯頁底部「選單設定」
  2. 「顯示位置」勾選要顯示的地方（可勾多個）
  3. 儲存

或到上方頁籤「管理位置」總覽，直接從每個位置的下拉選單選對應的選單。

多個選單管理#

一般網站會有 2-3 個選單同時運作：

  • 主選單：頂部最重要的入口，5-7 個項目即可（首頁、服務、案例、關於、聯絡）
  • 頁尾選單：法規類連結（隱私權政策、服務條款、聯絡資訊），通常 4-6 個
  • 社群連結選單：純社群圖示（IG、FB、YouTube），通常 3-5 個

切換不同選單編輯：選單管理頁上方頁籤「編輯選單」→ 點下拉選單「選擇要編輯的選單」。

移除選單項目 vs 刪除整個選單#

  • 移除某項目：展開項目方塊 → 點「移除」連結，只從選單拿掉，原本的頁面 / 文章 / 分類不會被刪
  • 刪除整個選單：選單編輯頁底部「刪除選單」連結，會永久刪除選單結構（但項目對應的頁面 / 文章一樣不會被刪）

主選單規劃建議#

  • 項目數 5-7 個：太多會擠、手機選單變得難用
  • 用名詞、簡短：選單顯示文字 2-4 個字最理想（首頁、服務、案例、關於、聯絡）
  • 順序從重要到次要：訪客從左到右看，越前面越優先
  • 子選單最多 5-7 個項目：超過要考慮拆成多個父項目
  • 最右邊放主要 CTA：例如「立即預約」「聯絡我們」這類行動類項目放最後，視覺權重最高

常見問題#

改了選單前台沒更新？#

三個檢查：

  1. 有沒有按「儲存選單」按鈕
  2. 瀏覽器是否有快取（按 Cmd+Shift+R 或 Ctrl+F5 強制重整）
  3. 網站是否裝了快取外掛，需要清快取才會即時生效

手機版選單跟桌面不一樣？#

多數佈景手機版會把選單收起來變成「漢堡選單」（三條線圖示）。如果你的佈景手機版顯示問題，可能是佈景設定問題而不是選單設定，要去佈景的客製化頁面調整。

想讓某個項目開新分頁？#

展開該選單項目方塊，找到「在新分頁開啟連結」勾選框。沒看到的話：選單編輯頁右上角「顯示選項」→ 勾「連結對象」。

想加圖示在選單項目旁邊？#

標準 WordPress 選單不支援圖示。要加圖示要看你的佈景主題是否提供圖示欄位（部分佈景有）、或者裝額外外掛（例如 Menu Icons）。