返回操作說明
內容與模組

建立作品集案例:讓首頁的作品牆與案例頁一起活起來

在案例管理新增你自己的作品,發佈後首頁作品區與公開案例頁會同步顯示,並清掉模板附的示範案例。

10 分鐘最後複驗:2026-08-01

建立作品集案例:從後台新增到公開案例頁

公開案例列表頁顯示四件已完成案例的封面與一句話描述。影片附繁體中文字幕、逐字稿與章節索引。

完成後你會得到

公開網站上有你自己的案例列表與案例詳情頁,首頁的作品區顯示的是真實作品。

開始前準備

  • 你的網站已啟用作品集模組(用形象官網類模板建站時通常已經開好)。
  • 每個要放上去的案例,準備一張封面圖、一句話描述,以及一段說明你做了什麼、結果如何。

操作步驟

1

打開案例管理

在網站後台找到案例管理。清單可以依「全部/已發佈/草稿」篩選。

如果你是從模板建站,這裡通常已經有幾筆示範案例。先不要急著刪 —— 它們是很好的格式參考,可以照著看每個欄位該寫多長。

/site/edit/{{tenantId}}/portfolio

完成結果: 看到案例列表與新增案例的入口。
2

新增第一個你自己的案例

必填的是案例標題。網址代稱建議自己填英文,例如 brand-website-redesign —— 這會變成這個案例的公開網址。標題是純中文時,系統無法自動產生有意義的英文網址,會退成沒有意義的編號。

一句話描述是列表卡片上最顯眼的一行,寫「解決了什麼」比寫「做了什麼」有效:與其寫「品牌官網設計」,不如寫「把三個平台的資訊收進同一個網站」。

/site/edit/{{tenantId}}/portfolio/new

案例已經公開之後才改網址代稱,舊連結會失效。網址在建立當下就決定好最省事。
完成結果: 案例建立完成,出現在案例列表中。
3

把案例內文寫成一個小故事

有效的案例內文通常是三段:客戶原本卡在哪裡、你怎麼處理、結果變成怎樣。有數字就放數字。

封面圖是列表頁的門面。橫式、主體置中、不要壓字的圖片效果最好 —— 卡片本身已經會顯示標題,圖上再壓一次字會打架。

完成結果: 案例內容完整,封面圖在列表與詳情頁都顯示正常。
4

把案例設為已發佈

案例有草稿與已發佈兩種狀態。草稿只有你看得到,不會出現在公開的案例列表,也不會出現在首頁的作品區。

確認內容沒問題之後,把狀態改成已發佈。

完成結果: 案例狀態顯示為已發佈。
5

清掉模板附的示範案例

你自己的案例上線之後,模板附的示範案例就該退場。這些示範資料有標記,可以在案例管理一次清除,不會誤刪你自己建立的內容。

如果你想保留其中某一筆當版型參考,把它改成草稿也可以 —— 只要不是已發佈狀態,訪客就看不到。

示範案例的客戶名稱、成效數字都是虛構的。留著上線等於對訪客宣稱不存在的實績。
完成結果: 公開案例列表裡只剩下你自己的真實案例。
6

開公開網站確認兩個地方

第一個是公開案例列表頁,確認案例都在、封面圖都正常。第二個是首頁的作品區 —— 它會自動抓已發佈的案例,不需要另外設定。

順手點進一個案例的詳情頁,確認網址是你設定的英文代稱。

完成結果: 公開案例頁與首頁作品區顯示的都是你自己的案例。

常見問題

案例建好了,公開頁看不到
確認案例狀態是已發佈而不是草稿。若已是發佈狀態仍看不到,稍等片刻讓公開頁更新,或重新整理。
首頁的作品區還是顯示示範案例
首頁作品區抓的是已發佈的案例。確認你自己的案例已發佈,且示範案例已清除或改成草稿。
案例網址變成沒有意義的編號
案例標題是純中文時,系統無法自動產生有意義的英文網址。建立案例時自己填一個英文網址代稱即可。
封面圖在列表上被裁掉重點
列表卡片會依固定比例裁切。改用主體置中、四周留空的橫式圖片,或重新裁切後再上傳。

相關操作說明