更換模板
先預覽模板的真實渲染與內容差異，再選擇保留自己的內容或改用模板範例。
共 5 項操作・10 個步驟・最後複驗 2026-08-13
從哪裡進入
視覺編輯器 → 模板
照著下方圖文逐步完成
重點摘要（TL;DR）
模板切換會更新草稿的頁面結構、區段版型、導覽與主題；預設保留可匹配的既有內容，只有「用模板範例內容」會替換原頁面內容。
什麼時候會用到
- 想換網站整體版型，但保留已輸入的文字與圖片
- 想捨棄目前草稿，改用另一套模板的完整範例內容
開始前先準備
- • 先進入要修改網站的視覺編輯器，並等草稿顯示「已儲存」
- • 使用「用模板範例內容」前，先確認目前頁面內容可以被替換
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
挑選並預覽模板
先看模板的真實渲染與內容差異，不立即改動草稿。
- 1
這一步要做
在編輯器左側按「模板」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是入口：按左側工具列的「模板」。 - 1操作
- 位置：
- 編輯器左側工具列。
- 動作：
- 按「模板」。
- 結果：
- 左側展開模板清單。
完成後會看到
左側展開「選擇模板」面板。
- 2
這一步要做
選一張模板卡，按「套用此模板」，再查看實際渲染預覽。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先點模板卡選取；此時還沒有改動草稿。 - 2操作
- 位置：
- 左側模板清單。
- 動作：
- 選取「朝暮 CHOMU」。
- 結果：
- 卡片顯示選取狀態。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「套用此模板」只會先開啟預覽，不會直接改掉內容。 - 2操作
- 位置：
- 模板面板右下角。
- 動作：
- 按「套用此模板」。
- 結果：
- 開啟實際渲染預覽與內容差異。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認這是模板範例內容的真實渲染預覽。 - 2核對
- 位置：
- 模板預覽畫面下方。
- 動作：
- 確認預覽說明。
- 結果：
- 顯示「實際渲染預覽（模板範例內容）」。
完成後會看到
畫面顯示模板範例的真實渲染，以及兩種內容套用模式。
注意事項
- • 「套用此模板」只開啟預覽；真正改動草稿的是下一步的「確認套用」或「清空並套用」。
保留自己的內容
保留可匹配的舊內容、加入模板新內容，並把沒有位置可放的舊區段停放為隱藏。
- 3
這一步要做
保持預設的「保留我的內容」，先查看保留、模板新增與停放的區段數量。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先看保留、模板新增與停放的數量，再確認套用。 - 3核對
- 位置：
- 預覽面板的內容差異報告。
- 動作：
- 確認保留內容的數量。
- 結果：
- 顯示 14 段保留你的內容。
完成後會看到
差異報告清楚列出這次套用會如何處理每一類內容。
- 4
這一步要做
按「確認套用」，再確認首頁仍顯示原本的主標題。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
差異確認完畢後，按「確認套用」寫入草稿。 - 4操作
- 位置：
- 模板預覽面板右下角。
- 動作：
- 按「確認套用」。
- 結果：
- 新模板以保留內容模式套用。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認原本的品牌主標題仍在，代表內容保留成功。 - 4核對
- 位置：
- 套用後的首頁主視覺。
- 動作：
- 確認原本主標題仍在。
- 結果：
- 畫面仍顯示「讓品牌」開頭的原內容。
完成後會看到
新版型套用成功，原本可匹配的內容仍在；未匹配區段留在草稿中但暫時隱藏。
注意事項
- • 停放的舊區段是隱藏而非刪除；套用後要逐頁檢查，決定重新顯示或移除。
改用模板範例內容
以模板的頁面、區段、文字、圖片、網站名稱與導覽取代目前草稿，適合確定要重新開始時使用。
- 5
這一步要做
在預覽中改選「用模板範例內容」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
這是破壞性模式：用模板範例內容取代目前的頁面內容。 - 5操作
- 位置：
- 模板預覽的模式選擇區。
- 動作：
- 選「用模板範例內容」。
- 結果：
- 確認按鈕改成「清空並套用」。
完成後會看到
畫面顯示替換警告，確認按鈕改成「清空並套用」。
- 6
這一步要做
確認既有草稿可以被替換後，按「清空並套用」，再確認首頁已換成模板範例。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
確認要從模板範例重做後，才按「清空並套用」。 - 6操作
- 位置：
- 模板預覽面板右下角。
- 動作：
- 按「清空並套用」。
- 結果：
- 草稿改成模板的範例頁面與內容。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認首頁已換成模板範例內容。 - 6核對
- 位置：
- 套用範例後的首頁主視覺。
- 動作：
- 確認模板範例主標題。
- 結果：
- 畫面顯示「從早到晚，一套衣。」。
完成後會看到
草稿改用模板完整範例，首頁顯示「從早到晚，一套衣。」。
注意事項
- • 這個模式會替換既有頁面內容與網站名稱；商家聯絡資料、營業資料、社群連結、語系與 SEO 設定仍屬網站帳號層級設定。
檢查頁面與手機版
確認模板新增的頁面、網址與行動版排版都符合需求，再決定是否發佈。
- 7
這一步要做
展開上方頁面清單，逐頁確認模板加入的頁面與網址。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框是模板新增的頁面與網址；逐頁確認後再發佈。 - 7核對
- 位置：
- 編輯器上方展開的頁面清單。
- 動作：
- 確認「尺寸與版型」及 /size-guide。
- 結果：
- 模板新增頁面已加入草稿。
完成後會看到
頁面清單顯示模板新增頁，例如「尺寸與版型 /size-guide」。
- 8
這一步要做
切到「手機」預覽，檢查標題、導覽與按鈕，再切回「桌面」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
切到手機預覽，逐頁檢查排版與導覽。 - 8核對
- 位置：
- 編輯器上方的裝置切換區。
- 動作：
- 確認「手機」已選取。
- 結果：
- 畫布以手機寬度預覽。
完成後會看到
畫布以手機寬度顯示，重要內容沒有溢出或被裁掉。
注意事項
- • 「已儲存」只表示草稿已保存；公開網站要等你另按「發佈」才會改變。
復原並確認自動儲存
把不滿意的整次模板套用回復到前一個草稿狀態，並確認復原結果已保存。
- 9
這一步要做
若結果不對，立即按上方「復原」或 Ctrl+Z。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
套用結果不對時，立即按「復原」。 - 9操作
- 位置：
- 編輯器上方工具列。
- 動作：
- 按「復原」。
- 結果：
- 整次模板套用回復到前一個草稿狀態。
完成後會看到
整次模板套用回到前一個草稿狀態。
- 10
這一步要做
等待上方狀態顯示「已儲存」，再離開編輯器或發佈。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
看到「已儲存」再離開；訪客端仍要另按「發佈」才會改變。 - 10核對
- 位置：
- 編輯器上方右側的草稿狀態。
- 動作：
- 等待並確認「已儲存」。
- 結果：
- 復原後的草稿已保存，公開網站尚未改變。
完成後會看到
復原後的草稿已保存；訪客網站仍維持已發佈版本。
注意事項
- • 離開編輯器前先等「已儲存」；若已離開且無法復原，可到版本紀錄找回較早的草稿。
遇到問題先看這裡
- 套用後有些原本區段不見了？
- 保留內容模式會把新模板沒有位置可放的舊區段停放為隱藏區段，不會直接刪除。到對應頁面查看隱藏區段並重新顯示，或立即按「復原」回到套用前。
- 預覽是模板文字，套用後卻還是自己的文字？
- 你使用的是預設的「保留我的內容」，這正是它的用途。若確定要以範例重做，重新選模板、改選「用模板範例內容」，再按警示色的「清空並套用」。
- 不小心按了「清空並套用」？
- 留在編輯器裡，立即按上方「復原」或 Ctrl+Z。一次模板套用是一筆復原紀錄，可以整批回到套用前。
- 切換後公開網站為什麼沒有改變？
- 模板切換先寫入草稿。等上方顯示「已儲存」、完成桌面與手機檢查後，仍要另按「發佈」，訪客端才會更新。