header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務，與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法，了解已知問題，或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對，幫助實現目標。
placeholder-preview-image
  1. 首頁
  2. Wix CMS：在專業圖庫中顯示集合內容

Wix CMS：在專業圖庫中顯示集合內容

13 分鐘
使用專業圖庫動態顯示 CMS（內容管理系統）系列中每個品項的圖片。您可以控制每個品項要使用的「圖片」欄位，同時將系列欄位連結至圖片標題、描述、替代文字和連結。此類設定非常適合動態清單頁面和靜態頁面，因為您可以將圖片連結至品項的動態品項頁面。
專業圖庫資料集連結選項螢幕截圖。
重要：
本文介紹如何將專業圖庫連結至「圖片」欄位，以便為每個集合項目顯示一張圖片。或者，您也可以將專業圖庫連結至「媒體圖庫」欄位，以便在動態項目頁面上為單個集合項目顯示多張圖片或影片。

步驟 1 | 建立 Wix CMS 集合

建立多個品項系列，用於儲存要在圖庫中顯示的圖片。新增圖片欄位類型，以及用於圖片標題、描述和替代文字的文字欄位。接著為系列中的每個品項新增圖片和金額。如有需要，您可以調整系列權限，將預設的「顯示內容」設定（允許任何人檢視內容）進行修改。

若要建立用於儲存圖庫圖片的系列：

  1. 前往 CMS（位於網站管理介面）。
  2. 點擊建立系列。
  3. 點擊從頭開始。
    提示：或者，點擊使用 AI 建立即可讓 AI（人工智慧）為您建立系列。
  4. 點擊下一步。
  5. 輸入系列名稱。
  6. （僅限程式碼）輸入要在程式碼中使用的系列 ID。
  7. 保持選擇多個品項系列（預設）並點擊建立。
  8. 手動或透過匯入 CSV 檔案將欄位新增至系列：
提示：
請務必新增「圖片」欄位類型，以便儲存每個項目的圖片。您也可以新增「文字」欄位類型，作為圖片標題、描述和替代文字使用。
  1. 將項目新增至集合：
    1. 點擊 + 新增項目。
    2. 在各個相關欄位中新增項目內容。
    3. 重複此步驟以根據需求建立多個項目。
在 CMS 集合中新增項目的螢幕截圖。
  1. 設定系列權限：
    1. 點擊更多操作並選擇權限與隱私權。
    2. 選擇系列要擁有的權限：
      • 顯示內容：允許所有人或僅限網站會員在已上線網站上檢視系列內容。管理員和具備 CMS 存取權的共同作業者始終擁有檢視、新增、更新或刪除系列品項的完整權限。
      • 收集內容：允許所有人或僅限網站會員透過輸入元件或 API 從已上線網站將新品項新增至系列。此外，請指定誰可以檢視內容。管理員和具備 CMS 存取權的共同作業者始終擁有檢視、新增、更新或刪除系列品項的完整權限。
      • 進階：為每個使用者身分設定自訂權限，以控制誰可以檢視、新增、更新或刪除系列內容。管理員和具備 CMS 存取權的共同作業者擁有完整存取權。不過，您可以為特定的共同作業者身分設定權限，以限制其對系列的存取。
    3. 點擊儲存。

設定集合權限的螢幕截圖。

步驟 2 | 將專業圖庫連結至集合

在網站中新增專業圖庫，並將其連結至繫結系列欄位的資料集。接著將圖庫的圖片來源連結至系列的圖片欄位。您也可以將標題、描述和替代文字連結至系列中的欄位。使用「連結連結至」下拉式選單將品項連結至其動態品項頁面，或是「網址」、「圖片」或「影片」欄位。
  1. 前往編輯器。
  2. 前往想要使用圖庫顯示代表不同系列品項圖片的頁面。
  3. 點擊編輯器左側的新增元件。
  4. 點擊圖庫。
  5. 點擊並將想要使用的專業圖庫拖曳到頁面中。
在 Wix 編輯器中新增專業圖庫的螢幕截圖。
  1. 移除圖庫中的預設圖片：
    1. 點擊圖庫上的管理媒體。
    2. 點擊全選，然後點擊刪除。
    3. 點擊完成。
  2. 點擊連結至 CMS圖示 。
  3. 點擊選擇資料集下拉式選單，然後選擇連結至系列的現有資料集。或者，選擇新增資料集，然後選擇要連結的系列。
  4. 點擊相關下拉式選單，將系列欄位連結至圖庫：
    • 圖片來源連結至：選擇要顯示的「圖片」欄位。
    • 標題連結至：選擇要用於圖片標題的欄位。
    • 描述連結至：選擇要用於圖片描述的欄位。
    • 替代文字連結至：選擇要用於圖片替代文字的欄位。
    • 連結連結至：選擇要連結圖片的動態頁面、「網址」欄位或「圖片」欄位。
圖庫資料集連結選項螢幕截圖。
  1. 點擊圖庫並選擇設定即可自訂圖庫的版面配置、設計等。瞭解更多關於自訂 Wix 專業圖庫的資訊。

步驟 3 | 管理資料集設定

前往資料集設定即可設定一次可載入的項目總數、篩選不顯現的特定項目、排序項目顯示順序，或變更資料集模式。若計畫讓訪客更新圖庫連結的集合項目，請將模式設定為「讀取與寫入」。
  1. 前往圖庫連結的資料集設定：
    1. 點擊圖庫。
    2. 點擊「連結至 CMS」圖示 。
    3. 點擊右側「連結圖庫」面板中的「資料集設定」。
  2. （選填）點擊「權限」旁的「權限類型」，以決定誰可以檢視、新增、更新或刪除系列內容。
  3. （選填）若需編輯資料集名稱，請點擊「資料集名稱」欄位。
  4. （僅限 Velo）點擊「資料集 ID」欄位，以編輯用於在頁面程式碼中識別資料集的 ID。
  5. 點擊「資料集模式」下拉式選單並選擇相關選項：
    • 閱讀：連結的元件可以閱讀並顯示系列中的內容，但無法修改系列內容。
    • 閱讀與寫入：連結的元件可以顯示系列中的內容。輸入元件可以新增或編輯系列中的內容。
  6. 編輯「每次載入的品項」欄位，以設定「每次可載入的品項數量上限」。
    請留意：這也是訪客點擊「載入更多」按鈕、「下一頁／上一頁」按鈕或分頁列時，可載入的品項數量上限。請參閱下一區段了解操作步驟。
資料集設定中每次載入品項數量的螢幕截圖。
  1. （選填）點擊 + 新增篩選條件 即可在圖庫中僅顯示特定項目。
  2. （選填）點擊 + 新增排序 即可選擇集合項目在圖庫中顯現的順序。

步驟 4 | （選填）建立「載入更多」或導覽按鈕

若系列品項較多，您可透過新增「載入更多」按鈕來提升頁面的載入表現。資料集的「每次載入的品項」欄位最高可設定為 1000 個品項。此欄位控制圖庫最初可載入的品項數量，以及訪客點擊「載入更多」按鈕時可額外載入的品項數量。

若您連結了「下一頁／上一頁」按鈕或分頁列，此欄位也會決定圖庫每「頁」顯示的品項數量。
選擇後續操作：

常見問題

點擊下方即可查看有關將圖庫連結至 CMS 的常見問題答案。

這有幫助嗎？

|
在此文章中
  • 步驟 1 | 建立 Wix CMS 集合
  • 步驟 2 | 將專業圖庫連結至集合
  • 步驟 3 | 管理資料集設定
  • 步驟 4 | （選填）建立「載入更多」或導覽按鈕
  • 常見問題

這有幫助嗎？

|