WordPress 選單設定教學:新增選單、子選單、分類選單與手機版檢查

WordPress 選單設定教學:新增選單、子選單、分類選單與手機版檢查

WordPress 選單設定是把網站重要頁面、分類、自訂連結與手機導覽整理成清楚的網站入口;新手可先理解 WordPress 的網站架構,再設定主選單、子選單、分類選單與頁尾選單,避免導覽混亂或連結失效。

WordPress怎麼新增選單?

WordPress 新增選單的基本做法,是進入後台「外觀」→「選單」,先建立一組選單名稱,再把頁面、文章分類或自訂連結加入右側的選單結構。WordPress 選單設定完成後,一定要指定顯示位置並儲存,否則前台可能完全看不到選單。

如果你的網站使用傳統佈景主題,通常會看到主選單、頁尾選單、手機選單等位置;如果使用區塊主題,選單可能會移到「外觀」→「編輯器」中的導覽區塊。這就是為什麼有些新手照教學找「外觀 → 選單」卻找不到,問題不一定是操作錯,而是佈景主題架構不同。

WordPress 選單設定新增主選單流程

實務上,不建議一開始就把所有頁面塞進主選單。主選單應該只放最重要的入口,例如首頁、服務項目、案例、文章分類、聯絡方式;其他政策頁、補充頁或次要資訊,可以放到頁尾選單。

若你還不熟 WordPress 後台位置,可以先看 WordPress 後台教學,確認外觀、頁面、文章與分類的差異後,再回來設定選單會更穩。

WordPress 分類設定後,怎麼加入選單?

WordPress 分類加入選單前,要先確認你要加入的是文章分類、商品分類,還是自訂內容分類。WordPress 分類選單的主要作用,是把零散內容整理成主題入口,讓使用者可以依照需求繼續瀏覽。

一般文章分類適合用在部落格、知識文章、案例分享或教學內容;商品分類則常用在 WooCommerce 電商網站,用來整理不同產品線。如果把文章分類和商品分類混在同一層選單,使用者會分不清楚自己點進去會看到文章還是商品,導覽體驗就會變差。

WordPress 選單設定加入分類選單

分類選單適合用在內容已經有一定數量的網站。如果分類底下只有一篇文章,放進主選單反而會顯得空;如果文章很多,分類選單就能幫助搜尋引擎與使用者理解網站主題。設定前可先用下表判斷用途。

選單類型 適合用途 設定提醒
文章分類選單 教學、知識、案例、部落格 適合放在文章入口或資源中心
商品分類選單 產品、方案、電商商品系列 避免與文章分類混在同一層
自訂連結分類 活動頁、專題頁、外部表單 需確認網址是否可正常開啟

WordPress 選單的自訂連結,適合放外部網址、錨點連結、表單頁、LINE 官方帳號、活動頁或特殊頁面。WordPress 自訂連結設定的重點,是確認網址正確、導覽文字清楚,並避免選單名稱讓使用者猜不到點擊後會去哪裡。

例如「聯絡我們」通常比「立即了解」更清楚,「網站作品」通常比「精彩案例」更直覺。選單不是廣告標語,而是網站導航;文字越清楚,使用者越容易做出下一步判斷。

WordPress 選單設定自訂連結與網址檢查

自訂連結最常見的風險,是頁面網址改過、測試站搬到正式站後網域沒更新、錨點 ID 不存在,或固定連結重設後沒有重新檢查。這些問題會讓選單看起來正常,但使用者點擊後卻出現 404、跳錯頁或沒有反應。

設定完成後,建議用無痕視窗逐一點擊主選單、子選單與頁尾選單。若你正在整理頁面架構,也可以搭配 WordPress 頁面教學 一起檢查,因為選單連結是否穩定,通常取決於頁面名稱、網址與上架狀態是否整理好。

WordPress 子選單怎麼設定才不會太亂?

WordPress 子選單通常是透過拖曳縮排建立階層,把次要頁面放到主要選單項目底下。WordPress 子選單不是層級越多越專業,而是要讓使用者在一到兩層內找到真正想看的內容。

例如「服務項目」底下可以放網站架設、SEO、商標設計;「文章分類」底下可以放 WordPress 教學、網站費用、SEO 基礎。這種分類方式有助於使用者判斷方向,也能讓 Google 與 AI 更容易理解網站內容架構。

WordPress 選單設定子選單與多層選單

但如果子選單超過三層,手機版通常會變得不好點,桌機版也容易讓使用者迷路。尤其是商業網站,導覽的目的不是展示你有多少內容,而是讓使用者快速找到服務、價格、案例與聯絡方式。

  1. ➤ 第一層選單應放使用者最常找的入口。
  2. ➤ 第二層選單應明確屬於第一層主題。
  3. ➤ 選單文字應在三秒內看懂意思。
  4. ➤ 手機版展開後要能順利點擊。
  5. ➤ 空分類、重複頁面與失效連結應先移除。

WordPress 選單不見,通常要先檢查哪裡?

WordPress 選單不見時,不要一開始就改程式或安裝外掛,應先檢查選單是否存在、是否已儲存、是否指定到正確位置。WordPress 選單不見,多數情況不是內容消失,而是選單沒有被指派到目前佈景主題可顯示的位置。

更換佈景主題後,原本的選單內容可能還在後台,但新的主題使用不同的選單位置名稱,例如 Primary Menu、Header Menu、Mobile Menu 或 Footer Menu。這時只要重新指定位置,前台通常就會恢復。

WordPress 選單設定不見與顯示位置排查

如果選單仍然不見,再依序清除網站快取、瀏覽器快取,並檢查最近是否安裝導覽列、美化選單、多語系、快取壓縮或版型編輯外掛。外掛不是不能用,但外掛可能覆蓋原本佈景的選單輸出。

若你打算用外掛處理選單樣式、浮動選單或手機漢堡選單,建議先看 WordPress 外掛安裝教學,先確認相容性、更新頻率與停用後是否會影響導覽。

WordPress 手機選單、漢堡選單、側邊欄選單與頁尾選單,分別對應不同使用情境,不建議完全複製同一組內容。WordPress 選單設定應依照裝置與位置安排內容,主選單負責主要轉換,頁尾與側邊欄負責補充導覽。

手機選單要短、清楚、好點擊,適合放服務項目、價格資訊、案例、文章入口與聯絡方式。頁尾選單適合放公司資訊、隱私權政策、服務條款、次要頁面;側邊欄選單則適合放文章分類、商品分類或知識中心分類。

WordPress 選單設定手機選單漢堡選單頁尾選單

手機版最常見的問題,是選單項目太多、子選單太深、按鈕太小,或漢堡選單點了沒有反應。這通常與佈景主題設定、快取壓縮、JavaScript 衝突或外掛覆蓋有關。

商業網站可以用一個簡單原則判斷:手機主選單只保留能幫助使用者做決策的入口,其他補充資訊放到頁尾。這樣不只使用者更好找資料,搜尋引擎與 AI 也更容易判斷網站重要頁面與主題層級。

常見問題

以下為 WordPress 選單設定 相關常見問題,幫助你快速理解所有 WordPress 選單設定 的概念。

WordPress怎麼新增選單?

WordPress 新增選單通常可到後台「外觀」→「選單」建立選單名稱,加入頁面、分類或自訂連結後,再指定主選單、手機選單或頁尾選單位置並儲存;若使用區塊主題,則可能要到「外觀」→「編輯器」調整導覽區塊。

WordPress 分類設定後可以加入選單嗎?

WordPress 分類設定後可以加入選單,文章分類可作為知識內容入口,商品分類則適合電商導覽。設定時要先確認分類用途,再加入選單,避免文章分類、商品分類與服務頁混在同一層,造成使用者判斷困難。

WordPress 設定網址會影響選單連結嗎?

WordPress 設定網址會影響選單連結,尤其是自訂連結、錨點連結、分類網址與固定連結。若頁面網址改過、固定連結重設或自訂連結貼錯,選單可能看得到但點擊後出現 404,因此設定後一定要逐一測試。

WordPress選單不見怎麼辦?

WordPress 選單不見時,應先檢查選單是否已儲存、是否指定到正確位置、是否剛更換佈景主題、是否被快取或外掛影響。多數情況不是選單內容消失,而是目前佈景沒有顯示到原本的選單位置。

WordPress 手機選單需要另外設定嗎?

WordPress 手機選單是否需要另外設定,取決於佈景主題。有些主題會自動把主選單轉成漢堡選單,有些則需要另外指定 Mobile Menu;若手機選單無法展開,通常要檢查主題設定、快取壓縮、外掛衝突與 JavaScript 載入。

相關文章