建立作品集案例：讓首頁的作品牆與案例頁一起活起來
在案例管理新增你自己的作品，發佈後首頁作品區與公開案例頁會同步顯示，並清掉模板附的示範案例。
約 10 分鐘最後複驗：2026-08-01
建立作品集案例：從後台新增到公開案例頁
字幕預設關閉，避免和瀏覽器即時字幕重複。
完成後你會得到
公開網站上有你自己的案例列表與案例詳情頁，首頁的作品區顯示的是真實作品。
開始前準備
- 你的網站已啟用作品集模組（用形象官網類模板建站時通常已經開好）。
- 每個要放上去的案例，準備一張封面圖、一句話描述，以及一段說明你做了什麼、結果如何。
操作步驟
1
打開案例管理
在網站後台找到案例管理。清單可以依「全部／已發佈／草稿」篩選。
如果你是從模板建站，這裡通常已經有幾筆示範案例。先不要急著刪 —— 它們是很好的格式參考，可以照著看每個欄位該寫多長。
完成結果： 看到案例列表與新增案例的入口。
2
新增第一個你自己的案例
必填的是案例標題。網址代稱建議自己填英文，例如 brand-website-redesign —— 這會變成這個案例的公開網址。標題是純中文時，系統無法自動產生有意義的英文網址，會退成沒有意義的編號。
一句話描述是列表卡片上最顯眼的一行，寫「解決了什麼」比寫「做了什麼」有效：與其寫「品牌官網設計」，不如寫「把三個平台的資訊收進同一個網站」。
案例已經公開之後才改網址代稱，舊連結會失效。網址在建立當下就決定好最省事。
完成結果： 案例建立完成，出現在案例列表中。
3
把案例內文寫成一個小故事
有效的案例內文通常是三段：客戶原本卡在哪裡、你怎麼處理、結果變成怎樣。有數字就放數字。
封面圖是列表頁的門面。橫式、主體置中、不要壓字的圖片效果最好 —— 卡片本身已經會顯示標題，圖上再壓一次字會打架。
完成結果： 案例內容完整，封面圖在列表與詳情頁都顯示正常。
4
把案例設為已發佈
案例有草稿與已發佈兩種狀態。草稿只有你看得到，不會出現在公開的案例列表，也不會出現在首頁的作品區。
確認內容沒問題之後，把狀態改成已發佈。
完成結果： 案例狀態顯示為已發佈。
5
清掉模板附的示範案例
你自己的案例上線之後，模板附的示範案例就該退場。這些示範資料有標記，可以在案例管理一次清除，不會誤刪你自己建立的內容。
如果你想保留其中某一筆當版型參考，把它改成草稿也可以 —— 只要不是已發佈狀態，訪客就看不到。
示範案例的客戶名稱、成效數字都是虛構的。留著上線等於對訪客宣稱不存在的實績。
完成結果： 公開案例列表裡只剩下你自己的真實案例。
6
開公開網站確認兩個地方
第一個是公開案例列表頁，確認案例都在、封面圖都正常。第二個是首頁的作品區 —— 它會自動抓已發佈的案例，不需要另外設定。
順手點進一個案例的詳情頁，確認網址是你設定的英文代稱。
完成結果： 公開案例頁與首頁作品區顯示的都是你自己的案例。
常見問題
- 案例建好了，公開頁看不到
- 確認案例狀態是已發佈而不是草稿。若已是發佈狀態仍看不到，稍等片刻讓公開頁更新，或重新整理。
- 首頁的作品區還是顯示示範案例
- 首頁作品區抓的是已發佈的案例。確認你自己的案例已發佈，且示範案例已清除或改成草稿。
- 案例網址變成沒有意義的編號
- 案例標題是純中文時，系統無法自動產生有意義的英文網址。建立案例時自己填一個英文網址代稱即可。
- 封面圖在列表上被裁掉重點
- 列表卡片會依固定比例裁切。改用主體置中、四周留空的橫式圖片，或重新裁切後再上傳。