header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

CMS:在頁面上顯示集合內容

使用 Wix CMS(內容管理系統),即可將大量內容儲存在與編輯器分開的資料庫集合中。若要在網站上顯示內容,可透過多種方式將集合項目連結至頁面元件。

調整資料集設定,即可控制每次載入的項目數量、要排除的項目,以及項目的顯示順序。還可新增「載入更多」按鈕等選用功能來提升效能,或新增輸入元件,讓訪客選擇並篩選看到的項目。

步驟 1|建立集合

Wix CMS 可將內容儲存在稱為「集合」的資料庫中,並將集合連結至網站的頁面元件。

可建立兩種類型的 Wix CMS 集合:
  • 多項目集合(預設):建立多項目集合,即可在動態頁面或重複器圖庫資料表等清單元件中顯示項目。這樣便能以一致的版面配置,在同一個頁面顯示多個項目。
  • 單一項目集合:如果只需在靜態頁面或區段顯示一個項目,請建立單一項目集合

您可在集合設定中設定權限,決定誰能查看、新增或編輯內容。此外,也可設定項目可見度,在已上線網站中隱藏項目、建立欄位驗證等。
了解建立集合並儲存網站內容的方法。
Wix CMS 中集合的畫面截圖。

步驟 2|頁面設計

請先考慮集合內容的顯示方式,再決定如何設定頁面設計。

集合內容可顯示在下列頁面類型中:
  • 靜態頁面:在固定頁面中,將文字、圖片、重複器或圖庫等元件連結至資料集,即可顯示集合項目的內容。每個網站最多可有 100 個靜態頁面。
    注意:動態頁面和應用程式頁面可為項目建立獨特網址,但只有主頁面會計入限額,個別項目或網址則不會。深入了解如何運用動態頁面有效擴充網站
  • 動態清單頁面:這類動態頁面會在重複器、圖庫或資料表中顯示多個項目的內容。訪客點擊項目後,系統會將訪客帶往該項目的動態項目頁面,以查看更多項目資訊。深入了解如何設定動態清單頁面
  • 動態項目頁面:這類動態頁面會顯示個別項目的詳細資訊。每個集合項目都有專屬的動態項目頁面網址,且各個頁面版本會維持一致的版面配置。深入了解如何設定動態項目頁面
  • 依類別列出項目的動態項目頁面:這類動態頁面可顯示不同項目「類別」。每個類別都有專屬的頁面版本,訪客可在其中瀏覽該類別的項目清單,並選擇特定項目查看更多資訊。深入了解如何建立依類別列出項目的動態頁面
  • 動態項目管理頁面:(僅限 Studio 編輯器)這類動態頁面可讓網站擁有者、共同作業者和特定網站會員,直接從已上線網站管理集合內容。頁面已預先建立連結至特定集合欄位的輸入元件。每個項目都有專屬的頁面版本,具備權限的人員可在其中新增、編輯或刪除項目內容。深入了解如何建立動態頁面,以管理已上線網站的內容
提示:
新增 Wix CMS 預設格式,即可查看在動態清單頁面和動態項目頁面中顯示集合項目的範例。
新增 Wix CMS 預設集合的畫面截圖。

步驟 3|將頁面元件連結至資料集

資料集是在幕後運作的連結工具,可將集合內容連結至頁面元件。設定好要使用的頁面類型後,將相關頁面元件連結至讀取集合內容的資料集。
將重複項目連結至 CMS 的螢幕截圖。

步驟 4|管理資料集設定

資料集設定可控制資料集與網站元件及集合內容的互動方式。變更資料集模式,決定資料集可讀取集合、寫入集合,或同時執行這兩項操作。設定「每次載入的項目數」欄位,控制每次可載入的項目數量。新增篩選條件,只在已連結的元件中顯示特定項目。建立排序條件,即可選擇集合項目的顯示順序。
了解如何自訂資料集設定
資料集設定的螢幕截圖。

步驟 5|(選用)建立「載入更多」或導覽按鈕

若重複項目或圖庫設為顯示大量項目,建議新增「載入更多」按鈕,改善頁面載入效能。如此便可先隱藏項目,直到訪客點擊按鈕後才顯示。若要協助訪客瀏覽不同的集合項目,請新增導覽按鈕分頁列
CMS「載入更多」按鈕的螢幕截圖。

步驟 6|(選用)讓訪客篩選內容

讓訪客根據集合欄位值套用篩選條件,只查看符合條件的項目。可選擇以下任一支援篩選的輸入元件選項按鈕核取方塊下拉式選單選擇標籤滑桿(僅限範圍滑桿)。每種輸入元件可篩選的欄位類型皆有所限制。
使用下拉式選單輸入元件篩選已上線網站顯示項目的螢幕截圖。
下一步:
也可使用 CMS 集合儲存網站訪客提交的資訊。了解如何使用輸入元件設定自訂表單,並將資料提交至集合。