頁面有兩層編輯,請先分清楚:
| 層級 | 在哪裡 | 通常做什么 |
|---|---|---|
| 頁面詳情 | /admin/pages/某一頁 | 標題、URL slug、詳細欄位、SEO、發布 |
| 全螢幕區塊編輯器 | 詳情底欄 開啟頁面編輯器 | 增刪/排序頁面區塊(主視覺、圖文、列表等),所見接近前台 |
並非所有版型都提供全螢幕區塊編輯;若按鈕未出現,該頁不是「可自訂區塊」版型,請在詳情頁維護內容即可。
誰可以使用?
預設僅擁有者(以及提昇科技協助人員)可開啟並儲存。
網站編輯者若看不到入口或儲存時提示無權限,請擁有者改版,或調整協作方式。
開啟與存檔(擁有者)
- 頁面管理 點進要改的頁。
- 底欄點 開啟頁面編輯器。
- 進入全螢幕後:
- 從區塊庫新增…:打開區塊庫,選一種區塊插入。
- 點區塊,在側欄改文字、圖片、按鈕。
- 齒輪 區塊設定:背景、顯示條件等(依區塊而異)。
- 背景:可選無/純色帶/照片。純色帶除淡底、白、深色反轉、品牌色洗底外,可選 自訂色彩(點色塊開色盤或輸入
#RRGGBB)。 - 照片遮罩:可點預設色票,或同樣用色盤/色碼自訂遮罩顏色。
- 時間軸/時間軸(條目列表):齒輪裡可切 排列方式(縱向或橫向)。橫向時一次可見多筆;項目超出寬度會出現左右箭頭,也可在軌道上滑動,不會循環打亂時序。
- 拖曳調整區塊上下順序。
- 可收合卡片,避免一次展開太多。
- 底欄點 儲存區塊(儲存中會顯示「儲存中…」)。成功時可能提示「已儲存區塊設定」。
- 有未存變更時,離開會被提醒——請先存再關。
未儲存的修改不會出現在預覽或前台。
從區塊庫選什麼?(高頻)
實際可選類型依站台與已開模組而異。先認這幾個名稱(與區塊庫標籤一致):
| 區塊名稱 | 用途 |
|---|---|
| 最新消息(自動) | 自動列出已發布消息。可設筆數、排版(卡片/橫列/按鈕列表)、排序、分頁。封面固定 4:3。開啟顯示分類時,分類標籤在標題上方(非疊在封面圖上)。完整列表頁請用獨立頁插入本區塊;「更多」可指向該頁。 |
| 自訂內容列表(自動) | 自動列出某一個自訂內容類型的已發布條目。須選 內容類型;可再設封面圖欄位、摘要欄位(可選條目內建「摘要」,或自訂文字/多行文字/富文字)、標籤欄位(顯示在標題上方;下拉/單選/多選會顯示選項名稱)、篩選。區塊設定可開關 條目按鈕:關閉時整張卡片可點;開啟時僅按鈕可點。條目若關閉「內頁連結」可改填 列表連結 與選填 按鈕文字(有填按鈕文字時列表會顯示該按鈕)。 |
| 聯絡表單(嵌入) | 在頁內顯示表單。須選要用的表單。見 如何嵌入頁面。 |
| 預約表單(嵌入) | 須選 預約項目。見 如何新增預約項目。部分按鈕可設 開啟預約彈窗。 |
| 時間軸 | 依時序列出里程碑(圖示、日期、標題、說明)。區塊設定可切換縱向或橫向;橫向超出寬度時用左右箭頭或滑動檢視。條目資料也可選 時間軸(條目列表)。 |
| 法拍案件列表 | 精選法拍列表。完整篩選請連到 /foreclosure。見 法拍概覽。 |
| 商品列表(自動) | 自動列出已發布商品。可篩分類、筆數與排版。完整商店請用 /shop。 |
| 商品分類 | 自動列出商店分類卡片(可選封面)。點卡片會進該分類的商店列表。預設只顯示主分類。見 如何管理商品分類。 |
許多區塊有 小標(kicker)與 區塊標題;留空則前台不顯示該列。小標旁邊常有小標樣式,兩欄請一併設定。
桌機欄數(1/2/3/4)只影響桌機;手機仍單欄、平板最多兩欄。欄數依設定固定,不會因為只有一筆就自動變少。
模組相關區塊(商品、法拍、預約等)僅在該功能開通時較有意義,區塊庫也可能依模組隱藏。
圖片
優先從圖庫選擇或上傳,見 上傳與從圖庫選圖。注意欄位旁的建議尺寸。透明背景 Logo 較不易在色塊上糊成一片。
雙欄圖文、Hero 圖文分欄、數據圖文分欄:在「媒體比例」正下方可調 媒體尺寸(圖較小/均等/圖較大)。這是桌機上圖片欄的寬度,不是 4:3、16:9 那種長寬比。Hero 若把媒體放在文字下方,尺寸會改圖片最大寬度。手機仍是單欄全寬。
與「同步區塊/範本」的差別
多頁要共用或複製整組區塊時,見 同步區塊與範本概覽。日常改某一頁,用「從區塊庫新增」選 區塊類型 即可。
怎麼驗
- 儲存區塊後,用預覽看桌面與手機寬度。
- 無痕打開已發布頁,區塊順序與文案符合。
- 動態列表:對應消息/條目須已發布,且區塊選對分類或內容類型。
- 表單區塊:試送一筆,收件匣看得到。
常見卡住
| 狀況 | 怎麼辦 |
|---|---|
| 沒有「開啟頁面編輯器」 | 不是可自訂版型,或不是擁有者。 |
| 儲存失敗/無權限 | 編輯者無法存全螢幕編輯器。請擁有者操作。 |
| 區塊庫沒有消息/商品列表/商品分類 | 模組未開,或該區塊不適用此頁角色。 |
| 列表區塊是空的 | 還沒發布內容、選錯分類/類型、或篩選太嚴。 |
| 存了前台沒變 | 頁面仍是草稿;或看的是別的站台/快取。見 發布了前台還是舊的。 |
下載專區上傳 PDF/ZIP 的說明見 區塊、預覽與發布。
相關說明
- 頁面管理概覽
- 頁首頁尾概覽
- 同步區塊與範本概覽