換成自己的內容展開目錄
內容管理

建立、排序並發佈作品集案例

從「作品案例」用完工照片建立一筆草稿,補齊故事、標籤與搜尋摘要,調整排序並發佈,再到公開網站與視覺編輯器完成驗收。

約 12 分鐘最後複驗:2026-11-08負責維護:Growth Team · Help Center

建立、排序並發佈作品集案例

繁體中文字幕預設開啟;若和瀏覽器即時字幕重複,可在這裡關閉。 旁白為 AI 合成語音。

動畫教學片頭:anting.tw 標誌與「建立、排序並發佈作品集案例」標題。影片附可開關的繁體中文字幕、逐字稿與章節索引,也可以下載 MP4。

完成後你會得到

你能建立一筆有公開權利的案例、控制排序與公開狀態,並確認作品集列表、詳情頁和頁面自動列表都讀到正確資料。

開始前準備

  • 你是網站擁有者或共同管理者,而且作品集模組已啟用。
  • 準備至少一張有使用權的完工照片(第一張會當封面),並確認客戶名稱、成果與故事都可公開。
  • 中文標題會自動產生網址(短標題轉拼音、一整句話翻成簡短英文);只有日文、韓文或只有符號的標題才要自己取英文網址。案例發佈過後,網址就不會再跟著標題變。
  • 本教學的 QA 錄影只使用合成案例,完成後會自動還原 baseline。

操作步驟

1

第 1 步,共 9 步:從作品案例開始,確認新增入口

進入後台的「作品案例」。清單可切換全部、已發佈與草稿;要用拖曳調整順序時必須留在「全部」。

按「+ 新增案例」進入建立頁。

案例管理清單與新增案例按鈕
先在作品案例確認目前資料與公開狀態。 開啟原尺寸圖片。
案例管理頁的新增案例按鈕
按「+ 新增案例」開始建立。 開啟原尺寸圖片。
完成結果: 看得到案例清單與「新增案例」,並進入新案例表單。
2

第 2 步,共 9 步:填寫案例基本資料

先放完工照片:拖放或點擊一次選多張,第一張就是封面,之後可以再調整。

填「這個案例叫什麼?」。下方會顯示自動產生的訪客網址(/portfolio/…);只有日文、韓文或只有符號的標題才會多出「網址」欄位,請取一個只用小寫英數與連字號的英文網址。之後也能在案例編輯頁的「網址代稱」修改。

再補「一句話描述」、選擇「分類」,有需要時填「地點」。

新案例表單的一句話描述欄位
一句話描述會出現在列表與案例開頭。 開啟原尺寸圖片。
新案例表單的類別選單
類別可協助訪客在公開作品集中篩選。 開啟原尺寸圖片。
客戶名稱、成果數字與圖片都必須有公開權利;沒有證據就不要填。
完成結果: 案例的照片、名稱、網址、描述與分類都已填妥,尚未送出建立。
3

第 3 步,共 9 步:先存草稿,搜尋摘要稍後在編輯頁補

按「先存草稿」。案例會以草稿出現在清單,公開網站還看不到;「建立並發佈」則會直接公開(至少要有一張照片才能按),第一次建議先存草稿。

搜尋引擎顯示的標題與描述不在建立頁,而是在案例編輯頁的「SEO(搜尋引擎顯示)」區塊補上。

案例清單中的新草稿列
清單顯示新案例與草稿狀態。 開啟原尺寸圖片。
完成結果: 案例以草稿狀態建立,清單出現新的案例列。
4

第 4 步,共 9 步:補封面、故事、標籤並儲存

從清單打開草稿。「封面圖」可以更換,也可以展開「使用圖片網址」貼上網址;圖片必須有使用權,並選能代表成果的橫式畫面。

「案例故事」建議依序寫挑戰、做法與結果。地點、客戶、日期與標籤只填真實資訊,搜尋摘要在「SEO(搜尋引擎顯示)」區塊補;完成後按「儲存變更」,狀態仍是草稿。

案例清單中的草稿案例連結
從清單開啟剛建立的草稿。 開啟原尺寸圖片。
封面圖的使用圖片網址選項
沒有上傳檔案時,也可改用已授權圖片網址。 開啟原尺寸圖片。
封面圖片網址欄位
封面會用於案例列表與詳情頁。 開啟原尺寸圖片。
案例故事編輯欄位
用挑戰、做法與結果寫出可驗證的案例故事。 開啟原尺寸圖片。
案例標籤欄位
標籤只使用與案例內容真正相關的詞。 開啟原尺寸圖片。
案例編輯頁的儲存變更按鈕
儲存只更新草稿,不等於發佈。 開啟原尺寸圖片。
完成結果: 草稿保存封面、故事與補充資料,但公開網站仍看不到。
5

第 5 步,共 9 步:回到全部清單調整案例順序

按「← 回案例列表」,確認目前是「全部」而不是已發佈或草稿篩選。

抓住拖曳把手,把主打案例移到參考案例前面。排序會套用到公開作品集;篩選中會鎖住拖曳,避免只看部分資料時排錯。也可以在每列的排序號碼輸入位置(數字越大越上面)後按 Enter,篩選中也能用。

案例編輯頁的返回案例列表連結
先回完整清單,再調整順序。 開啟原尺寸圖片。
案例清單中的拖曳排序把手
在全部清單拖曳,讓主打案例排在前面。 開啟原尺寸圖片。
完成結果: 新案例移到指定位置,完整清單保留新順序。
6

第 6 步,共 9 步:立即發佈並確認公開狀態

重新打開案例,按「立即發佈」。儲存與發佈是兩個不同動作:只有發佈後,案例才會進入公開列表。

狀態變成「已發佈」後,才使用公開入口進行驗收。

案例編輯頁的立即發佈按鈕
確認內容後再按「立即發佈」。 開啟原尺寸圖片。
案例編輯頁的已發佈狀態
狀態與取消發佈入口證明案例已公開。 開啟原尺寸圖片。
完成結果: 案例狀態顯示已發佈,公開入口可用。
7

第 7 步,共 9 步:檢查公開詳情頁與作品集列表

先開 /portfolio/你的案例網址,核對標題、封面與故事;再回 /portfolio,確認新案例依剛才排序出現在列表。

公開頁若仍看不到,先確認狀態是已發佈,再檢查案例網址與公開主機。

公開網站的案例詳情頁標題
公開詳情頁顯示剛發佈的案例。 開啟原尺寸圖片。
公開作品集列表中的新案例
公開列表沿用案例的發佈狀態與排序。 開啟原尺寸圖片。
完成結果: 詳情頁可開啟,作品集列表也顯示同一筆已發佈案例。
8

第 8 步,共 9 步:把作品集自動列表加入視覺編輯器

回「作品案例」按「放到頁面編輯」。系統會進入視覺編輯器,並新增或聚焦作品集自動列表。

自動列表只讀取已發佈案例;沒有已發佈資料時,公開頁可能不顯示這個區塊。最後仍要發佈頁面草稿,訪客才會看到新增區塊。

案例管理頁的放到頁面編輯按鈕
用「放到頁面編輯」把作品集自動列表接到目前頁面。 開啟原尺寸圖片。
視覺編輯器中的作品集自動列表區塊
區塊會自動讀取已發佈案例,不必在頁面重填。 開啟原尺寸圖片。
完成結果: 視覺編輯器出現作品集區塊,內容自動讀取已發佈案例。
9

第 9 步,共 9 步:需要撤下時取消發佈,不要誤刪

要暫時撤下案例時,回案例編輯頁按「取消發佈」。這會讓案例回到草稿,但保留封面、故事、SEO 與網址。

取消發佈不會刪除資料;公開列表、自動列表與詳情頁都不再顯示這筆案例。確定永遠不要的資料才使用刪除。

案例編輯頁的取消發佈按鈕
暫時撤下請用「取消發佈」,內容不會被刪除。 開啟原尺寸圖片。
案例編輯頁的草稿狀態
草稿狀態代表內容保留但不再公開。 開啟原尺寸圖片。
完成結果: 案例回到草稿,內容仍可繼續編輯,公開網站不再顯示。

常見問題

建立後公開網站看不到案例
建立時按的是「先存草稿」,案例就還是草稿。先儲存完整內容,再按「立即發佈」。
拖曳排序不能使用
切回「全部」清單;已發佈或草稿篩選中會鎖住拖曳。也可以直接在排序號碼輸入位置後按 Enter。
已發佈案例,但頁面作品集區塊沒有顯示
確認頁面已有作品集自動列表,並把新增區塊所在的頁面草稿發佈。
封面在列表被裁掉重點
換成橫式、主體置中且四周留白的圖片,再儲存案例。
撤下後案例內容不見了
取消發佈只改回草稿;回「作品案例」切到草稿即可繼續編輯。

這篇如何保持正確

負責人
Growth Team · Help Center
複驗節奏
最後複驗 2026-11-08;下次應於 2027-02-06 前完成
驗證依據與邊界
本文依 20 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

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