返回操作說明索引
頁面與內容編輯目前可使用

區塊與版型編輯

用區塊組合頁面,調整順序、版型、背景與顯示狀態。

4 項操作・8 個步驟・最後複驗 2026-08-04

從哪裡進入

視覺編輯器 → 點選頁面中的區塊

照著下方圖文逐步完成

重點摘要(TL;DR)

變更先寫入草稿;隱藏區塊不會刪除內容,刪除則會把該區塊從草稿移除。

什麼時候會用到

  • 想調整首頁內容順序
  • 想換一種版面但保留內容

開始前先準備

  • 先選擇要編輯的頁面

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。

1

新增適合用途的區塊

在目前頁面加入新的內容段落。

  1. 1

    這一步要做

    在畫布兩個區塊之間按「+新增區塊」,或使用左側新增區塊入口。

    完成後會看到

    區塊選擇器會列出首頁主視覺、服務、圖庫、評價等用途。

  2. 2

    這一步要做

    先選區塊類型,再點一個版型預覽。

    完成後會看到

    新區塊插入目前頁面,可立即點文字與圖片編輯。

注意事項

  • 先用用途選區塊,再選外觀;不要為了版型好看加入不需要的內容。
2

複製、刪除、排序或隱藏區塊

整理頁面段落,不必重新建立相同內容。

  1. 1

    這一步要做

    把滑鼠移到區塊上,使用區塊工具列的「複製」、「刪除」、「上移」、「下移」或「隱藏」。

    完成後會看到

    畫布立即出現副本、移除區塊、改變位置或把區塊標成隱藏。

  2. 2

    這一步要做

    完成後切到「預覽」,確認頁面順序與隱藏結果。

    完成後會看到

    預覽不顯示編輯工具;被隱藏的區塊不會出現在訪客畫面。

注意事項

  • 刪除與隱藏不同;可能還會再用的內容先選「隱藏」。
3

切換同類區塊版型

保留同一類內容,快速比較不同排版。

  1. 1

    這一步要做

    選中區塊,在浮動工具列按「換版型」。

    完成後會看到

    面板列出這個區塊類型可用的多個版型縮圖。

  2. 2

    這一步要做

    點一個版型縮圖查看畫布變化,選到合適的樣式後關閉面板。

    完成後會看到

    區塊改用新排版,原本可對應的文字與圖片仍留在區塊中。

注意事項

  • 不同版型支援的欄位可能不同;切換後要查看是否有內容被暫時不顯示。
4

設定背景與版面

調整單一區塊的排列、留白與背景,不影響全站其它區塊。

  1. 1

    這一步要做

    選中區塊,按工具列的「版面」,在面板調整排列、尺寸或密度。

    完成後會看到

    區塊內的欄位與卡片會依選項重新排列。

  2. 2

    這一步要做

    按「背景」,選擇背景色、圖片或該版型提供的背景設定。

    完成後會看到

    只有目前區塊的背景改變,前後區塊維持原樣。

注意事項

  • 版面與背景選項依區塊版型而異;找不到某選項時先確認選中的區塊。

遇到問題先看這裡

新增區塊後網站沒有出現?
先確認區塊沒有被隱藏,再儲存並正式發布;若區塊需要特定功能,也要先啟用並完成該功能設定。

相關功能