頁面管理

「頁面管理」是您官網所有頁面的列表與編輯入口，採拖拉式 Block 編輯器（不需寫程式）。

進入路徑：網站經營 → 頁面管理，或直接造訪 /dashboard/site/pages。

頁面類型

每個頁面有一個 type 標記，影響 sitemap 與 SEO 結構：

列表畫面

頂部有三個 tab 篩選：全部 / 草稿 / 已發布。下方 toolbar 提供：

• 搜尋框：輸入標題或 slug 即時過濾
• 類型篩選：下拉選單按 type 過濾

表格欄位：標題 / Slug / 類型 / 狀態 / 最後更新。每列右側 5 個動作按鈕：

Block 編輯器（25 種 block）

點「+ 新建頁面」或點現有列即可進編輯器。可拖拉組合的 block 類型分成 8 組：

基本 10 種

1. Hero 首屏大圖：主視覺 + 標題 + 副標 + CTA 按鈕（可選第二顆按鈕）
2. 文字段落：HTML 內文
3. 單張圖片：圖 + 說明文字 + 可選連結
4. 圖片相簿：多圖，排版可選 grid / 輪播 / 不規則
5. 卡片列表：可放服務 / 商品 / 方案卡片
6. 行動呼籲 CTA：按鈕 + 背景（可選第二顆按鈕）
7. 影片嵌入：YouTube / Vimeo
8. 地圖嵌入：Google Map
9. 表單收件：詢價表單（資料寫進 詢價名單）
10. 留白間距：純粹的上下留白，用來拉開兩個區塊的距離

集團官網型（3 種）

1. 數據統計：數字 + 標籤（如「服務客戶數 / 年資」）
2. 事業體大卡：多事業體 / 分公司的大卡展示
3. 見證輪播：客戶見證跑馬燈

內容加強（3 種）

1. 時間軸歷程：品牌 / 公司大事記
2. 媒體 Logo 牆：合作媒體 / 客戶 Logo 排列
3. 聯絡我們區：整合式聯絡資訊 + 表單區塊

電商呈現層（3 種，需開通電商模組）

1. 商品列表：串接電商模組的商品，前台可直接瀏覽
2. 商品詳情：單一商品詳情頁
3. 浮動購物車：固定在畫面角落的購物車按鈕

未開通電商模組的租戶，前台這 3 個 block 會自動不渲染。

內容系統（2 種）

1. 文章列表：串接文章管理的文章清單（內容版）
2. 常見問題：FAQ 手風琴，沒有題目時自動不渲染

頁面導覽與案例（3 種）

1. 子頁籤導覽：讓一組相關頁面（如多個服務頁）互相看得到彼此的導覽列
2. 成功案例卡：案例 / 見證卡片，沒有案例時會顯示誠實的空狀態提示，不會靜默消失
3. 編號支柱卡：編號 + 標籤 + 標題 + 條列，用來對應「痛點 ↔ 解方」

一頁式銷售頁專用（1 種）

1. 固定底部行動列：捲動時固定在畫面底部的行動按鈕列，詳見下方「一頁式銷售頁」

一頁式銷售頁（landing_focus）

把頁面類型改成「一頁式銷售頁」之後，這一頁的前台會隱藏導覽列與頁尾連結， 只留品牌名與版權列 —— 訪客進來只有一條路：往您的表單或 CTA 走。 這是投廣告的落地頁該有的樣子（每多一個導覽連結，就多一個離開的出口）。

搭配使用：

• 固定底部行動列（block）：訪客捲到第五屏時，第一屏那顆按鈕早就看不到了，

這一列一直都在

• 區塊錨點 ID：在表單區塊設一個錨點（例 contact），

其他按鈕的連結填 #contact 就會捲過去

• 按鈕連結可以直接選「LINE 加好友」，只填官方帳號 ID 即可

block 樣式自動套模板：所有 block 顏色 / 字體 / 圓角會自動依您在網站設定選的模板渲染，您不需重複設定。

加新 block

編輯器左側「新增區塊」按鈕 → 選擇 block 類型 → 自動插入到最底部 → 拖拉到目標位置。每個 block 上方有上移 / 下移排序按鈕跟刪除按鈕。

區塊錨點 ID（每個區塊都有）

右側屬性面板最下方有「區塊錨點 ID」欄位（選填）。設了之後， 其他區塊的按鈕連結填 #你設的ID 就會捲到這個區塊。

最常見的用法：在表單區塊設 contact，Hero 與 CTA 的按鈕就用 #contact —— 點下去直接捲到表單。

只能用英文、數字、連字號與底線；不要用中文或空白。 留空 = 不當著陸點（絕大多數區塊都留空即可）。

按鈕連結的三種選法

Hero / CTA / 固定底部行動列的按鈕連結，都可以選：

預覽

頁面編輯器右上角「預覽」按鈕會產生一個 30 分鐘有效的 preview token URL，您可以分享給同事看草稿不發布。

SEO 欄位

每個頁面除了 blocks_json，還有獨立 SEO 欄位：

• Meta Title：< title > 標籤（留空則用頁面 title）
• Meta Description：< meta description >（建議 70-160 字元）
• Slug：URL 後綴（例 about-us → /about-us），自動產生但可手動改

slug 改了會 404：已發布頁的 slug 改動會讓舊網址失效。系統自動加 301 redirect 從舊 slug 跳到新 slug，但建議發布前就把 slug 定好。

草稿 vs 已發布

• 草稿（draft）：只有 admin 可預覽，對外 GET 該 slug 會 404
• 已發布（published）：對外正常顯示，並寫入 sitemap.xml

點「發布」按鈕後幾秒內 sitemap 自動重產（不用手動跑）。

常見問題

Q1　我可以建幾頁？

• 基礎版：建議 3 頁內（系統不硬限，但檢索量大會影響 SEO）
• 品牌版：5-10 頁
• 內容版：無上限

Q2　刪掉的頁面救得回來嗎？

目前沒有資料夾 / 回收桶機制。刪除前請先用「複製」備份一份草稿。系統不會物理刪除 DB row，但前台 admin 看不到，需聯繫客服救援。

Q3　可以同時編輯兩個頁面嗎？

可以開兩個瀏覽器分頁分別編輯不同頁面。但同一頁請勿同時開兩個分頁編輯，後存的會覆蓋前存的（無 lock 機制）。

Q4　Block 順序拖拉之後沒儲存怎辦？

編輯器右上角會顯示「未儲存變更」橘色 badge。離開頁面前會跳 confirm 對話框提醒。記得按「儲存」才會落地。