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 編輯器
- 前往編輯器。
- 點擊編輯器左側的頁面與選單
。 - 點擊「動態頁面」。
- 將滑鼠游標移至剛建立的動態清單頁面,然後點擊右側的「更多操作」圖示
。
提示:建立的動態清單頁面預設標題為:{集合名稱}(清單) - 點擊「SEO」。
- 編輯「網址動態資料欄位結構」欄位:
- 點擊「編輯」(位於「網址動態資料欄位結構」欄位旁),然後選擇要執行的操作:
- 新增變數:點擊 +「新增變數」,然後選擇「文字」或「數字」欄位,以便在網址動態資料欄位結構中使用該欄位的值。
- 新增靜態值:點擊欄位,然後輸入要在網址動態資料欄位結構中使用的靜態值。請只使用英文字母、數字或連字號。
- 點擊「儲存」。
- 點擊「編輯」(位於「網址動態資料欄位結構」欄位旁),然後選擇要執行的操作:

- 點擊「取代網址」確認變更。系統將刪除動態頁面的舊網址,這些網址之後將無法使用。系統會改為產生動態頁面的新網址。
步驟 3|將重複項目連結至 CMS
目前動態清單頁面包含一個重複項目,其中每個容器都有 2 個文字元件、1 張圖片和 1 個按鈕。重複項目的每個容器會顯示集合中的不同項目。
將各元件連結至相關的集合欄位,讓元件顯示所需資訊。建議將按鈕連結至集合的動態項目頁面,讓訪客點擊即可前往相關項目的專屬頁面。
若要提供各項目的更多資訊,可在重複項目中新增更多支援的元件,然後透過管理所有 CMS 連結的資料集,將這些元件連結至集合欄位。
Wix 編輯器
Studio 編輯器
- (選填)在重複項目中新增元件(例如按鈕、文字或圖片),或移除不需要的元件。也可調整重複項目的大小,以容納所有元件。
- 點擊重複項目元件,然後選擇「連結至 CMS」圖示
。 - 在右側的「連結重複項目」面板中,點擊要連結的元件。
- 在「連結」下方,點擊相關下拉式選單,將元件連結至相關的集合欄位或資料集操作。可用選項會因元件類型而異。
提示:
- 若要將按鈕元件連結至動態項目頁面,請點擊「點擊操作連結至」欄位,然後選擇名稱結尾為 (項目)的集合動態項目頁面。
- 若要將圖片元件連結至動態項目頁面,請點擊「連結會連結至」下拉式選單,然後選擇名稱結尾為 (項目)的集合動態項目頁面。

- 點擊右側面板頂端的「中繼器連結」。
- 重複上述步驟 3 至 5,將元件連結至集合欄位或資料集操作。

- 點擊並視需要調整中繼器元件。
提示:可隨時在中繼器中新增或移除元件。若要使用不會變更的靜態內容,請取消元件連結。 - 點擊「預覽」即可測試動態清單頁面。
- 若已準備好讓變更上線,請點擊「發布」。
步驟 4|(選填)管理資料集設定
預設情況下,動態頁面資料集最多可讓中繼器或圖庫一開始顯示 100 個項目。您可調整每次載入的項目數量,一次最多載入 1,000 個項目。也可新增篩選條件,只顯示特定項目,或新增排序,控制項目的顯示順序。
Wix 編輯器
Studio 編輯器
- 前往中繼器所連結的資料集設定:
- 點擊中繼器。
- 點擊「連結至 CMS」圖示
。 - 在右側的「連結中繼器」面板中,點擊「資料集設定」。
- (選填)點擊「權限」旁的權限類型,設定可在已上線網站查看、新增、更新或刪除集合內容的對象。
- (選填)如需編輯資料集名稱,請點擊「資料集名稱 」欄位。
- (僅限 Velo)點擊「資料集 ID 」欄位,編輯頁面程式碼中用來識別資料集的 ID。
- 點擊「資料集模式」下拉式選單,然後選擇相關選項:
- 讀取:連結的元件可讀取並顯示集合中的內容,但無法修改集合內容。
- 讀取與寫入:連結的元件可顯示集合中的內容。輸入元件可在集合中新增或編輯內容。
- 編輯「每次載入的項目數 」欄位,設定一次可載入的項目數上限。這也是訪客點擊「載入更多」按鈕、「下一頁/上一頁」按鈕或分頁列時,可載入的項目數上限。相關步驟請參閱下一節。
注意:此欄位不適用於資料表。若使用資料表顯示項目,請點擊資料表的「版面配置」圖示
,接著自訂資料表高度並啟用分頁功能,以限制顯示的項目數。

- (選填)點擊「+新增篩選條件」,讓中繼器只顯示特定項目。
- (選填)點擊「+新增排序」,選擇項目在中繼器中的顯示順序。
- 點擊「預覽」,測試動態清單頁面。
- 若已準備好讓變更上線,請點擊「發佈」。
步驟 5|(選用)建立「載入更多」或導覽按鈕
若計劃在此頁面顯示大量項目,可考慮新增「載入更多」按鈕,改善頁面的載入表現。資料集的「每次載入的項目數」欄位會決定頁面最初可載入的項目數量,以及訪客點擊「載入更多」按鈕時可額外載入的項目數量。
也可新增「下一頁/上一頁」按鈕或分頁列(僅限 Wix 編輯器),讓頁面上已連結的重複項目或圖庫顯示下一「頁」或上一「頁」項目。「每次載入的項目數」欄位會決定每「頁」最多顯示的項目數量。
Wix 編輯器
Studio 編輯器
選擇要執行的操作:
建立「載入更多」按鈕
建立「下一頁」和「上一頁」按鈕
步驟 6|(選填)讓訪客篩選項目
使用輸入元件,讓訪客篩選動態清單頁面上顯示的項目。可選擇下列任一種支援篩選的輸入元件:選項按鈕、核取方塊、下拉式選單、選擇標籤或滑桿(僅限範圍滑桿)。
了解如何設定可讓訪客篩選集合內容的輸入元件。

常見問題
點擊下方問題,查看設定動態清單頁面的常見問題答案。
訪客如何前往動態清單頁面?
可以建立依類別列出項目的動態頁面嗎?
為什麼頁面沒有顯示已連結的項目?
如何將項目連結至各自的動態項目頁面?
為什麼無法將某些元件附加至重複器?
設定自己的重複器前,可以查看預先連結的重複器如何運作嗎?


。
。
,即可自訂「載入更多」按鈕的外觀。
