➦
馬
上
分
享
貴設計

WordPress 主選單的設定位置取決於佈景主題:後台「外觀」若有「編輯器」,通常要到「外觀 → 編輯器 → 導覽」管理選單,並確認頁首使用正確的「導覽」區塊;使用傳統佈景主題時,則到「外觀 → 選單」新增項目、調整順序並指定顯示位置。先確認使用哪一種佈景主題,再依下方步驟操作。若想了解後台架構,可參考前台後台介紹。

WordPress 主選單在哪裡?先分辨佈景主題

打開 WordPress 後台的「外觀」。若看到「編輯器」,目前多半使用區塊佈景主題,選單可從「外觀 → 編輯器 → 導覽」管理;也可編輯頁首範本中的「導覽」區塊。新增頁面或自訂連結後,儲存變更並到網站前台檢查。若頁首使用另一個導覽選單,還要確認該區塊選用的是剛編輯的選單。

若看到「選單」,可依下方傳統佈景主題圖文步驟設定。若沒有「選單」但有「編輯器」,不必依舊版截圖尋找該畫面。選單位置名稱由佈景主題決定,可能顯示為主選單、Primary Menu 或其他名稱;請以實際後台選項為準。

資料來源:WordPress 官方網站編輯器導覽說明與傳統選單畫面說明。

主選單是網站主要導覽入口,建議先放訪客最常需要的頁面,例如服務、案例、關於我們與聯絡方式,再檢查手機版是否容易開啟。下方舊版截圖與拖曳操作適用於傳統佈景主題;區塊佈景主題請依上方網站編輯器步驟操作。

傳統佈景主題:WordPress 主選單設定

以下步驟適用於後台有「外觀 → 選單」的傳統佈景主題。網站導覽列在 WordPress 中稱為「選單」,當網頁持續經營一定會遇到想增加選單或著換掉一些,要更換選單只需要幾個步驟~後台哪裡找到選單在哪裡呢?

  1. Wordpress後台
  2. 外觀
  3. 選單
    wordpress選單

介紹一下「選單」介面哪些?

  1. 左邊「新增選單項目」(尋找需要加入的選單項目清單)
  2. 右上邊「選單結構」(前台顯示的選單)
  3. 右下邊「選單設定」(選單呈現位置:若要放在主選單,請選擇佈景主題提供的主選單位置;名稱不一定是「Main Menu」)

Wordpress選單-新增

新增選單有幾個小小步驟,我們來嘗試新增「聯絡我們」到我們的選單吧!

  1. 頁面(如未點開,點一下)
  2. 「最新發佈」如沒有找到,點選「檢視全部」
  3. 勾選「聯絡我們」
  4. 按「新增至選單」
  5. 看到「聯絡我們」跳出來在右邊清單
  6. 「儲存選單」,完成!
  7. 前台查看

如果想要更換位置到前面,可以用「拖拉」的方式來更改位置喔!
wordpress選單

想要「次選單」?一樣「拖拉」的方式,拉到想到成為誰的次選單,然後「右拉」往內,比如:「聯絡我們」我想要在「關於我們」下方變次選單,只要往右邊拖,就看到「sub item」就沒錯了!!
如果不小心變sub item,只要往「左拖」回去就可以了~有沒有很friendly啊~
wordpress選單
wordpress選單

Wordpress選單-編輯/刪除

想要編輯名稱可以嗎?不小心新增到了,可以刪除嗎?當然可以~只要點一下想要編輯/刪除那選單的「箭頭」,就可以了~

wordpress選單

Wordpress選單自訂連結-番外篇

偷偷教一個比較少人在用,但有時候蠻好用的,例如我想在最上方放FB聯絡我們,但都不是在Wordpress產生的文章或是頁面,要如何放?來來~看這裡就對了~
wordpress選單
wordpress選單

Wordpress Mega Menu

example of a mega menu on a website

Mega Menu 是一種擴展型選單,用於展示大量的選單項目。Mega Menu 一般在使用者將滑鼠懸停在主要選單項目上時展開,顯示多列和多欄的選單內容,比傳統的下拉選單提供更多的導航空間和結構。這種設計通常出現在大型網站中,例如電子商務網站、新聞網站和具有豐富內容的企業網站。

⭐Wordpress Mega Menu 的特點

  1. 多層次結構:Mega Menu 能夠在選單中分組顯示多層級的選單項目,適合內容龐大的網站。
  2. 視覺化設計:它不僅能包含文字,還可以添加圖片、圖標甚至視頻,使得選單更加生動,並幫助用戶更快找到需要的內容。
  3. 增強用戶體驗:Mega Menu 將大量選項清晰地排列在一起,用戶能夠一目了然地瀏覽多個分類和內容,避免在多層下拉選單中迷失。
  4. 大而清晰的展示:Mega Menu 通常橫跨整個頁面寬度,展示效果良好,且能讓用戶迅速瀏覽不同分類。

⭐Wordpress Mega Menu 的優點

  • 快速導覽:讓用戶能迅速找到特定分類或子分類,減少點擊次數。
  • 視覺指引:使用圖片、圖標來輔助導航,可以幫助用戶快速辨別不同的選單選項。
  • 組織大量內容:有效組織和展示大量內容,適合內容複雜、選單層次豐富的網站。
  • 減少頁面跳轉:提供一站式導航,不需要用戶在不同頁面之間切換即可找到所需內容。

⭐Wordpress Mega Menu 的適用場景

  • 電子商務網站:展示商品分類、促銷商品、熱門產品圖片等。
  • 新聞網站:根據不同新聞類別(如政治、體育、娛樂)組織和展示子分類。
  • 企業網站:展示不同的產品或服務類別,方便用戶找到所需信息。

Mega Menu 適合展示大量、分層結構的內容,使網站導航更直觀且高效。

設定選單前,先用WordPress頁面與文章差異確認要連向哪種內容;若選單需要導向文章主題,可再參考WordPress文章分類教學整理分類。

常見問題

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

WordPress 主選單是什麼?

主選單是網站主要導覽列,通常放在頁首,協助訪客找到服務、文章、產品與聯絡頁面。

WordPress 主選單在哪裡設定?

先看後台「外觀」:區塊佈景主題若顯示「編輯器」,到「外觀 → 編輯器 → 導覽」或頁首的「導覽」區塊;傳統佈景主題若顯示「選單」,到「外觀 → 選單」。設定路徑依佈景主題而異。

如何新增 WordPress 選單項目?

區塊佈景主題在「導覽」區塊加入頁面或自訂連結並儲存;傳統佈景主題在「外觀 → 選單」勾選頁面、文章或自訂連結,按「新增至選單」後儲存。

如何建立 WordPress 子選單?

傳統選單可把項目移到上層項目下方並向右縮排;區塊佈景主題則在「導覽」區塊新增或移動子選單項目。完成後檢查手機版展開效果。

WordPress 選單可以編輯或刪除嗎?

可以。傳統選單可展開項目修改名稱、連結或移除;區塊佈景主題可在網站編輯器的「導覽」區塊調整,儲存後到前台確認。

自訂連結可指向網站內外的指定網址。新增時填入正確網址與清楚的顯示名稱,儲存後測試連結。

WordPress Mega Menu 是什麼?

Mega Menu 是多欄或多層的大型導覽,適合分類很多的網站。是否需要外掛及可用功能取決於佈景主題與網站需求。

【Yoast Duplicate Post 】| WP 網站複製文章
【Yoast Duplicate Post 】| WP 網站複製文章 使用Wordpress網站架設寫文章的好處,就是使用Yoast Duplicate Post就可以「複製文章/頁面」變草稿,對新手或老手,都很實用
WordPress使用者管理教學|5種角色權限與新增/刪除設定
WordPress使用者管理教學|5種角色權限與新增/刪除設定 WordPress使用者管理教學:從網站管理員到訂閱者,5種角色權限一次搞懂,教你如何新增、修改與刪除使用者,避免誤設造成網站安全風險。
WordPress頁面與文章差異教學|Page跟Post怎麼選才對?
WordPress頁面與文章差異教學|Page跟Post怎麼選才對? WordPress頁面(Page)與文章(Post)差異一次搞懂!教你Page跟Post的用途、SEO影響與正確使用方式,避免選錯類型影響網站架構與搜尋排名。
Wordpress網頁嵌入影片影片語法-YouTube/FB全都搞定
Wordpress網頁嵌入影片影片語法-YouTube/FB全都搞定 在wordpress做網頁設計的過程中,嵌入影片帶來的好處 ,不只為網頁帶來更活潑生動有趣的表達、網站訪客亦能覺的網頁体現出夠吸引、更豐富性的体驗而更願意停留在網頁數分鐘的時間。更甚至Airbnb網站,它的首頁大圖曾經就是以影片為開場。所以影片它是多麼的能夠抓住網站使用者的眼球。
WordPress媒體庫教學:圖片上傳、編輯與批次刪除全攻略
WordPress媒體庫教學:圖片上傳、編輯與批次刪除全攻略 WordPress媒體庫教學這裡看!教你如何上傳、管理、編輯圖片與影片,並學會批次刪除重複檔案,讓網站圖庫整理更有效率,不再被雜亂媒體庫拖慢網站速度。
WordPress 備份教學(2026):自動備份、外掛、手動備份與還原完整指南
WordPress 備份教學(2026):自動備份、外掛、手動備份與還原完整指南 WordPress 備份怎麼做才安全?本篇整理完整備份必備的網站檔案與資料庫、自動備份頻率、WPvivid/UpdraftPlus 外掛選擇、手動備份、網站還原與異地保存原則,並說明更新外掛、改版或搬家前該如何建立還原點,降低網站故障、誤刪資料與主機異常造成的損失。
WordPress頁面怎麼用?新增、編輯、設計排版與發佈教學(2026)
WordPress頁面怎麼用?新增、編輯、設計排版與發佈教學(2026) WordPress頁面怎麼用?從「頁面→全部頁面」開始,圖解新增、編輯、頁面設計排版、刪除、批次操作、永久連結與發佈設定,新手也能快速完成後台管理。
WordPress 文章分類教學:新增、標籤與 WordPress.com 操作
WordPress 文章分類教學:新增、標籤與 WordPress.com 操作 WordPress 文章分類在哪裡?本文說明新增文章、分類與標籤的後台步驟,並補充 WordPress.com 的操作路徑和自架站畫面差異。
WordPress 小工具在哪裡?頁尾、側邊欄與區塊佈景主題設定
WordPress 小工具在哪裡?頁尾、側邊欄與區塊佈景主題設定 找不到 WordPress 小工具?傳統佈景主題可到「外觀 → 小工具」;區塊佈景主題則從網站編輯器修改頁尾範本。本文說明頁尾與側邊欄的設定差異。