頁面與內容編輯目前可使用
區塊與版型編輯
用區塊組合頁面,調整順序、版型、背景與顯示狀態。
共 4 項操作・8 個步驟・最後複驗 2026-08-04
從哪裡進入
視覺編輯器 → 點選頁面中的區塊
照著下方圖文逐步完成
重點摘要(TL;DR)
變更先寫入草稿;隱藏區塊不會刪除內容,刪除則會把該區塊從草稿移除。
什麼時候會用到
- 想調整首頁內容順序
- 想換一種版面但保留內容
開始前先準備
- • 先選擇要編輯的頁面
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。
1
新增適合用途的區塊
在目前頁面加入新的內容段落。
- 1
這一步要做
在畫布兩個區塊之間按「+新增區塊」,或使用左側新增區塊入口。
完成後會看到
區塊選擇器會列出首頁主視覺、服務、圖庫、評價等用途。
- 2
這一步要做
先選區塊類型,再點一個版型預覽。
完成後會看到
新區塊插入目前頁面,可立即點文字與圖片編輯。
注意事項
- • 先用用途選區塊,再選外觀;不要為了版型好看加入不需要的內容。
2
複製、刪除、排序或隱藏區塊
整理頁面段落,不必重新建立相同內容。
- 1
這一步要做
把滑鼠移到區塊上,使用區塊工具列的「複製」、「刪除」、「上移」、「下移」或「隱藏」。
完成後會看到
畫布立即出現副本、移除區塊、改變位置或把區塊標成隱藏。
- 2
這一步要做
完成後切到「預覽」,確認頁面順序與隱藏結果。
完成後會看到
預覽不顯示編輯工具;被隱藏的區塊不會出現在訪客畫面。
注意事項
- • 刪除與隱藏不同;可能還會再用的內容先選「隱藏」。
3
切換同類區塊版型
保留同一類內容,快速比較不同排版。
- 1
這一步要做
選中區塊,在浮動工具列按「換版型」。
完成後會看到
面板列出這個區塊類型可用的多個版型縮圖。
- 2
這一步要做
點一個版型縮圖查看畫布變化,選到合適的樣式後關閉面板。
完成後會看到
區塊改用新排版,原本可對應的文字與圖片仍留在區塊中。
注意事項
- • 不同版型支援的欄位可能不同;切換後要查看是否有內容被暫時不顯示。
4
設定背景與版面
調整單一區塊的排列、留白與背景,不影響全站其它區塊。
- 1
這一步要做
選中區塊,按工具列的「版面」,在面板調整排列、尺寸或密度。
完成後會看到
區塊內的欄位與卡片會依選項重新排列。
- 2
這一步要做
按「背景」,選擇背景色、圖片或該版型提供的背景設定。
完成後會看到
只有目前區塊的背景改變,前後區塊維持原樣。
注意事項
- • 版面與背景選項依區塊版型而異;找不到某選項時先確認選中的區塊。
遇到問題先看這裡
- 新增區塊後網站沒有出現?
- 先確認區塊沒有被隱藏,再儲存並正式發布;若區塊需要特定功能,也要先啟用並完成該功能設定。
