2026 年 6 月起，秒站的「網站設定 → 首頁」分頁全面改版。除了原本的「自訂首頁」下拉變成 4 種模式可選之外，新增了一個「首頁區塊調整」modal，讓你直接拖拉重排首頁的所有 section，用 toggle 一鍵顯示／隱藏，還可以把自己建好的 Vibe 畫布加進首頁尾端。同一套 modal 也延伸到關於、服務、聯絡 3 頁。
這篇教你怎麼用這個 modal 重排首頁，4 種首頁模式分別怎麼運作，以及拖壞了怎麼救回來。完整背景與設計理念可看〈秒站後台彈性大升級：首頁區塊拖拉、4 種首頁模式、3 大頁面同步改版〉。
開始之前#
本篇所有操作都在後台「網站設定」內完成。你不需要到其他「外觀」「選單」「Widgets」選項分散設定，秒站已經把首頁的調整集中到一個 modal 裡。
如果你要把 Vibe 畫布加進首頁尾端，前提是你已經建好至少一張 Vibe 畫布頁面。還沒建的話可以先到後台左側「Vibe 畫布」選單新增一張，再回來做這篇的操作。
步驟一：打開「首頁區塊調整」modal#
- 登入秒站後台
- 左側選單點「網站設定」
- 切到「首頁」tab
- 右上有一顆藍色按鈕「開啟首頁區塊調整」，按下就會跳出 modal
Modal 內每一列代表首頁的一個區塊，例如 hero、商品列表、最新文章、聯絡資訊等。你可以一次看到全部 section 的排序與顯示狀態，不必再到區塊編輯區逐個翻設定。
步驟二：拖拉重排區塊#
Modal 內每一列左側有一個拖拉手把（三條橫線圖示）。按住手把直接往上或往下拖到你想要的位置就放手，順序立即更新。
底部固定有一條 footer，footer 內有「儲存」「取消」兩顆按鈕。在按下儲存之前的所有調整都還是預覽狀態，可以隨時用「取消」回到原樣。
什麼情境會需要重排#
- 電商檔期：把熱銷商品 section 拖到最上面、品牌故事往下放
- 剛起步的服務型網站：把「客戶見證」拖到最上方先做社會證明，「公司簡介」放下面
- 部落格型網站：把「最新文章」拖到 hero 下方，讓訪客一進來就看到內容
步驟三：顯示／隱藏切換#
每一列右側有一顆 toggle 開關，旁邊配一個小字 label：藍色「顯示」代表這個區塊會出現在前台，灰色「隱藏」代表暫時不出現但設定還在。
暫時不用某個 section 但又不想清掉設定的話（例如季節性 banner），就把 toggle 切到「隱藏」。下次要用時切回「顯示」，內容會原樣回來，不用重做。
過去這個顯示開關藏在每個 section 各自的編輯面板裡，要切 3 個 section 就要打開 3 個面板。現在 modal 集中管理，是同一個 source of truth，後台與前台一致。
步驟四：把 Vibe 畫布加進首頁尾端#
Modal 下方有一顆「＋ 在清單尾端新增 Vibe 畫布」按鈕。按下會展開一個搜尋面板：
- 輸入畫布名稱關鍵字，下方會即時列出符合的畫布
- 點選想加進來的畫布
- 畫布會以一列加進清單尾端，跟其他 section 一樣可以拖拉重排，也可以用 toggle 顯示／隱藏
這個機制適合做「活動／檔期 banner」「電子報訂閱區」「品牌特色介紹」這類自製內容，不必動原本的 section 設定。
步驟五：一鍵恢復預設（救援按鈕）#
Modal 左下有一顆紅色的「一鍵恢復預設」按鈕。按下會跳一個 confirm 視窗：「會將首頁區塊恢復為預設，目前的自訂順序與顯示設定將被覆蓋，確定嗎？」
確認後首頁區塊會回到秒站出廠的預設順序與顯示狀態。拖拉拖到分不清時就按這顆，從頭再來。
注意：恢復預設只動「順序與顯示開關」，不會清掉你在各個 section 內的內容設定（標題、文案、圖片）。所以不會誤刪資料，可以放心按。
4 種首頁模式怎麼選#
「自訂首頁」這個欄位在「首頁」tab 最上方，點搜尋輸入框會展開下拉，4 種模式如下：
- 原秒站首頁：預設模式，hero + 你在區塊編輯區配置的 section 組合，所有「首頁區塊調整 modal」的拖拉重排都用於這個模式
- 商城首頁：訪客打開 / 直接看到商品列表，網址停在根網址不會跳轉到 /shop/，SEO 角度等於把根網址的權重灌進商品列表
- 文章列表頁：訪客打開 / 直接看到最新文章卡片清單，免去「先看 hero 再點進部落格」的兩步路徑，內容型網站適用
- 畫布當首頁：把任一張 Vibe 畫布指定為首頁，畫布的網址會直接位於根網址，不會有 /canvas/ 前綴。檔期活動、雙 11、新品發表這類短期 LP 適用
商城首頁／文章列表也能加 Vibe 畫布嗎？#
可以。切到「商城首頁」或「文章列表」模式之後，打開區塊調整 modal 會看到一列黃底鎖頭：原本的 hero 與部分 section 會被鎖住（這部分由模式決定），但「＋ 在清單尾端新增 Vibe 畫布」按鈕仍可使用。
意思是：你的根網址前段是「商品列表」或「文章列表」的核心區塊，後段可以接你自製的 Vibe 畫布（例如品牌故事、電子報訂閱、客戶見證）。對「想用商城/列表當主軸但又想保留品牌內容」的店家最受惠。
同樣的 modal 延伸到關於、服務、聯絡 3 頁#
2026-06 後關於、服務、聯絡 3 頁也都加了同款「區塊調整」按鈕。每頁打開後台 tab 都有一顆「開啟區塊調整」按鈕，操作邏輯跟首頁一模一樣：拖拉重排、toggle 顯示／隱藏、加 Vibe 畫布、一鍵恢復預設。
各頁 tab 標題列的「頁面狀態」toggle 也同步改成更直覺的「顯示／隱藏」文案，整個秒站後台的開關語意在這次改版後完全統一。
邊界提醒#
- 商城首頁／文章列表模式下，被「黃底鎖頭」鎖住的 section 不能拖拉重排，這是模式設定的固定部分
- 「一鍵恢復預設」只動順序與顯示開關，不會清掉各 section 內的內容（標題、文案、圖片）
- 切換 4 種首頁模式是即時的，但對 SEO 來說網址路徑變化不大（全都停在根網址），不必擔心既有 backlink 失效
- Modal 內的「儲存」是必要動作，未儲存就關掉 modal 所有改動都會還原
下一步#
如果你打算用「畫布當首頁」做活動 LP，可以參考切換網站首頁，三步驟完成看完整切換流程；想了解 Vibe 畫布怎麼建可看發佈第一個頁面：填空式架站、Vibe 畫布、區塊版面配置三種方式比較。
常見問題
我把首頁區塊拖壞了能還原嗎？
可以。Modal 左下有「一鍵恢復預設」按鈕，按下會跳 confirm 視窗確認，再按一次就把首頁區塊回到秒站出廠的預設順序與顯示狀態。這個動作只動順序與顯示開關，不會清掉各 section 內的內容（標題、文案、圖片），所以放心按。
4 種首頁模式可以隨時切換嗎？
可以。在「網站設定 → 首頁 tab → 自訂首頁」下拉直接選新的模式即可立即生效，不必停機，不會影響其他頁面。模式之間的設定（例如商城首頁模式下挑了哪張畫布加在尾端）會獨立保留，切回來時不會被清空。
切換首頁模式會影響 SEO 嗎？
4 種模式的網址路徑都停在根網址（如 example.com/），不會跳轉到 /shop/ 或 /blog/。既有的 backlink 跟搜尋結果排名不會因此失效。但內容變動本身（例如從 hero 改成商品列表）會被搜尋引擎重新評估，建議切換前先用 Rank Math 確認首頁的 meta title、description 仍符合新主軸。
商城首頁、文章列表模式下，可以調整哪些區塊？
切到「商城首頁」或「文章列表」模式之後，打開區塊調整 modal 會看到一列黃底鎖頭，那是模式核心區塊（商品列表本體或文章卡片清單），不能拖拉重排也不能隱藏。但「＋ 在清單尾端新增 Vibe 畫布」按鈕仍可使用，可以在核心區塊下方接你自製的畫布內容。
加進首頁的 Vibe 畫布跟原本的 Vibe 畫布頁面是同一張嗎？
是同一張。Modal 內加進首頁的 Vibe 畫布是「引用」原本的畫布頁面，畫布內容仍存在 Vibe 畫布選單下，編輯時兩邊會同步。如果你之後在 Vibe 畫布選單改了內容，首頁尾端的引用也會跟著更新；如果只是想暫時不顯示，用列右側的 toggle 切到「隱藏」就好。