【功能更新】秒站後台彈性大升級：首頁區塊拖拉、4 種首頁模式、3 大頁面同步改版

秒站後台 2026 年 6 月一口氣升級三件事：首頁能在後台直接拖拉排序，可以一鍵切換 4 種首頁模式（原秒站首頁、文章列表、商城首頁、Vibe 畫布），同樣的彈性還延伸到關於、服務、聯絡 3 頁。原本要切三個地方才改得到的版面，現在打開一個 modal 就搞定。

這篇拆解三項功能各解掉哪個老痛點，怎麼搭起來變成「秒站的後台彈性」，以及哪些情境最受惠。

快速摘要

• 首頁、關於、服務、聯絡 4 頁皆可在後台直接拖拉排序、開關區塊。
• 首頁新增 4 種模式：原秒站首頁、文章列表、商城首頁、Vibe 畫布，下拉一鍵切換。
• 區塊順序、開關、畫布加入均即時儲存，即時生效，不用打開頁面編輯器，也不用按發佈。

為什麼這次更新值得一篇文章

秒站過去把後台簡化得很徹底，這也是不少客戶選秒站的主因之一：不用碰一大堆技術設定，照著表單填一填網站就上線了。

但「簡單」走到一定程度，會出現新問題——彈性不夠。客戶想換首頁區塊順序，得切到一個 tab；想把某段藏起來，得切到另一個區塊的編輯區；想做檔期活動把首頁變成商城列表，得另外問客服。同一個首頁要動三個地方，兩處改值常不同步，最後不知道哪個才是真的。

這次更新主軸就是把這條摩擦線大幅打平。三項功能彼此咬合：拖拉排序解掉「順序綁死」，4 模式解掉「首頁只能長一種樣子」、開關整合解掉「兩處改值不同步」。下面逐項拆解。

變化一：首頁區塊調整 modal — 拖拉，開關，一鍵還原

在後台哪裡打開？

登入秒站後台，左側選「網站設定」，切到「首頁」tab。右上有一顆藍色按鈕「開啟首頁區塊調整」，按下就會跳出 modal。

拖拉怎麼用？

Modal 內每一列代表首頁的一個區塊。左側有拖拉手把（三條橫線），按住直接往上往下拖到想要的位置就放手。底部 footer 會即時顯示「修改即時儲存，前台立即生效」。

每個區塊前面有一個編號（0–7），對應秒站首頁原本的順位。注意：這個編號是「身分證」，不是「目前位次」——你把「5. 商城區塊」拖到最上面，它在 modal 裡仍然叫「5. 商城區塊」，但前台確實會排在第一個。編號只是讓你辨識區塊用。

顯示與隱藏怎麼切？

每一列右側有一顆 toggle，旁邊配一個小字 label：藍色「顯示」代表這個區塊會出現在前台，灰色「隱藏」代表暫時不顯示。toggle 切到隱藏後，整列也會變淡灰，視覺一眼分得出。

很多客戶會擔心「隱藏會不會把內容刪掉？」答案是不會。隱藏只是讓前台不渲染這個區塊，文案、圖片、商品設定都還在後台，隨時可以切回顯示。比較適合用在「這次檔期暫時不想露這段」「正在改文案還沒想好要不要上」這類情境。

想插入自家 Vibe 畫布怎麼辦？

Modal 下方有一個「＋ 在清單尾端新增 Vibe 畫布」按鈕，按下會展開一個搜尋面板，可以打關鍵字找你已經建好的畫布，按一下就加進清單尾端，再拖到想要的位置即可。

加進來的畫布在 modal 裡會用淺藍色底跟區塊區分，左側標籤從「區塊」變成「畫布」，一眼看得出哪些是秒站原生 section，哪些是你自己用 Vibe 畫布做的。想了解 Vibe 畫布本身怎麼用，可以看這篇 Vibe 畫布發表文。

不小心拖壞了怎麼救？

Modal 左下有一顆紅色的「一鍵恢復預設」按鈕，按下會跳 confirm 視窗確認：「會將首頁區塊恢復為預設，目前的自訂順序與已加入的 Vibe 畫布會還原成出廠狀態。」確認後一切回到秒站當初的設定，等於給你一個隨時可以反悔的安全網。

變化二：4 種首頁模式 — 一個下拉就換氣質

4 種模式分別是什麼？

「自訂首頁」這個欄位在「首頁」tab 最上方，點一下搜尋輸入框會展開下拉，4 種模式如下：

• 原秒站首頁：預設模式，就是秒站開站給你的 8 個 section 樣板。
• 文章列表頁：首頁直接變成最新文章卡片清單，適合部落格型網站。
• 商城首頁：首頁直接變成商城商品列表，URL 維持 /，適合電商型網站。
• Vibe 畫布：把你自己做的某張 Vibe 畫布直接當首頁，適合活動 LP 或單頁網站。

商城首頁模式怎麼運作？

切到「商城首頁」之後，訪客打開你的 / 會直接看到商城商品列表，網址不會跳轉到 /shop/，仍然停在根網址。SEO 角度比舊版的 redirect 做法乾淨：domain 權重集中在 /，不會被 301 鏈分散。

文章列表當首頁要注意什麼？

切到「文章列表頁」後，訪客打開 / 就直接看到你的最新文章卡片清單，免去原本「先看 hero 再點進部落格」的兩步路徑。秒站佈景主題會自動把原本顯示在文章列表上方的麵包屑、頁面標題隱藏起來，畫面從第一張文章卡片開始，乾淨俐落。

畫布當首頁適合誰？

三類人最受惠：第一是檔期活動主——雙 11、週年慶、新品發表時把首頁切成活動 LP，活動結束切回去，不用搬內容。第二是純單頁網站——咖啡廳、餐酒館、小型工作室，整個首頁就是一張完整 LP，連 hero、選單、CTA 都自訂。第三是品牌實驗——想試新的首頁設計但不想動到現行版本，先做張畫布、切過去看看反應，覺得不行隨時切回原秒站首頁。

需要存好幾版首頁一鍵切換的話，可以搭配一鍵切換首頁功能使用。步驟級的操作詳見切換網站首頁教學。

文章列表、商城首頁也能加 Vibe 畫布嗎？

可以，這是這次更新最受好評的部分。切到「文章列表」或「商城首頁」之後，打開區塊調整 modal 會看到一列黃底鎖頭，那是頁面本身的「佔位列」（讓你知道商城頁、文章列表頁是由系統自動 render，不能拖也不能關），但鎖頭的上方與下方都可以加 Vibe 畫布。

實際用法：商城首頁上方加一段品牌故事（讓訪客先看到「我們是誰」再看商品），或在下方加一段顧客見證與聯絡資訊。部落格首頁上方加作者介紹、訂閱表單，下方接 Instagram 連結。

變化三：顯示開關整合 — 一個 source of truth

舊版的痛點是什麼？

這項改進比較隱形，但解掉的痛點最深。以前每個 section 在區塊編輯區內都有自己的「是否顯示」toggle，這個 toggle 跟「首頁區塊調整」裡的 toggle 是兩個地方、兩個值。客戶在編輯區關掉、回到 modal 又看到開啟，到底前台會不會顯示？沒人講得清楚。

這次怎麼解決？

這次更新把區塊編輯區內的那個 toggle 收進 modal，所有顯示與隱藏的開關，全部集中在「首頁區塊調整」modal 內。只有一個地方能改，也只有一個值會生效，再也不會出現「兩處不同步，不知道前台會顯示哪個」的灰色地帶。

這個設計在軟體工程裡叫「single source of truth」（單一真實來源）：同一個資料只有一個地方可以寫，所有讀取的地方都從這裡來。對客戶來說的好處很簡單——你看到的開關狀態，就是前台的真實狀態，沒有第二種可能。

關於、服務、聯絡 3 頁也順手對齊

關於、服務、聯絡 3 頁也同步調整。各頁 tab 標題列的「頁面狀態」toggle，文案統一為更直覺的「顯示／隱藏」，跟 modal 內的用詞一致。同一個概念全站用同一個字，學一次走全站。

同樣的彈性，延伸到關於、服務、聯絡 3 頁

首頁改完，秒站順手把同一套 modal 推到關於、服務、聯絡 3 頁。每頁打開後台 tab 都有一顆「開啟區塊調整」按鈕，跳出來的 modal 介面、操作邏輯、樣式跟首頁完全一致，差別只在每頁的 section 數量：

• 關於頁：4 個 section（左圖右文、三欄式、一列式圖庫、帶圖文之卡片式）。
• 服務頁：3 個 section（客製化、三欄式、左圖右文式）。
• 聯絡頁：1 個 section（表單或預約系統）。

這 3 頁也都能在 section 之間插入 Vibe 畫布（不需要 sentinel 機制，因為這 3 頁沒有「自動 render 的內容」要保護）。最實用的場景：關於頁拖一張團隊照片畫布到客戶評價之前，服務頁把限定方案放在最上面，聯絡頁在表單上方加營業時間與交通畫布——全部不必工程師動 template。

什麼情境最受惠

電商主題檔期

平常用「原秒站首頁」展示品牌與全商品；雙 11 來臨時，先建一張「雙 11 限定首頁」畫布（hero、倒數、熱銷三件、CTA），活動前一晚切到「Vibe 畫布」模式上線，活動結束切回去。原秒站首頁的所有設定一動也不動，下次活動再拿出來改個倒數時間就能用。

部落格內容型網站

切到「文章列表」當首頁，搭配 sentinel 在上方加一張作者介紹畫布。訪客第一眼看到作者照片與電子報訂閱按鈕，往下捲就直接看到最新文章卡片，動線從「首頁 → 部落格列表 → 內文」濃縮成「首頁 → 內文」。

服務型工作室

剛起步，客戶評價還在累積階段時，把關於頁的「客戶見證」section 拖到最上方，「公司簡介」往下放——社會證明先行。等規模穩了之後再換回標準順序，全程不必跟工程師排程，後台拖兩下就好。也可以參考首頁 Banner 設計教學順手把 hero 換成新的活動畫面。

邊界提醒

• 區塊順序與顯示開關都是即時 AJAX 儲存，不用按發佈，但記得切到別的 tab 前讓 footer 顯示「已儲存」再離開，避免最後一次拖拉沒寫進去。
• 切換首頁模式時，目前模式已加入的 Vibe 畫布會被清掉，切換前 confirm 視窗會明示要清幾張，請看清楚再按確認。被清掉的是「加入紀錄」，畫布本身的內容仍然完整存在，重新加回去很快。
• 商城首頁模式需要先啟用秒站內建的商城外掛並完成商城頁設定；如果還沒設定，下拉選單裡這個選項會自動 disable 並顯示提示。
• 「畫布當首頁」模式下，畫布本身就是內容，所以區塊調整 modal 會 disable（沒有區塊可調），畫布要改內容請從 Vibe 畫布編輯器進入。
• 升級前舊版本的首頁設定資料會自動 migrate 到新結構，不用手動處理，第一次打開 modal 看到的就是你原本的順序。

內文精華總結

這次秒站後台彈性升級，解掉的是「同一個設定要跑三個地方」的摩擦：

• 首頁、關於、服務、聯絡 4 頁的區塊順序與顯示開關，全部集中進一個 modal，告別兩處不同步。
• 4 種首頁模式（原秒站首頁、文章列表、商城首頁、Vibe 畫布）讓電商主題檔期、部落格、單頁工作室各有對應入口。
• 切換模式與調整順序均即時儲存，不需工程師介入，也不用進頁面編輯器。

延伸閱讀

• 切換網站首頁教學——4 種模式的步驟級操作與常見問題。
• Vibe 畫布介紹——畫布本身的設計工具怎麼用。
• 一鍵切換首頁功能——存好幾版首頁，活動時一鍵切換。
• 首頁 Banner 設計教學——hero 視覺要換時怎麼換。
• 秒站全部功能總覽——50+ 項功能完整對照表，看秒站還能做什麼。

想試試秒站？

• 免費試用（不用信用卡）——直接進後台玩玩看區塊調整 modal。
• 看方案價格——月付 SaaS，可隨時取消。
• 看真實案例——不同產業的客戶站長什麼樣。