換成自己的內容展開目錄
頁面編輯

新增、排序與調整頁面區塊:版型、版面、背景與顯示狀態

從區塊間的新增入口加入內容,接著安全地排序、複製、刪除、隱藏、換版型,並調整單一區塊的版面與背景。

約 8 分鐘最後複驗:2026-09-30負責維護:Growth Team · Module Enablement

新增、排序與調整頁面區塊:版型、版面、背景與顯示狀態

繁體中文字幕預設開啟;若和瀏覽器即時字幕重複,可在這裡關閉。

動畫教學片頭:anting.tw 標誌與「新增、排序與調整頁面區塊」標題。影片附可開關的繁體中文字幕、逐字稿與章節索引,也可以下載 MP4。

完成後你會得到

你能用目前真正開放的入口組合頁面,並清楚分辨隱藏與刪除、區塊版型與全站樣式之間的差異。

開始前準備

  • 你是網站擁有者或共同管理者,並已進入該網站的視覺編輯器。
  • 先切到要調整的頁面;這些動作只改目前頁面的區塊。
  • 編輯器先寫入草稿。要讓訪客看到結果,最後仍要按「發佈」。
  • 一般網站可以新增多個區塊;Linkbio 的核心內容是一頁一個主體,不顯示這組新增入口。

操作步驟

1

第 1 步,共 7 步:從兩個區塊之間加入新段落

把滑鼠移到兩個區塊之間,按浮出的「新增區塊」。目前真正開放的是這個區塊間入口;不要再找左側的新增按鈕。

選擇內容用途,例如「關於」,再點一張版型預覽。先決定這段要完成什麼,再決定外觀。

新區塊會插在你按下入口的位置,不一定在頁面最底部。

兩個頁面區塊之間的新增區塊按鈕,以紅框標示
紅框是目前真正開放的新增入口:把滑鼠移到區塊間,再按「新增區塊」。 開啟原尺寸圖片。
新增區塊選擇器中的純文字版型卡片,以紅框標示
先選用途,再按一張版型預覽;這裡示範加入「關於」的純文字版型。 開啟原尺寸圖片。
標示「需…」的版型會讀取後台資料;沒有資料時,公開頁可能不顯示內容。
完成結果: 選定的區塊立即插入目前頁面的草稿,可直接選取並編輯。
2

第 2 步,共 7 步:選取區塊,再用「更多」選單或拖曳調整順序

先點一下要處理的區塊。外框變藍後,上方工具列會展開文字標籤。

按工具列右邊的「更多」(⋮),選「上移」或「下移」,每次移動一格;桌機也可抓住區塊左上角的「拖曳排序」把手移動。頁首導覽列與頁尾不是一般頁面區塊,不會跟著排序。

首頁主視覺區塊被選取並顯示藍色外框,以綠框標示
先點區塊本身;藍框與展開的工具列代表操作目標已鎖定。 開啟原尺寸圖片。
區塊工具列的下移箭頭按鈕,以紅框標示
「下移」會把目前區塊往後移一格;已經是最後一段時不會出現。 開啟原尺寸圖片。
完成結果: 區塊在目前頁面改到新位置,內容本身不變。
3

第 3 步,共 7 步:複製可重用的段落,刪除確定不要的段落

按「複製」會在原區塊旁建立一份內容相同的新區塊,適合先複製再改字。

按「刪除」會立即把目前區塊從草稿移除,不會再跳確認。按錯時立刻用編輯器上方的「復原」;系統保留最近 30 個復原步驟。

區塊工具列的複製按鈕,以紅框標示
按「複製」先做一份內容相同的副本,再修改成新段落。 開啟原尺寸圖片。
副本區塊工具列的紅色刪除按鈕,以紅框標示
刪除不會再確認;示範刪掉剛建立的副本,按錯可立刻復原。 開啟原尺寸圖片。
只是暫時不想公開時請用隱藏,不要刪除。
完成結果: 複製後出現副本;刪除後該區塊離開草稿。
4

第 4 步,共 7 步:暫時不公開時隱藏,不要刪除

按「隱藏」後,編輯器把整段縮成「已隱藏」提示,內容仍留在草稿。預覽與公開網站都不會渲染這個區塊。

要恢復時選取這條提示,按「顯示」。原本內容與設定會回來。

區塊工具列的隱藏按鈕,以紅框標示
按「隱藏」只改顯示狀態,內容仍留在草稿。 開啟原尺寸圖片。
已隱藏區塊工具列的顯示按鈕,以紅框標示
按「顯示」會把原內容完整帶回來。 開啟原尺寸圖片。
完成結果: 隱藏狀態可來回切換,不會丟失區塊內容。
5

第 5 步,共 7 步:用換版型比較同一份內容的不同排法

選取區塊後按「換版型」。只有同一區塊類型有兩種以上版型時,這個按鈕才會出現。

面板先列出同一內容來源的安全排版;若下方出現其他內容來源,會明確警告可能需要重填欄位。按版型預覽後,面板會關閉並套用新排版。

區塊工具列的換版型按鈕,以紅框標示
按「換版型」打開目前區塊類型可用的真實預覽。 開啟原尺寸圖片。
版型預覽面板的水滴遮罩分欄版型卡片,以紅框標示
按一張預覽即可套用;卡片顯示的是目前內容在新排版中的樣子。 開啟原尺寸圖片。
選「轉換區塊」底下的版型時,會先列出「新版型暫時不顯示」的內容;原資料會保留,切回原版型即可復原,確認後再按「保留原資料並轉換」。
完成結果: 區塊套用新排版,可對應的原文字與圖片仍保留。
6

第 6 步,共 7 步:調整單一區塊的排列與留白

選取有版面欄位的區塊後按「版面」。按鈕只會在這個版型真的提供圖片位置、欄數、對齊、高度或留白時出現。

點一個分段選項,畫布立即重排;這裡只改目前區塊,不會改全站其它段落。

區塊工具列的版面按鈕,以紅框標示
這個版型有圖片位置與留白設定,所以工具列會出現「版面」。 開啟原尺寸圖片。
版面面板的圖片位置左側選項,以紅框標示
按「左側」後,只有目前這個圖文區塊交換圖片與文字位置。 開啟原尺寸圖片。
完成結果: 目前區塊依選項重新排列,其他區塊保持原樣。
7

第 7 步,共 7 步:替單一區塊套用安全的背景色或漸層

按「背景」後,可選跟著網站主題的色票或已配好前景對比的策展漸層。系統不提供任意色盤,避免文字對比失控。

按色票會立即套用但面板保持開啟,方便比較;按「清除」或「無(跟版型預設)」可回到原版型背景。導覽列、頁尾與 Linkbio 核心不提供這個控制。

區塊工具列的背景按鈕,以紅框標示
按「背景」開啟單一區塊的主題色與策展漸層。 開啟原尺寸圖片。
背景面板中的主題強調色色票,以紅框標示
選主題色票後只改目前區塊,前景文字會自動配對對比色。 開啟原尺寸圖片。
完成結果: 只有目前區塊的背景改變,文字顏色自動維持可讀。

常見問題

找不到新增區塊入口
確認目前是「編輯中」而不是「草稿預覽」,再把滑鼠移到兩個區塊之間。現在沒有左側新增入口;Linkbio 核心也不允許插入第二個主體。
工具列沒有換版型、版面或背景
先點區塊讓藍框出現。換版型只在同類型有兩種以上版型時出現;版面只在目前版型有排列欄位時出現;導覽列、頁尾與 Linkbio 核心不提供背景。
隱藏後整段內容不見了
這是預期結果。編輯器會留下「已隱藏」提示;選取它並按「顯示」即可恢復,內容沒有刪除。
按刪除後沒有確認視窗
區塊刪除會立即執行。立刻按編輯器上方的「復原」即可救回;系統保留最近 30 個步驟。
新增的資料型區塊在公開頁是空的
回到新增面板確認卡片是否標示「需…」。這類區塊要先啟用對應功能並到後台建立資料;功能未開通或資料為空時,訪客畫面可能不渲染。
改完草稿,訪客仍看到舊畫面
區塊操作先寫入草稿。確認預覽無誤後按「發佈」,正式網站才會更新。

這篇如何保持正確

負責人
Growth Team · Module Enablement
複驗節奏
最後複驗 2026-09-30;下次應於 2026-10-11 前完成
驗證依據與邊界
本文依 9 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。