搜尋操作說明
頁面與內容編輯展開目錄
頁面與內容編輯目前可使用

頁面與導覽管理

新增、改名、排序或刪除頁面,並決定哪些頁面出現在網站導覽。

5 項操作・11 個步驟・最後複驗 2026-08-04

從哪裡進入

視覺編輯器 → 頁面

照著下方圖文逐步完成

重點摘要(TL;DR)

頁面設定會改變網站結構與網址,並連動導覽選單;草稿中可先預覽,發布後才影響訪客。

什麼時候會用到

  • 想新增關於我們、服務或常見問題頁
  • 想調整導覽列順序

開始前先準備

  • 先進入要修改的網站編輯器

圖解與實際畫面

網站導覽列上新出現的「常見問題」連結,以綠框標示
綠框是確認點:新頁面已經自動出現在導覽列。

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。

1

新增頁面

替不同主題建立獨立網址與可編輯畫布,並自動在導覽列補上連結。

  1. 1

    這一步要做

    在編輯器上方點目前的頁面名稱,展開頁面清單。

    編輯器上方顯示目前頁面名稱的按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:編輯器上方顯示目前頁名的那一格。
    1. 1操作
      位置:
      編輯器最上面一排,靠左顯示目前頁名的那一格。
      動作:
      按一下它。
      結果:
      下方展開整個網站的頁面清單。

    完成後會看到

    下方列出這個網站目前所有頁面與它們的網址。

  2. 2

    這一步要做

    按清單最下面的「新增頁面」。

    頁面清單最下方的「新增頁面」按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:清單最下面的「新增頁面」。
    1. 2操作
      位置:
      頁面清單最下面一列。
      動作:
      按「新增頁面」。
      結果:
      就地展開「頁面名稱」與「網址」兩個欄位。

    完成後會看到

    清單就地展開「頁面名稱」與「網址」兩個欄位。

  3. 3

    這一步要做

    填頁面名稱,再填一段英文小寫的網址,按「新增」。

    新增頁面表單的「頁面名稱」欄位,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是正在填寫的欄位:頁面名稱。
    1. 3操作
      位置:
      新增頁面表單上方的「頁面名稱」欄位。
      動作:
      輸入訪客看得懂的頁名,例如「常見問題」。
      結果:
      名稱填好後,下方的「新增」按鈕才會亮起來。
    新增頁面表單的「網址」欄位,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是正在填寫的欄位:網址,請用英文小寫。
    1. 3操作
      位置:
      「頁面名稱」下面的「網址」欄位。
      動作:
      輸入英文小寫的網址代稱,例如 faq;不要用中文。
      結果:
      欄位顯示 /faq,這就是訪客會看到的網址。
    新增頁面表單的「新增」按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:「新增」。
    1. 3操作
      位置:
      新增頁面表單最下面、「取消」右邊的藍色按鈕。
      動作:
      確認名稱與網址後按「新增」。
      結果:
      頁面建立、畫面切到這一頁的空白畫布,導覽列也自動多一個連結。

    完成後會看到

    新頁面加入清單、畫面切到這一頁的空白畫布,導覽列也自動多一個連結。

注意事項

  • 網址撞到系統保留字或功能頁網址時,欄位會變紅並說明被誰佔用,「新增」也按不下去。
  • 但撞到「你自己已有的頁面」不會被擋:兩頁同網址仍然建得起來,訪客只會看到其中一頁,另一頁永遠到不了。填之前先看一眼清單裡的網址。
  • 中文名稱不會自動帶出網址,「網址」這一格要自己填;留空會得到一段看不懂的亂碼網址。
  • 「網址」這一格打得進中文,但中文網址分享出去會變成一長串編碼,建議一律用英文小寫。
  • 頁面名稱留空時「新增」是關著的。
2

修改頁面名稱與網址代稱

更新後台頁名與訪客進入此頁的路徑。

  1. 4

    這一步要做

    展開頁面清單,在一般頁面右側按鉛筆「編輯頁面」。

    頁面清單中「常見問題 /faq」那一列右邊的鉛筆按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:該列右邊的鉛筆「編輯頁面」。
    1. 4操作
      位置:
      「常見問題 /faq」那一列最右邊,垃圾桶左邊的鉛筆。
      動作:
      按鉛筆。
      結果:
      該列就地變成可輸入的「頁面名稱」與「網址」欄位。

    完成後會看到

    該列變成可輸入的「頁面名稱」與「網址」欄位。

  2. 5

    這一步要做

    修改文字後按「完成」。

    頁面編輯表單的「頁面名稱」欄位,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是正在填寫的欄位:頁面名稱。
    1. 5操作
      位置:
      展開中的編輯表單上方欄位。
      動作:
      改成新的頁名。
      結果:
      欄位顯示新名稱,但還沒存檔。
    頁面編輯表單的「完成」按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:「完成」,按了才存檔。
    1. 5操作
      位置:
      編輯表單最下面的藍色按鈕。
      動作:
      按「完成」。
      結果:
      清單顯示新名稱;導覽選單上的字不會跟著變。

    完成後會看到

    頁面清單顯示新名稱,非首頁頁面使用新的 /<網址> 路徑。

注意事項

  • 首頁網址固定為 /,不會出現網址欄位。
  • 改頁面名稱不會同步改導覽選單上的文字,選單要到「導覽列」的「選單連結」清單另外改。
  • 更改既有網址後,已經發出去的舊連結不會自動導到新網址。
  • 導覽選單那筆連結也不會跟著改:它還指著舊網址,訪客點下去會進不到頁面。改完網址記得到「導覽列」的「選單連結」清單,把那一列的網址一起改。
3

調整導覽選單的順序

控制訪客在網站選單看到的連結先後。

  1. 6

    這一步要做

    在畫布點「導覽列」區塊,右側設定面板找到「選單連結」清單。

    畫布上的導覽列區塊,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:畫布上的導覽列,點它打開設定。
    1. 6操作
      位置:
      畫布最上方導覽列的品牌名稱。
      動作:
      點一下導覽列這一段。
      結果:
      右邊打開導覽列設定,裡面有「選單連結」清單。

    完成後會看到

    每個連結右邊出現向上箭頭、向下箭頭與垃圾桶三個圖示。

  2. 7

    這一步要做

    用「上移/下移」排好順序;功能自動頁若還沒在選單,可在頁面清單按「加入選單」。

    選單連結清單中某一列的「上移」按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:該列的「上移」。
    1. 7操作
      位置:
      「選單連結」清單裡要移動那一列右邊的向上箭頭。
      動作:
      按向上箭頭。
      結果:
      這個連結在導覽列往前挪一格。
    導覽列上調整順序後的「作品集」連結,以綠框標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    綠框是確認點:導覽列已依新順序排列。
    1. 7核對
      位置:
      畫布最上方的導覽列。
      動作:
      確認連結的先後順序。
      結果:
      訪客看到的先後,就是「選單連結」清單的先後。

    完成後會看到

    導覽列立即依新順序排列。

注意事項

  • 一般頁面沒有另一套獨立排序;訪客看到的先後就是「選單連結」清單的先後。
  • 新增頁面時系統會自動補一筆連結,刪除頁面時卻不會自動移除,需要手動清掉。
4

隱藏或刪除頁面

讓頁面不出現在選單,或把不再需要的頁面移除。

  1. 8

    這一步要做

    只想把某一頁藏起來時,在「導覽列」設定的「選單連結」清單,按該列最右邊的垃圾桶。

    選單連結清單中殘留那一列的「刪除項目」按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:該列最右邊的垃圾桶,只刪這條選單連結、不動頁面。
    1. 8操作
      位置:
      「選單連結」清單裡那一列最右邊的垃圾桶圖示。
      動作:
      按垃圾桶。
      結果:
      導覽列不再有那個連結。

    完成後會看到

    訪客選單不再顯示連結,但直接輸入網址仍可進入該頁。

  2. 9

    這一步要做

    確定不要頁面時,展開頁面清單,按該頁右側的垃圾桶。

    頁面清單中該列右邊的垃圾桶按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是現在要按的位置:該列右邊的垃圾桶「刪除頁面」。
    1. 9操作
      位置:
      要刪的那一列最右邊。
      動作:
      按垃圾桶。
      結果:
      頁面立刻移除,不會再問一次;按錯可用「復原」救回。
    頁面已刪除,導覽列上仍留著的「常見問題」連結,以綠框標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    綠框是確認點:刪頁不會一併移除導覽連結。
    1. 9核對
      位置:
      畫布最上方的導覽列。
      動作:
      確認那個連結還在。
      結果:
      它已經指向一個不存在的頁面,要自己去刪掉。

    完成後會看到

    頁面立刻從清單移除,草稿中不再保留其區塊;導覽列上那個連結還在。

注意事項

  • 刪除不會再次確認;按錯請立刻用編輯器上方的「復原」救回。
  • 刪除頁面不會一併移除導覽列上的連結,記得回「選單連結」清單刪掉那一列。
  • 網站只剩一頁時不提供刪除,至少要保留一頁。
5

辨認系統固定頁

分清楚手動頁面與由功能自動建立、網址固定的頁面。

  1. 10

    這一步要做

    展開頁面清單,先看上半部的一般頁面與它們右邊的網址。

    頁面清單中「關於」那一列以綠框標示,右側顯示網址 /about

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    綠框是確認點:每一列右邊的灰字就是這一頁的網址。
    1. 10核對
      位置:
      頁面清單裡的「關於」那一列。
      動作:
      看它右邊的灰色文字。
      結果:
      顯示 /about,代表訪客用這個網址進到這一頁。

    完成後會看到

    一般頁面都能用鉛筆改名、用垃圾桶刪除。

  2. 11

    這一步要做

    再往下看帶「自動」標籤的功能頁,需要放進導覽時按「加入選單」,要改內容按「管理內容」。

    頁面清單中作品集自動頁那一列的預覽按鈕,以綠框標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    綠框圈的是「預覽」。標「自動」的功能頁就只有這一排動作,沒有鉛筆也沒有垃圾桶;還沒放進選單時,這一排會多一個「加入選單」。
    1. 11核對
      位置:
      頁面清單下半部「作品集 /portfolio」那一列。
      動作:
      看綠框圈住的「預覽」。
      結果:
      這一列只有這一排動作,沒有鉛筆也沒有垃圾桶——代表它是功能自動建立的頁面,網址固定。

    完成後會看到

    系統只新增導覽連結,或開啟對應的管理後台,不會把固定頁變成一般頁面。

注意事項

  • 系統固定頁的網址與內容由功能管理,不能用一般頁面的鉛筆改名或刪除。
  • 找不到某個自動頁,通常代表對應的功能還沒開啟。

遇到問題先看這裡

頁面已建立但導覽列看不到?
新增頁面時系統會自動補一筆選單連結,若之前手動刪過就要到「導覽列」的「選單連結」清單按「新增選單連結」補回來。改完還要按「發佈」,訪客才會看到。系統固定頁則要在頁面清單按「加入選單」。
改了頁面名稱,導覽列上的字沒變?
兩者是分開的。頁面名稱是後台用的頁名;導覽列上的文字存在「選單連結」清單裡,要在那裡一併改。
不小心按到垃圾桶把頁面刪了?
刪除沒有二次確認,但可以復原:立刻按編輯器上方的「復原」(Ctrl+Z),內容不會遺失。
中文頁名打完,網址欄還是空的?
這是正常的。系統只能從英文標題自動帶出網址,中文帶不出來,請自己填一段英文小寫,例如 faq、pricing、courses。
不是這個問題?查全部排除方法

相關功能

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。