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