, , , , ,

WordPress 選單怎麼設定?導覽列、下拉選單與手機版選單完整教學

網站文章陸續增加後,訪客需要一套清楚的導覽方式,才能快速找到需要的內容。WordPress 選單可以放入首頁、關於我們、文章分類、聯絡頁面及外部連結,也能利用下拉選單整理層級。

不過,有些人在後台找得到「外觀 → 選單」,有些人只能看到「外觀 → 編輯器」。這不是 WordPress 安裝錯誤,而是使用的佈景主題類型不同。

使用區塊佈景主題時,選單通常在網站編輯器的「導覽」功能中管理;傳統或部分混合式佈景主題,則保留原本的「選單」頁面。WordPress 官方文件也說明,WordPress 6.0 之後的區塊佈景主題主要使用導覽區塊管理選單。

設定前先規劃選單內容

主選單不是連結越多越好。項目過多會讓訪客難以判斷該點哪裡,手機畫面也容易顯得擁擠。一般教學或部落格網站可以先安排:

  • 首頁
  • WordPress
  • WordPress 外掛
  • 科技新知
  • 教育宣導
  • 關於我們
  • 聯絡方式

如果同類內容較多,可以把次要項目放進下拉選單。例如將「佈景主題」、「外掛教學」與「網站維護」放在「WordPress」底下。

方法一:區塊佈景主題的選單設定

如果後台的「外觀」底下有「編輯器」,網站大多使用區塊佈景主題。

步驟一:進入導覽管理

依序開啟:

「WordPress 後台 → 外觀 → 編輯器 → 導覽」

在這裡可以查看現有選單、調整項目順序、重新命名或建立新的選單。WordPress 官方說明指出,網站編輯器的導覽管理功能只會出現在啟用區塊佈景主題的網站上,操作細節可參考網站編輯器導覽說明

步驟二:編輯頁首的導覽區塊

若選單已建立卻沒有顯示,可能是頁首尚未放入對應的導覽區塊。

進入「設計 → 樣板」,開啟頁首樣板,在需要顯示選單的位置加入「導覽」區塊,再從區塊設定選擇要使用的選單。建立選單不代表它會自動出現在頁首,必須將選單指定給導覽區塊,最後按下「儲存」。

步驟三:新增選單項目

選取導覽區塊後,按「+」即可搜尋並加入已發布的頁面,也能新增分類、文章或自訂網址。

如果選單中出現一個尚未完成的新頁面,應先確認是否已將空白頁面直接發布。WordPress 在新增導覽項目時可能提供建立新頁面的功能,只有已發布的頁面才會正式顯示在選單裡。

方法二:傳統佈景主題的選單設定

若後台提供「外觀 → 選單」,可以使用傳統選單編輯器:

  1. 點選「建立新選單」。
  2. 輸入容易辨識的名稱,例如「主選單」。
  3. 從左側選取頁面、文章、分類或自訂連結。
  4. 按下「新增至選單」。
  5. 拖曳項目調整順序。
  6. 勾選「主要選單」或佈景主題提供的顯示位置。
  7. 按下「儲存選單」。

如果已儲存卻沒有出現在網站上,最常見的原因是沒有指定顯示位置。不同佈景主題可能提供主要選單、頁尾選單或行動版選單,名稱也不一定相同。

WordPress 下拉選單怎麼做?

建立下拉選單的重點是安排父子層級。

在傳統選單編輯器中,把子項目拖到主項目下方,再稍微向右移動,看到縮排後放開即可。區塊佈景主題則可選取主項目,使用「新增子選單連結」,或在清單檢視中將項目拖入子選單。

例如:

  • WordPress
    • 安裝佈景主題
    • 外掛教學
    • 網站備份

不建議建立太多層。兩層通常已足夠,三層以上在手機上較難操作,也會讓訪客不容易理解網站架構。

分類和頁面有什麼不同?

「關於我們」、「服務介紹」及「聯絡方式」等固定內容,適合連結至頁面;「WordPress」、「科技新知」等持續新增文章的主題,則適合連結至分類。

如果把分類名稱連到單篇文章,日後新增內容時,訪客仍只能看到原本那一篇。因此,作為內容入口的選單項目,最好直接使用分類網址。

外部連結應注意什麼?

選單也能加入 YouTube、社群平台或合作網站等自訂連結。新增時應輸入完整網址,包括 https://,並再次確認網址沒有拼錯。

若連結會把訪客帶離本站,可以考慮開啟「在新分頁開啟」。但首頁、分類及站內頁面通常不需要全部另開分頁,否則訪客會累積大量瀏覽器頁籤。

完成後一定要檢查手機版

電腦版正常,不代表手機版也正常。儲存選單後,至少檢查:

  • 選單按鈕能否正常開啟及關閉
  • 下拉項目是否容易點選
  • 文字有沒有被截斷
  • 每個連結是否到達正確頁面
  • 頁面捲動後選單是否遮住內容
  • 平板與手機的排列是否合理

導覽區塊通常可以設定在小螢幕顯示選單圖示,預設多半採用行動版模式,詳細選項可查看導覽區塊官方說明

WordPress 選單常見問題

選單新增了頁面,為什麼網站上沒有更新?

先確認已按下儲存,並檢查選單是否被指定到正確的頁首或顯示位置。若仍未更新,可以清除網站快取及瀏覽器快取。

為什麼後台找不到「外觀 → 選單」?

網站可能正在使用區塊佈景主題。請改從「外觀 → 編輯器 → 導覽」進入,不需要另外安裝選單外掛。

刪除選單項目會刪掉原本的頁面嗎?

不會。從選單移除項目,只會取消該導覽連結,原本的頁面、文章或分類仍然存在。

如何讓選單出現下拉效果?

將子項目放在主項目底下並建立縮排層級。區塊佈景主題也可以利用導覽區塊的「新增子選單連結」功能。

選單應該放多少個項目?

沒有固定數量,但主選單應優先保留最重要的入口。若項目太多,可使用分類與一層下拉選單重新整理。