服務清單
服務項目建一份，首頁精選與服務頁的展示區塊自動同步。
共 3 項操作・10 個步驟・最後複驗 2026-10-03
從哪裡進入
網站後台 → 服務清單
照著下方圖文逐步完成
重點摘要（TL;DR）
後台集中管理服務項目；頁面上的「服務自動列表」區塊會自動帶出已發佈的服務。首頁放精選、服務頁放完整清單，兩邊讀同一份資料，改一次兩邊一起更新。
什麼時候會用到
- 首頁摘要與服務頁常常改一邊漏一邊
- 服務項目要集中一處管理、多頁自動同步
開始前先準備
- • 先確認服務清單功能已啟用
- • 這是自動帶資料的「服務清單」；編輯器裡手打文字的「服務項目」區塊是另一個東西，兩者不會互相同步
第一次設定，照這個順序做
共 3 站。每一站都連到詳細步驟，做完一站再往下。
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增服務項目
建立一筆可在多個頁面同步顯示的服務資料。
- 1
這一步要做
到後台「服務清單」按「+ 新增服務」。
為什麼：每一筆就是頁面上的一張服務卡片。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
進入「新增服務項目」頁。 - 1操作
- 位置：
- 畫面上的「+ 新增服務」。
- 動作：
- 到後台「服務清單」按「+ 新增服務」。
- 結果：
- 進入「新增服務項目」頁。
完成後會看到
進入「新增服務項目」頁。
- 2
這一步要做
填「服務名稱」，視需要補服務說明、價格文字與圖片網址；要讓這一項排在最前面就勾「標為精選服務（首頁優先）」。
欄位怎麼填
- 服務名稱
- 卡片上的標題，例如「品牌官網建置」「冷氣保養」。必填。
- 服務說明（可留空）
- 兩三句說明這項服務做什麼、適合誰。
- 價格文字（可留空）
- 自由文字，例如「NT$30,000 起」「依需求報價」。不會被拿去計算金額。
- 圖片 URL（可留空）
- 要填 https:// 開頭的完整圖片網址；這一頁沒有上傳按鈕。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
表單填好，只有服務名稱是必填。 - 2操作
- 位置：
- 畫面上的「服務名稱 *」。
- 動作：
- 填「服務名稱」，視需要補服務說明、價格文字與圖片網址；要讓這一項排在最前面就勾「標為精選服務（首頁優先）」。
- 結果：
- 表單填好，只有服務名稱是必填。
完成後會看到
表單填好，只有服務名稱是必填。
做錯或略過會怎樣
價格文字或圖片網址要拿掉時，把那一格清空再按「儲存變更」即可；沒按儲存就離開，修改不會生效。
- 3
這一步要做
按「建立草稿」。
為什麼：建立一律先是草稿，給你機會檢查完再發佈。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
回到服務列表，新服務標著「草稿」。 - 3操作
- 位置：
- 畫面上的「建立草稿」。
- 動作：
- 按「建立草稿」。
- 結果：
- 回到服務列表，新服務標著「草稿」。
完成後會看到
回到服務列表，新服務標著「草稿」。
做錯或略過會怎樣
只建立不發佈，頁面上的服務區塊不會出現這一項。
注意事項
- • 價格標籤是自由文字（例如「NT$30,000 起」），沒有金額計算，適合報價型服務。
把服務清單放上頁面
首頁精選與服務頁全列表綁同一份資料，改一次兩邊同步。
- 4
這一步要做
在「服務清單」頁上方按「放到頁面編輯」；或在編輯器區塊之間按「＋新增區塊」，於「內容經營」分類選「服務清單」插入頁面。
為什麼：還沒有已發佈的服務時，編輯器裡會先顯示「服務項目一／二／三」這類範例卡讓你看版型；網站訪客看不到範例。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
頁面出現服務自動列表，帶出已發佈的服務。 - 4操作
- 位置：
- 畫面上的「放到頁面編輯」。
- 動作：
- 在「服務清單」頁上方按「放到頁面編輯」；或在編輯器區塊之間按「＋新增區塊」，於「內容經營」分類選「服務清單」插入頁面。
- 結果：
- 頁面出現服務自動列表，帶出已發佈的服務。
完成後會看到
頁面出現服務自動列表，帶出已發佈的服務。
- 5
這一步要做
點選區塊，在面板設定顯示數量與要不要只顯示精選。首頁的區塊把「顯示數量」設小（例如 3），服務頁的區塊設大一點放完整清單。
欄位怎麼填
- 顯示數量（1-24）
- 填 1 到 24。留空會用預設的 6 筆，不是「全部」；服務超過 6 項的服務頁請直接填 24。
- 只顯示精選（1 = 是、留空 = 全部）
- 填 1 只帶出勾了精選的服務，適合首頁；留空帶出全部已發佈的服務。
- 查看全部 連結（可留空）
- 首頁區塊可以填服務頁的網址，讓訪客點去看完整清單。
完成後會看到
首頁只顯示精選數量，服務頁顯示完整清單，資料同一份。
做錯或略過會怎樣
「顯示數量」留空時只會顯示 6 項，服務頁會看起來少了幾項。
- 6
這一步要做
完成頁面配置後發佈網站。
為什麼：在編輯器裡放好的區塊只是頁面草稿，發佈網站之後訪客才看得到。
完成後會看到
公開頁面出現服務卡片。
做錯或略過會怎樣
沒有任何已發佈的服務時，這個區塊在公開頁會整段不顯示。
注意事項
- • 刪除服務會同時從所有使用服務清單區塊的頁面消失。
發佈、精選與排序服務
決定哪些服務對外顯示，以及在服務區塊裡的先後順序。
- 7
這一步要做
在服務列表點開一筆服務，進入編輯頁。
為什麼：發佈、精選、排序都在單筆服務的編輯頁；列表頁只負責新增與瀏覽。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
看到服務名稱、說明、價格文字、排序、圖片 URL 與精選勾選。 - 7操作
- 位置：
- 畫面上的「足底反射調理 40 分鐘」。
- 動作：
- 在服務列表點開一筆服務，進入編輯頁。
- 結果：
- 看到服務名稱、說明、價格文字、排序、圖片 URL 與精選勾選。
完成後會看到
看到服務名稱、說明、價格文字、排序、圖片 URL 與精選勾選。
- 8
這一步要做
按右上角「立即發佈」；要暫時撤下就按「取消發佈」。
為什麼：服務區塊只帶出已發佈的服務；取消發佈會保留內容。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
狀態在「已發佈」與「草稿」之間切換，頁面上的服務區塊跟著更新。 - 8操作
- 位置：
- 畫面上的「立即發佈」。
- 動作：
- 按右上角「立即發佈」；要暫時撤下就按「取消發佈」。
- 結果：
- 狀態在「已發佈」與「草稿」之間切換，頁面上的服務區塊跟著更新。
完成後會看到
狀態在「已發佈」與「草稿」之間切換，頁面上的服務區塊跟著更新。
- 9
這一步要做
調整「排序」數字與「標為精選服務」，再按「儲存變更」。
為什麼：排列規則是：精選在前，同一組裡排序數字小的在前，排序相同時較新的在前。
欄位怎麼填
- 排序
- 數字越小越前面，新服務預設 100。想放第一就填 1。
- 標為精選服務
- 勾選的服務永遠排在沒勾的前面；區塊設定只顯示精選時，只會出現這些。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
服務區塊依新順序排列。 - 9操作
- 位置：
- 畫面上的「排序」。
- 動作：
- 調整「排序」數字與「標為精選服務」，再按「儲存變更」。
- 結果：
- 服務區塊依新順序排列。
完成後會看到
服務區塊依新順序排列。
- 10
這一步要做
不再提供的服務可以按「刪除」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
服務從後台與所有頁面的服務區塊消失。 - 10操作
- 位置：
- 畫面上的「刪除」。
- 動作：
- 不再提供的服務可以按「刪除」。
- 結果：
- 服務從後台與所有頁面的服務區塊消失。
完成後會看到
服務從後台與所有頁面的服務區塊消失。
做錯或略過會怎樣
「刪除」按下去不會再問一次，而且無法復原；只是暫時不提供請用「取消發佈」。
注意事項
- • 服務列表上方可以用「已發佈」「草稿」與「★ 只看精選」篩選。
遇到問題先看這裡
- 服務建立了，頁面上的服務區塊卻沒有顯示？
- 「服務自動列表」區塊只顯示「已發佈」的服務；草稿不會出現。到後台服務清單把該筆服務發佈，或確認頁面上使用的是「服務自動列表」而不是手動輸入的靜態服務區塊。最後確認頁面已經發佈。
- 服務頁只顯示 6 項，其他的不見了？
- 區塊的「顯示數量」留空時預設只顯示 6 筆。點選服務頁上的區塊，把顯示數量填大一點（最多 24），再發佈網站。
- 編輯器裡看到「服務項目一、二、三」，那是什麼？
- 那是還沒有已發佈服務時的範例卡，只在編輯器給你看版型，網站訪客看不到；這時公開頁的服務區塊會整段不顯示。發佈第一筆服務後就會換成你的內容。
- 精選服務為什麼總是排在最前面？
- 排列規則是精選在前，再依「排序」數字由小到大，最後是較新的在前。要讓某一項排第一，可以把它標為精選，或把排序數字設得比其他項小。
- 從「放到頁面編輯」加進來的服務區塊只顯示 3 項？
- 這樣加進來的區塊，「顯示數量（1-24）」一開始是 3。點選頁面上的這個區塊，在右側把數量改成你要的數字，再發佈網站。
逐步操作