更換模板
先預覽模板的真實渲染與內容差異，再選擇保留自己的內容或改用模板範例。
共 5 項操作・16 個步驟・最後複驗 2026-10-03
從哪裡進入
視覺編輯器 → 模板
照著下方圖文逐步完成
重點摘要（TL;DR）
模板切換會更新草稿的頁面結構、區段版型、導覽與主題；預設保留可匹配的既有內容，只有「用模板範例內容」會替換原頁面內容。
什麼時候會用到
- 想換網站整體版型，但保留已輸入的文字與圖片
- 想捨棄目前草稿，改用另一套模板的完整範例內容
開始前先準備
- • 先進入要修改網站的視覺編輯器，並等草稿顯示「草稿已儲存」
- • 使用「用模板範例內容」前，先確認目前頁面內容可以被替換
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
挑選並預覽模板
先看模板的真實渲染與內容差異，不立即改動草稿。
安全更換網站模板：保留內容、套用範例與復原
- 1
這一步要做
在編輯器左側按「模板」。
為什麼：模板面板列出所有可以套用的網站模板，挑選與預覽都在這裡完成。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是入口：按左側工具列的「模板」。 - 1操作
- 位置：
- 編輯器左側工具列。
- 動作：
- 按「模板」。
- 結果：
- 左側展開模板清單。
完成後會看到
展開「選擇模板」面板。
- 2
這一步要做
選一張模板卡，按「套用此模板」，再查看實際渲染預覽。
為什麼：預覽是真實渲染，看到的就是套用後的樣子，比只看縮圖準。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先點模板卡選取；此時還沒有改動草稿。 - 2操作
- 位置：
- 左側模板清單。
- 動作：
- 選取「朝暮 CHOMU」。
- 結果：
- 卡片顯示選取狀態。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「套用此模板」只會先開啟預覽，不會直接改掉內容。 - 2操作
- 位置：
- 模板面板右下角。
- 動作：
- 按「套用此模板」。
- 結果：
- 開啟實際渲染預覽與內容差異。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認這是模板範例內容的真實渲染預覽。 - 2核對
- 位置：
- 模板預覽畫面下方。
- 動作：
- 確認預覽說明。
- 結果：
- 顯示「實際渲染預覽（模板範例內容）」。
完成後會看到
畫面顯示模板範例的真實渲染，以及兩種內容套用模式。
- 3
這一步要做
預覽中想換一套，按下方的「返回」回到模板清單重新挑。
為什麼：按下「確認套用」或「清空並套用」之前，網站都不會改，可以放心多比較幾套。
完成後會看到
回到「選擇模板」清單，草稿完全沒有變動。
注意事項
- • 「套用此模板」只開啟預覽；真正改動草稿的是下一步的「確認套用」或「清空並套用」。
保留自己的內容
保留可匹配的舊內容、加入模板新內容，並把沒有位置可放的舊區段停放為隱藏。
- 4
這一步要做
保持預設的「保留我的內容」，先查看保留、模板新增與停放的區段數量。
為什麼：先看數量就知道這次會保留多少、會收起多少，心裡有底再套用。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先看保留、模板新增與停放的數量，再確認套用。 - 4核對
- 位置：
- 預覽面板的內容差異報告。
- 動作：
- 確認保留內容的數量。
- 結果：
- 顯示 14 段保留你的內容。
完成後會看到
差異報告清楚列出這次套用會如何處理每一類內容。
- 5
這一步要做
按「確認套用」，再確認首頁仍顯示原本的主標題。
為什麼：確認原本的主標題還在，就知道你的內容有被保留下來。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
差異確認完畢後，按「確認套用」寫入草稿。 - 5操作
- 位置：
- 模板預覽面板右下角。
- 動作：
- 按「確認套用」。
- 結果：
- 新模板以保留內容模式套用。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認原本的品牌主標題仍在，代表內容保留成功。 - 5核對
- 位置：
- 套用後的首頁主視覺。
- 動作：
- 確認原本主標題仍在。
- 結果：
- 畫面仍顯示「讓品牌」開頭的原內容。
完成後會看到
新版型套用成功，原本可匹配的內容仍在；未匹配區段留在草稿中但暫時隱藏。
- 6
這一步要做
套用後逐頁往下捲，找寫著「已隱藏的…區塊」的灰色橫條：要留就在那一段的選單按「顯示這一段」，不要就把它刪除。
為什麼：沒有對應位置的舊內容是被收起來，不是刪掉；不處理的話它們會一直藏在草稿裡。
完成後會看到
需要的舊段落重新顯示，不需要的移除。
注意事項
- • 停放的舊區段是隱藏而非刪除；套用後要逐頁檢查，決定重新顯示或移除。
改用模板範例內容
以模板的頁面、區段、文字、圖片、導覽與配色取代目前草稿；網站名稱、描述、Logo、聯絡資訊與浮動聯絡按鈕仍保留。適合確定要重新開始時使用。
- 7
這一步要做
在預覽中改選「用模板範例內容」。
為什麼：警告與按鈕顏色改變，是提醒你這個選擇會清掉頁面內容。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
這是破壞性模式：用模板範例內容取代目前的頁面內容。 - 7操作
- 位置：
- 模板預覽的模式選擇區。
- 動作：
- 選「用模板範例內容」。
- 結果：
- 確認按鈕改成「清空並套用」。
完成後會看到
畫面顯示替換警告，確認按鈕改成「清空並套用」。
- 8
這一步要做
確認既有草稿可以被替換後，按「清空並套用」，再確認首頁已換成模板範例。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
確認要從模板範例重做後，才按「清空並套用」。 - 8操作
- 位置：
- 模板預覽面板右下角。
- 動作：
- 按「清空並套用」。
- 結果：
- 草稿改成模板的範例頁面與內容。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認首頁已換成模板範例內容。 - 8核對
- 位置：
- 套用範例後的首頁主視覺。
- 動作：
- 確認模板範例主標題。
- 結果：
- 畫面顯示「從早到晚，一套衣。」。
完成後會看到
草稿改用模板完整範例，首頁顯示「從早到晚，一套衣。」。
做錯或略過會怎樣
按下「清空並套用」後，你寫的頁面文字與圖片會被範例取代；要反悔只能馬上按「復原」或 Ctrl+Z。
- 9
這一步要做
到首頁與各頁把範例文字、圖片逐段換成自己的，並點開導覽列與頁尾，確認連結都指向對的頁面。
為什麼：範例內容是別的品牌的示範，留在網站上會讓客人搞混。
完成後會看到
網站上不再留有模板的示範店名、電話或照片。
做錯或略過會怎樣
網站名稱、Logo 與聯絡資訊雖然保留，但寫在各區塊裡的範例文字不會自動換成你的資料。
注意事項
- • 這個模式會替換既有頁面內容、導覽與配色；網站名稱、描述、Logo、商家聯絡資料、營業資料、社群連結、浮動聯絡按鈕、語系與 SEO 設定仍會保留。
檢查頁面與手機版
確認模板新增的頁面、網址與行動版排版都符合需求，再決定是否發佈。
- 10
這一步要做
展開上方頁面清單，逐頁確認模板加入的頁面與網址。
為什麼：新模板可能多出幾個頁面與網址，先確認哪些要留、哪些要改名。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框是模板新增的頁面與網址；逐頁確認後再發佈。 - 10核對
- 位置：
- 編輯器上方展開的頁面清單。
- 動作：
- 確認「尺寸與版型」及 /size-guide。
- 結果：
- 模板新增頁面已加入草稿。
完成後會看到
頁面清單顯示模板新增頁，例如「尺寸與版型 /size-guide」。
- 11
這一步要做
切到「手機」預覽，檢查標題、導覽與按鈕，再切回「桌面」。
為什麼：換版型後最容易在手機上出現長標題換行或按鈕擠在一起。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
切到手機預覽，逐頁檢查排版與導覽。 - 11核對
- 位置：
- 編輯器上方的裝置切換區。
- 動作：
- 確認「手機」已選取。
- 結果：
- 畫布以手機寬度預覽。
完成後會看到
畫布以手機寬度顯示，重要內容沒有溢出或被裁掉。
- 12
這一步要做
回到左側「全站顏色」「全站字體」「全站形狀」看一次，確認全站風格是你要的。
為什麼：兩種套用方式都會換成模板的配色、字體與形狀，你之前調過的全站風格需要重新選。
完成後會看到
配色、字體與形狀符合你的品牌。
- 13
這一步要做
確認都沒問題後按「發佈」，在「檢查本次發布內容」按「確認發布整站」。
為什麼：換模板的結果只在草稿裡，發佈後訪客才看得到。
完成後會看到
成功卡顯示「已發佈」，公開網站換成新模板。
注意事項
- • 「草稿已儲存」只表示草稿已保存；公開網站要等你另按「發佈」才會改變。
復原並確認自動儲存
把不滿意的整次模板套用回復到前一個草稿狀態，並確認復原結果已保存。
- 14
這一步要做
若結果不對，立即按上方「復原」或 Ctrl+Z。
為什麼：一次模板套用是一筆復原紀錄，按一下就能整批退回。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
套用結果不對時，立即按「復原」。 - 14操作
- 位置：
- 編輯器上方工具列。
- 動作：
- 按「復原」。
- 結果：
- 整次模板套用回復到前一個草稿狀態。
完成後會看到
整次模板套用回到前一個草稿狀態。
- 15
這一步要做
等待上方狀態顯示「草稿已儲存」，再離開編輯器或發佈。
為什麼：復原後的結果也要存進草稿，重新整理或換裝置才看得到。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
看到「已儲存」再離開；訪客端仍要另按「發佈」才會改變。 - 15核對
- 位置：
- 編輯器上方右側的草稿狀態。
- 動作：
- 等待並確認「已儲存」。
- 結果：
- 復原後的草稿已保存，公開網站尚未改變。
完成後會看到
復原後的草稿已保存；訪客網站仍維持已發佈版本。
- 16
這一步要做
如果已經離開過編輯器，Ctrl+Z 就退不回去了：按左側「版本」，在「版本歷史」選套用前的版本按「還原」，再按「確定還原」。
為什麼：編輯與發佈時系統會自動留存版本，離開編輯器後要靠它找回。
完成後會看到
草稿回到那個版本的內容；還原本身也可以再用 Ctrl+Z 復原。
注意事項
- • 離開編輯器前先等「已儲存」；若已離開且無法復原，可到左側「版本」的「版本歷史」找回較早的版本。
遇到問題先看這裡
- 套用後有些原本區段不見了？
- 保留內容模式會把新模板沒有位置可放的舊區段停放為隱藏區段，不會直接刪除。到對應頁面查看隱藏區段並重新顯示，或立即按「復原」回到套用前。
- 預覽是模板文字，套用後卻還是自己的文字？
- 你使用的是預設的「保留我的內容」，這正是它的用途。若確定要以範例重做，重新選模板、改選「用模板範例內容」，再按警示色的「清空並套用」。
- 不小心按了「清空並套用」？
- 留在編輯器裡，立即按上方「復原」或 Ctrl+Z。一次模板套用是一筆復原紀錄，可以整批回到套用前。
- 切換後公開網站為什麼沒有改變？
- 模板切換先寫入草稿。等上方顯示「草稿已儲存」、完成桌面與手機檢查後，仍要另按「發佈」，訪客端才會更新。
- 「保留我的內容」和「用模板範例內容」該選哪一個？
- 已經寫好文字、放好照片，只想換外觀，選「保留我的內容」；網站還是空的，或想照著範例整個重來，選「用模板範例內容」。不確定就先選保留，不滿意再按「復原」。
- 換模板後，我調好的顏色與字體也變了？
- 兩種套用方式都會換成模板的配色、字體與形狀。到「全站顏色」「全站字體」「全站形狀」重新選回來，或馬上按「復原」退回。
- 換模板會清掉我的商品、文章或訂單嗎？
- 不會。換模板只改網站的頁面、區塊與外觀；後台的商品、文章、訂單與會員資料不在模板裡，不會被動到。
- 已經離開編輯器，還能回到換模板之前嗎？
- 可以。按左側「版本」，在「版本歷史」找套用前的版本按「還原」，再按「確定還原」。
逐步操作