搜尋操作說明
頁面與內容編輯展開目錄
頁面與內容編輯目前可使用

作品集

建立、排序並公開真實案例。

4 項操作・8 個步驟・最後複驗 2026-08-14

從哪裡進入

網站後台 → 案例管理

照著下方圖文逐步完成

重點摘要(TL;DR)

公開站會產生作品集列表與案例詳情頁,也能把已發佈案例自動帶進一般頁面的作品集區塊。

什麼時候會用到

  • 要用有公開權利的真實成果建立信任
  • 要在頁面自動展示已發佈案例

開始前先準備

  • 作品集模組已啟用
  • 準備有使用權的封面與案例內容
  • 你是網站擁有者或共同管理者

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。

1

新增與編輯案例

把真實專案整理成可繼續校對的案例草稿。

  1. 1

    這一步要做

    到「案例管理」按「新增案例」,填案例標題、網址代稱、一句話描述、分類與搜尋摘要,再按「建立草稿」。

    新案例表單的建立草稿按鈕

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    建立草稿不會立刻公開案例。
    1. 1操作
      位置:
      新案例表單底部。
      動作:
      按「建立草稿」。
      結果:
      新增草稿案例。

    完成後會看到

    新案例以草稿狀態出現在案例列表,公開網站尚未顯示。

  2. 2

    這一步要做

    從清單打開草稿,補上有使用權的封面、案例故事與真實標籤,再按「儲存變更」。

    案例編輯頁的儲存變更按鈕

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    儲存只更新草稿,不等於發佈。
    1. 2操作
      位置:
      案例編輯頁操作列。
      動作:
      按「儲存變更」。
      結果:
      內容保存且維持草稿。

    完成後會看到

    完整內容保存在草稿,狀態仍未公開。

注意事項

  • 客戶名稱、成果數字、故事與圖片都必須正確且取得公開權利。
開啟這項操作的獨立教學頁
2

設定封面與搜尋資訊

讓案例在列表、詳情頁與搜尋摘要中有清楚且一致的識別。

  1. 3

    這一步要做

    在案例編輯頁上傳封面,或展開「使用圖片網址」填入有使用權的圖片來源;再補地點、客戶、日期與標籤。

    案例封面的圖片網址欄位

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    封面必須是有使用權且能代表成果的圖片。
    1. 3操作
      位置:
      封面圖設定。
      動作:
      設定封面圖片來源。
      結果:
      案例取得封面。

    完成後會看到

    案例列表與詳情頁可使用同一張封面和真實補充資料。

  2. 4

    這一步要做

    建立時先決定穩定的網址代稱,並填寫搜尋標題與描述;公開後不要任意更換代稱。

    新案例表單的搜尋描述欄位

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    搜尋描述應精準說明案例內容。
    1. 4操作
      位置:
      搜尋顯示設定。
      動作:
      填寫搜尋描述。
      結果:
      公開案例有完整搜尋摘要。

    完成後會看到

    案例使用 `/portfolio/<網址代稱>` 公開路徑,並有清楚搜尋摘要。

注意事項

  • 案例公開後更換網址代稱會讓舊連結失效。
開啟這項操作的獨立教學頁
3

排序、發佈或撤下案例

控制作品集的先後順序與訪客可見狀態。

  1. 5

    這一步要做

    回到「全部」案例清單,抓住拖曳把手把主打案例移到前面。

    案例清單的拖曳排序把手

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    排序只在「全部」清單開放。
    1. 5操作
      位置:
      案例列左側。
      動作:
      拖曳案例到新位置。
      結果:
      清單保存新順序。

    完成後會看到

    完整清單保存新順序,公開作品集沿用相同排序。

  2. 6

    這一步要做

    在案例編輯頁按「立即發佈」公開;要暫時撤下時按「取消發佈」,不要刪除。

    案例編輯頁的取消發佈按鈕

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    暫時撤下使用取消發佈,內容仍保留。
    1. 6操作
      位置:
      案例編輯頁狀態列。
      動作:
      按「取消發佈」。
      結果:
      案例回到草稿且不再公開。

    完成後會看到

    案例可在已發佈與草稿間切換;取消發佈保留全部內容。

注意事項

  • 已發佈或草稿篩選中會鎖住排序;先切回「全部」。
  • 刪除不可復原;只是暫時不公開時請取消發佈。
開啟這項操作的獨立教學頁
4

把作品集自動列表加入頁面

讓首頁或服務頁自動顯示已發佈案例。

  1. 7

    這一步要做

    在案例管理按「放到頁面編輯」。

    案例管理頁的放到頁面編輯按鈕

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    從案例管理直接把作品集接到頁面。
    1. 7操作
      位置:
      案例管理頁上方。
      動作:
      按「放到頁面編輯」。
      結果:
      進入視覺編輯器。

    完成後會看到

    系統進入視覺編輯器,並新增或聚焦作品集自動列表。

  2. 8

    這一步要做

    在視覺編輯器核對作品集區塊已讀到案例;完成頁面配置後,再發佈該頁面的草稿。

    視覺編輯器中的作品集自動列表區塊

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    作品集區塊自動讀取已發佈案例。
    1. 8核對
      位置:
      視覺編輯器畫布。
      動作:
      核對作品集區塊。
      結果:
      區塊顯示已發佈案例。

    完成後會看到

    作品集區塊自動顯示已發佈案例,頁面發佈後訪客可見。

注意事項

  • 沒有已發佈案例時,自動列表在公開頁可能不顯示。
  • 新增區塊先寫入頁面草稿;要讓訪客看到仍需發佈頁面。
開啟這項操作的獨立教學頁

遇到問題先看這裡

案例已發佈但頁面沒有出現?
案例資料與頁面區塊是兩件事;先確認頁面已有作品集自動列表,再發佈該頁面的草稿。
為什麼不能拖曳排序?
排序只在「全部」清單開放;先清除已發佈或草稿篩選。
不是這個問題?查全部排除方法

逐步操作

需要一步一步做時,接著看詳細教學

相關功能

還是沒解決?

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