區塊與版型編輯
從區塊間加入內容，調整順序、版型、版面、背景與顯示狀態。
共 4 項操作・9 個步驟・最後複驗 2026-08-12
從哪裡進入
視覺編輯器 → 頁面畫布
照著下方圖文逐步完成
重點摘要（TL;DR）
變更先寫入草稿；隱藏會保留內容但不在預覽與公開站渲染，刪除則立即從草稿移除。
什麼時候會用到
- 想調整首頁內容順序
- 想增加、暫時隱藏或移除一段內容
- 想換排版但保留可對應的原文字與圖片
- 想只改一個區塊的排列或背景
開始前先準備
- • 先切到要編輯的頁面並保持在編輯模式
- • 你是網站擁有者或共同管理者
- • 一般網站可新增多個區塊；Linkbio 核心不顯示新增入口
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增適合用途的區塊
在按下入口的位置加入新的內容段落。
- 1
這一步要做
在編輯畫布的兩個區塊之間按「新增區塊」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是目前真正開放的新增入口：把滑鼠移到區塊間，再按「新增區塊」。 - 1操作
- 位置：
- 畫布中兩個區塊之間。
- 動作：
- 按「新增區塊」。
- 結果：
- 開啟區塊與版型選擇器。
完成後會看到
開啟區塊選擇器，依頁面內容、轉換行動與內容經營分組。
- 2
這一步要做
先選區塊用途，再按一張版型預覽。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先選用途，再按一張版型預覽；這裡示範加入「關於」的純文字版型。 - 2操作
- 位置：
- 新增區塊選擇器右側的版型卡片。
- 動作：
- 按「純文字」。
- 結果：
- 新區塊插入剛才選定的位置。
完成後會看到
新區塊插入剛才選定的位置，可立即選取與編輯。
注意事項
- • 目前沒有左側新增入口；一般網站要從區塊間加入。
- • 標示「需…」的版型需要先啟用功能並建立後台資料。
- • 先用用途選區塊，再選外觀；不要為了版型好看加入不需要的內容。
選取、排序與複製區塊
整理頁面段落，並用副本重用既有內容。
- 3
這一步要做
點區塊讓藍框出現，再用上移、下移或桌機拖曳把手調整順序。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先點區塊本身；藍框與展開的工具列代表操作目標已鎖定。 - 3核對
- 位置：
- 畫布的首頁主視覺區塊。
- 動作：
- 確認工具列已展開。
- 結果：
- 後續按鈕只作用在這個區塊。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按下箭頭會把目前區塊往後移一格；在頁尾時按鈕會停用。 - 3操作
- 位置：
- 區塊上方工具列的向下箭頭。
- 動作：
- 按「下移」。
- 結果：
- 區塊往後移一格。
完成後會看到
只有選取的區塊移動一格或移到放開的位置，內容本身不變。
- 4
這一步要做
按「複製」建立內容相同的副本；確定不要時選中副本按「刪除」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「複製」先做一份內容相同的副本，再修改成新段落。 - 4操作
- 位置：
- 區塊工具列靠右的「複製」。
- 動作：
- 按「複製」。
- 結果：
- 原區塊旁出現內容相同的副本。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
刪除不會再確認；示範刪掉剛建立的副本，按錯可立刻復原。 - 4操作
- 位置：
- 副本區塊工具列最右側。
- 動作：
- 按「刪除」。
- 結果：
- 副本立即從草稿移除。
完成後會看到
複製後出現副本；刪除後副本立即從草稿移除，按錯可復原。
- 5
這一步要做
暫時不公開時按「隱藏」，要恢復就選取已隱藏提示再按「顯示」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「隱藏」只改顯示狀態，內容仍留在草稿。 - 5操作
- 位置：
- 區塊工具列的眼睛圖示。
- 動作：
- 按「隱藏」。
- 結果：
- 內容縮成已隱藏提示，訪客畫面不顯示。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「顯示」會把原內容完整帶回來。 - 5操作
- 位置：
- 已隱藏區塊工具列的眼睛圖示。
- 動作：
- 按「顯示」。
- 結果：
- 原區塊內容與設定恢復。
完成後會看到
隱藏區塊不在預覽與公開站渲染，但內容與設定完整保留。
注意事項
- • 刪除會立即執行、不再確認；編輯器可復原最近 30 個步驟。
- • 可能還會再用的內容先選「隱藏」，不要刪除。
- • 頁首導覽列與頁尾不是一般頁面區塊，不會跟著排序。
切換同類區塊版型
用目前內容預覽不同排版，再套用合適版本。
- 6
這一步要做
選中有多個版型的區塊，在工具列按「換版型」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「換版型」打開目前區塊類型可用的真實預覽。 - 6操作
- 位置：
- 選取區塊上方工具列。
- 動作：
- 按「換版型」。
- 結果：
- 開啟版型預覽面板。
完成後會看到
面板先列出同一內容來源的安全排版，其他內容來源則另外警告。
- 7
這一步要做
按一張版型預覽套用；看到內容不帶入或樣式重設徽章時先確認可接受。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按一張預覽即可套用；卡片顯示的是目前內容在新排版中的樣子。 - 7操作
- 位置：
- 換版型面板中的「水滴遮罩分欄」卡片。
- 動作：
- 按版型預覽。
- 結果：
- 目前區塊改用新排版。
完成後會看到
區塊改用新排版，可對應的原文字與圖片仍保留。
注意事項
- • 只有一種版型的區塊不顯示換版型按鈕。
- • 跨內容來源切換可能需要重填欄位；面板會先顯示警告。
設定版面與背景
調整單一區塊的排列、留白與背景，不影響全站其他區塊。
- 8
這一步要做
選中有版面欄位的區塊，按「版面」並調整圖片位置、欄數、對齊、高度或留白。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
這個版型有圖片位置與留白設定，所以工具列會出現「版面」。 - 8操作
- 位置：
- 選取區塊上方工具列。
- 動作：
- 按「版面」。
- 結果：
- 開啟這個版型實際提供的排列選項。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「左側」後，只有目前這個圖文區塊交換圖片與文字位置。 - 8操作
- 位置：
- 版面面板的圖片位置選項。
- 動作：
- 按「左側」。
- 結果：
- 圖片移到左邊，文字移到右邊。
完成後會看到
目前區塊依選項即時重新排列；未提供的選項不會顯示。
- 9
這一步要做
按「背景」，選主題色或策展漸層；要還原時按「清除」或「無（跟版型預設）」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按「背景」開啟單一區塊的主題色與策展漸層。 - 9操作
- 位置：
- 選取區塊上方工具列。
- 動作：
- 按「背景」。
- 結果：
- 開啟安全色票與漸層面板。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
選主題色票後只改目前區塊，前景文字會自動配對對比色。 - 9操作
- 位置：
- 背景面板的主題色票列。
- 動作：
- 按「強調色」。
- 結果：
- 目前區塊套用強調色背景，文字保持清楚。
完成後會看到
只有目前區塊的背景改變，文字前景色自動維持可讀。
注意事項
- • 版面按鈕只在目前版型真的提供排列欄位時出現。
- • 導覽列、頁尾與 Linkbio 核心不提供區塊背景。
- • 背景只提供已通過對比設計的主題色與策展漸層，不提供任意色盤。
遇到問題先看這裡
- 找不到新增區塊入口？
- 把滑鼠移到兩個區塊之間，按浮出的「新增區塊」。目前沒有左側新增入口；若是 Linkbio 核心，系統也不允許插入第二個主體。
- 為什麼沒有換版型、版面或背景按鈕？
- 先點區塊讓藍框出現。換版型只在同類型有多個版型時顯示；版面只在目前版型提供排列欄位時顯示；導覽列、頁尾與 Linkbio 核心不提供背景。
- 刪除後怎麼救回？
- 刪除會立即執行、不再確認。立刻用編輯器上方的「復原」救回；系統保留最近 30 個步驟。只是暫時不公開時應改用「隱藏」。
- 區塊在草稿有內容，公開頁卻沒顯示？
- 先確認區塊沒有隱藏，對應功能已啟用且資料型區塊已有後台資料，再儲存並正式發佈。