CMS:新增並設定動態項目頁面
使用動態項目頁面,即可快速建立大量頁面,每個頁面分別代表 CMS 集合中的不同項目。動態頁面會作為範本,讓每個集合項目都有專屬的頁面版本和網址。您可自訂動態頁面的網址動態資料欄位結構,以便整理頁面,並為每個項目建立不重複的網址。
首先建立動態項目頁面,再新增及排列元件來設計版面配置。透過內建資料集,將文字和圖片等頁面元件連結至集合欄位。如此一來,每個項目的專屬頁面版本都會顯示相應集合欄位中的內容。
建議將集合的動態項目頁面與動態清單頁面搭配使用,透過中繼器、圖庫或資料表顯示項目目錄。訪客點擊動態清單頁面上的項目後,系統會帶領訪客前往動態項目頁面,查看該項目的詳細資料。
開始之前:
請先建立 CMS 集合並新增項目,每個項目都會顯示在專屬的動態項目頁面版本中。
步驟 1|新增動態項目頁面
從編輯器的 CMS 面板為集合建立動態項目頁面。新增的頁面會作為範本,供每個項目建立專屬版本。所有版本會共用同一個動態項目頁面,並根據項目顯示不同的詳細資料。
步驟 2|修改網址動態資料欄位結構(選用)
建議編輯網址動態資料欄位結構;此結構會決定動態頁面的網址,方便依自訂方式整理網址並建立清楚的架構。
例如,可為動態頁面建立以下網址動態資料欄位結構:
- 動態清單頁面:https://www.{your-domain.com}/{collection-name}
- 動態類別頁面:https://www.{your-domain.com}/{collection-name}/{category}
- 動態項目頁面:https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
請為動態項目頁面建立網址動態資料欄位結構,讓每個項目都有不重複的網址。若網址並非獨一無二,項目便無法擁有專屬版本的動態項目頁面。 深入了解如何建立不重複的動態頁面網址。
編輯網址動態資料欄位結構時,不得使用網站上其他現有頁面已採用的結構。若要建立不重複的網址動態資料欄位結構,該結構不得與網站上的其他頁面使用相同的前置字串(例如 {集合名稱})及相同數量的變數,即使變數不同也一樣。
顯示無法使用的網址動態資料欄位結構衝突範例
重要:
若要讓舊網址自動重新導向至加入變數後建立的新網址,請先確認網站已連結網域。若網站尚未連結網域,舊網址將無法使用,並會載入 404 錯誤頁面。
若要編輯動態項目頁面的網址動態資料欄位結構:
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 點擊編輯器左側的「頁面與選單」
。 - 點擊「動態頁面」。
- 將游標移至剛建立的動態項目頁面,然後點擊右側的「更多操作」圖示
。
提示:根據預設,建立的動態項目頁面標題為:{Collection Name}(項目) - 點擊「SEO」。
- 編輯「網址動態資料欄位結構」欄位:
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,然後選擇要執行的操作:
- 新增變數:點擊「+ 新增變數」,然後選擇「文字」或「數字」欄位,在網址動態資料欄位結構中使用該欄位的值。
- 新增或編輯靜態值:點擊欄位並輸入要在網址動態資料欄位結構中使用的靜態值,或編輯現有值。只能使用英文字母、數字或連字號。
提示:可在網址動態資料欄位中新增非拉丁字元。
- 點擊「儲存」。
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,然後選擇要執行的操作:

- 點擊「取代網址」確認變更。系統會刪除動態頁面的舊網址,這些網址將無法繼續使用,並為動態頁面產生新網址。
步驟 3|將頁面元件連結至 CMS
根據預設,新的動態項目頁面包含文字和圖片等元件,這些元件會自動連結至 Wix CMS 集合欄位。
新增並排列要放在動態項目頁面中的元件。若要讓元件根據項目動態變更,請透過資料集將元件連結至 Wix CMS 集合欄位。若要讓元件內容在各個版本中維持不變,則不要將元件連結至 Wix CMS。
頁面上也應有預設的「上一個」和「下一個」按鈕,訪客點擊後會自動前往資料集傳回的上一個或下一個項目。您也可以新增「返回」按鈕,並將其連結至集合的動態清單頁面或其他列出項目的位置。
Wix 編輯器
Studio 編輯器
- (選填)新增元件至頁面(例如按鈕、文字、圖片),或移除不需要的元件。
- 將頁面上的元件連結至 CMS 集合:
提示:
進一步了解各支援元件的 CMS 連結選項。
返回按鈕
文字元件
圖片
上一個/下一個按鈕
3. 點擊預覽,並使用預覽工具列測試各項目的顯示效果。
提示:
點擊預覽工具列上的編輯項目,即可編輯目前查看的集合項目。

4. 若已準備好讓變更上線,請點擊發布。
常見問題
點擊下方問題,深入了解動態項目頁面的設定方式。
什麼是資料集?
可以將網站選單連結至特定的動態項目頁面網址嗎?
可以在動態項目頁面上顯示多張圖片和多部影片嗎?
為什麼要在網址動態資料欄位結構中新增變數欄位?
可以建立依類別列出項目的動態頁面嗎?
可以為圖片新增工具提示,讓訪客將游標停留在圖片上時顯現嗎?


。
。 
。
,並選擇相關的連結選項。