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}
請為動態項目頁面建立適當的網址動態資料欄位結構,讓每個項目都有獨特網址。若沒有獨特網址,項目就無法擁有專屬的動態項目頁面。 了解更多建立獨特動態頁面網址的資訊。
編輯網址動態資料欄位結構時,不可使用網站其他現有頁面已採用的結構。若要建立獨特的網址動態資料欄位結構,該結構不可與網站上的其他頁面使用相同的前置字串(例如 {Collection name}),且變數數量不可相同,即使變數本身不同也一樣。
查看無法使用的網址動態資料欄位結構衝突範例
重要:
若希望舊網址自動重新導向至新增變數後建立的新網址,請先為網站連結網域。若網站尚未連結網域,舊網址將無法繼續使用,並會載入 404 錯誤頁面。
若要編輯動態項目頁面的網址動態資料欄位結構:
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 點擊編輯器左側的「頁面與選單」
。 - 點擊「動態頁面」。
- 將滑鼠游標移至剛建立的動態項目頁面,然後點擊右側的「更多操作」圖示
。
提示:根據預設,建立的動態項目頁面標題為:{Collection Name}(項目) - 點擊「SEO」。
- 編輯「網址動態資料欄位結構」欄位:
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,然後選擇要執行的操作:
- 新增變數:點擊「+ 新增變數」,然後選擇「文字」或「數字」欄位,即可在網址動態資料欄位結構中使用該欄位的值。
- 新增或編輯靜態值:點擊欄位並輸入要用於網址動態資料欄位結構的靜態值,或編輯現有值。只能使用字母、數字或連字號。
提示:網址動態資料欄位可加入非拉丁字元。
- 點擊「儲存」。
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,然後選擇要執行的操作:

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

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


圖示。
。 
。
,再選擇相關連結選項。