剛在 WordPress 後台辛苦建好一個「關於我們」頁面,按下發布,興沖沖打開網站首頁想看看成果,卻發現導覽列上根本沒有它。頁面明明存在,網址也打得開,為什麼就是不出現在最上方那排選單裡?
這是幾乎每個 WordPress 新手都會撞到的牆。問題不在你哪一步做錯,而在於 WordPress 把「頁面」和「選單」設計成兩件獨立的事。理解 WordPress 頁面選單關係,是讓內容真正被訪客看見的第一道關卡。這篇會把這層關係講清楚,再帶你用傳統主題與區塊主題兩種情境,分別把頁面接上導覽列,最後處理那些「我明明加了卻還是看不到」的卡關狀況。
WordPress 的頁面和選單到底是什麼關係
頁面是內容,選單是地圖,兩者各自獨立。頁面負責裝載內容本身(文字、圖片、區塊),選單負責告訴訪客「網站上有哪些地方可以去、要怎麼去」。你建立一個頁面,等於在網站裡蓋好一個房間;但要讓訪客在門口的指示牌上看到這個房間,得另外把它寫進指示牌——那塊指示牌就是選單。
這個設計是刻意的。如果每發布一個頁面就自動塞進導覽列,一個內容稍多的網站很快就會有十幾二十個項目擠在頁首,反而讓人找不到重點。把決定權留給站長,你才能挑出「關於我們」「服務項目」「聯絡我們」這幾個真正該被一眼看到的入口,其餘的頁面則透過站內連結或頁尾來引導。
所以頁面與選單的關係可以這樣記:發布頁面只是把內容準備好,把它放進選單才等於替它在導覽列開了一個入口。兩個動作分開,少做後面那一步,頁面就會處於「存在但沒人找得到」的狀態。
WordPress 後台其實有一個「自動將新的最上層頁面新增至這個選單」的選項,勾了之後新頁面確實會自動進選單。但這個選項預設不開,多數教學也建議留空,因為它會讓選單失控長大。知道有這回事即可,實務上還是手動加比較好控管。
為什麼發布頁面後它不會自動出現在導覽列
頁面沒出現在導覽列,通常是下面三個原因之一,先對照看看你卡在哪一關。
第一、頁面根本還沒被加進任何選單。這是最常見的狀況。你只完成了「建立頁面」這一步,沒有去選單設定裡把它挑進來,導覽列自然不會知道它的存在。
第二、選單建好了,卻沒有指定要顯示在哪個位置。WordPress 允許一個網站同時存在多個選單(主選單、頁尾選單、側邊欄選單),所以光是把頁面加進某個選單還不夠,你得明確告訴 WordPress「這個選單要掛在頁首主選單的位置」。很多人卡在這裡——項目都加好了、也按了儲存,前台卻一片空白,就是因為漏掉了指定位置這一步。
第三、你用的是區塊主題,後台根本沒有「外觀 > 選單」這個入口。較新的佈景主題改用全站編輯(Full Site Editing),選單的設定位置整個搬到了「網站編輯器」裡,操作邏輯也不一樣。如果你照著舊教學在後台找「選單」卻遍尋不著,多半就是踩到這個情況,後面會專門講怎麼處理。
先判斷自己屬於哪一種,再往下找對應的做法,會比盲目重試有效率得多。
用傳統主題把頁面加進導覽選單的完整步驟
傳統主題(也就是支援「外觀 > 選單」介面的主題,例如 Astra、Twenty Twenty-One 等多數舊版主題)的流程固定,照著走一次就會了。
第 1 步、進入選單設定。登入 WordPress 後台,從左側選單點「外觀」,再點「選單」。如果這裡找得到「選單」,代表你用的是傳統主題,可以繼續往下。
第 2 步、建立一個選單。在「選單名稱」欄位填一個方便自己辨識的名字,例如「主選單」或「Main Menu」,按「建立選單」。這個名稱只給後台辨識用,不會顯示在前台,所以取什麼都沒關係。
第 3 步、把頁面加進選單。畫面左側會列出可加入的內容,找到「頁面」區塊,勾選你要的頁面(例如「關於我們」「聯絡我們」),按「新增至選單」。被勾選的頁面就會出現在右側的選單結構區。如果左側找不到你發布的頁面,切換到「檢視全部」分頁,或用「搜尋」分頁輸入頁面名稱找。
第 4 步、排序與分層。右側的選單項目可以直接用滑鼠拖曳。上下拖是調整順序;把一個項目往右縮排拖到另一個項目下方,它就會變成子選單,前台會以下拉的形式呈現。
最上層
最上層
最上層
最上層
第 5 步、指定選單顯示位置(最關鍵、最常被漏掉的一步)。捲到選單設定的最下方,會看到「選單設定」區塊裡的「顯示位置」勾選項,例如「桌面版水平選單」「主選單」之類的名稱(實際名稱依主題而定)。勾選你要的位置,這一步等於把這份選單掛上頁首。
第 6 步、儲存選單。按「儲存選單」後,打開網站前台重新整理,頁面就會出現在導覽列上了。如果還是沒出現,多半是第 5 步的位置沒勾到,回去確認一次。
整個流程裡,真正讓頁面「現身」的關鍵是第 5 步的指定位置;前面四步只是在組裝這份選單的內容而已。
找不到「外觀 > 選單」怎麼辦
如果你在後台的「外觀」底下完全看不到「選單」這個選項,別懷疑自己眼花——你用的是區塊主題,選單的設定位置搬家了。WordPress 從 5.8 版開始支援全站編輯,區塊主題(例如官方的 Twenty Twenty-Four、Twenty Twenty-Five)把過去散在「外觀」裡的選單、自訂等功能,整合進了一個叫「編輯器」的地方。
要替區塊主題設定導覽列,路徑改成這樣:
第 1 步、進入網站編輯器。後台左側點「外觀」,底下會看到「編輯器」(而不是「選單」),點進去。
第 2 步、編輯頁首範本。網站編輯器打開後,選擇「範本」或直接點選頁首區域,找到「導覽」區塊(Navigation Block)。導覽區塊就是區塊主題裡負責呈現導覽列的元件。
第 3 步、加入頁面到導覽區塊。點選導覽區塊後,按區塊裡的「+」加入項目,搜尋並選擇你要放進去的頁面,它就會成為導覽列的一個連結。子選單一樣可以透過區塊的層級設定來建立。
第 4 步、儲存。按右上角的「儲存」,前台導覽列就會更新。
區塊主題與傳統主題最大的差別在於:傳統主題是「先在後台組好一份選單,再指定它顯示的位置」;區塊主題則是「直接在頁首範本上編輯那個導覽區塊」,所見即所得,沒有獨立的選單管理頁。如果你跟著舊教學一直找不到「選單」,先確認自己的主題類型,就能少走很多冤枉路。
選單裡除了頁面還能放什麼
選單能放的不只頁面,常見的還有文章、分類和自訂連結,各有適合的用途。在「外觀 > 選單」的左側內容區,或區塊主題導覽區塊的新增項目裡,都能找到這些類型。
- 頁面:最常放進選單的類型,像「關於我們」「服務項目」「聯絡我們」這類長期固定的內容入口。
- 文章:通常不會把單篇文章放進主選單,除非某篇是你想長期主打的招牌內容。一般部落格內容靠分類來歸納比較合適。
- 分類:點下去會連到該分類的文章彙整頁。如果你有很多篇「WordPress 教學」的文章,與其一篇篇塞進選單,不如放一個「WordPress 教學」分類,讓訪客一次看到整批內容。
- 自訂連結:可以連到任何網址,站內站外都行,常用來連社群頁面或外部資源。
自訂連結還有一個進階用法值得記下來:當你想做一個「有下拉子選單、但母選單本身不連去任何頁面」的設計時,在自訂連結的網址欄位只填一個「#」,連結文字填上母選單的名稱即可。這樣點母選單不會跳轉,純粹當作展開子選單的標題用。
至於子選單怎麼做,回到前面提過的拖曳邏輯:把項目往右縮排拖到另一個項目下方,它就成為子選單,前台會以下拉形式呈現。一般建議選單層級控制在二到三層內,層數太多反而讓訪客在手機上難以操作。
加了選單卻還是看不到,常見狀況怎麼排查
如果你確定步驟都做了,前台卻還是不對勁,按下面幾個方向逐一排查,多半能找到問題。
狀況一、左側內容區找不到剛發布的頁面。打開選單編輯頁右上角的「顯示項目設定」(Screen Options),確認「頁面」「文章」「分類」這些項目有被勾選。沒勾的話對應的內容區塊就不會出現在左側,自然也加不進選單。
狀況二、項目都加了、也按了儲存,前台仍空白。九成是選單沒指定顯示位置。回到選單設定最下方,確認「顯示位置」有勾選對應的位置(如主選單)並重新儲存。一份沒被指定位置的選單,等於建好了卻沒掛上牆,前台看不到很正常。
狀況三、想拿掉某個項目,卻不確定會不會連頁面一起刪掉。從選單裡「移除」一個項目,只是把它從導覽列拿下來,頁面本身完好無損,網址照樣打得開;真正要刪除頁面,得到「頁面」清單裡刪。這兩件事互不影響,搞清楚就不會誤刪內容。
狀況四、WooCommerce 的商店、購物車、帳戶頁沒出現在選單。安裝 WooCommerce 後會自動產生商店、購物車、結帳、我的帳戶等頁面,但它們和一般頁面一樣,不會自動進導覽列。你需要手動到選單設定裡把這些頁面加進來,購物相關入口才會出現在前台。這幾個頁面本身的功能(顯示商品、處理訂單)由 WooCommerce 控管,選單只負責替它們開一個導覽入口,兩者一樣是分開的。
排查時的核心心法跟整篇講的一致:頁面存在、頁面進選單、選單指定位置,是三個獨立步驟,哪一步漏了就在哪一步補。
釐清關係後,導覽列就不再是黑盒子
頁面與選單之所以讓新手困惑,是因為它們看起來該連在一起,實際上 WordPress 卻把它們拆成兩件事——頁面管內容,選單管導覽,中間靠你手動牽線。一旦把這層關係內化,「發布了卻不見」就不再是謎題,而是清楚知道少做了哪一步。
接下來建議你拿自己的網站實際走一遍:先確認主題是傳統還是區塊類型,照對應流程把現有頁面接上導覽列,最後務必檢查選單的顯示位置有沒有指定到位。把這個流程練熟,往後不管是新增頁面、調整順序還是做下拉選單,你都能在幾分鐘內搞定,網站的導覽結構也會跟著你的內容一起長得有條理。