Built on WIX Headless

文件 功能 Dynamic pages

Dynamic pages

在 CMS for Harmony 建立 Dynamic pages — 新增 Wix 原生集合頁面,並連接 Dynamic Page 小工具與項目連結。

Dynamic pages 讓新增集合中的每個項目都能擁有自己的網址。建議: Wix 原生動態頁面。替代方案: 原生集合頁面失敗時,使用 app 的 /item Site Page。Dynamic Page 小工具與 Repeater、Table、Slideshow、Media Gallery、Calendar 的連結會開啟這些網址。

  1. 開啟集合。
  2. 選擇 More actions → Add collection page。
  3. Wix 會新增原生動態頁面。記下路徑——項目 slug 前面的部分(例如 /fruits/apple 中的 fruits)。

Wix 已將每個項目的 slug 存在 Item slug。

若要用 Dynamic Page 小工具顯示項目,或從其他小工具開啟:

  1. 將 Dynamic Page 小工具加到該原生頁面:Add → Elements → Installed Apps → CMS for Harmony。
  2. 連接同一個集合。
  3. 將 Page path 設成原生頁面路徑(fruits)。不要加上開頭的斜線。
  4. 將 Page link field 設成 Item slug。

Page path 設成原生路徑,Page link field 設成 Item slug

Dynamic Page 小工具,以及每個連到該頁的小工具,都要使用相同的 Page path 與 Page link field。每個集合各有自己的集合頁面。面板步驟:連接到 Wix 原生動態頁面。

原生集合頁面可使用自訂路徑,並可加入 sitemap。

Alternative: /item Site Page

當 Add collection page 失敗或原生動態頁面在您的網站上出錯時使用。

  1. 在 CMS for Harmony 控制台開啟 CMS Collections。
  2. 在集合選單選擇 設定 /item 項目頁面(新增 Dynamic page slug 與 URL 外掛)。
  3. 在 Harmony 編輯器中,從 Add → Elements → Installed Apps → CMS for Harmony 將 Dynamic Page 加到 app Site Page(首次安裝為 /item;另一集合需再次加入 Dynamic Page 以取得 /item-1、/item-2 等)。
  4. 在 Dynamic Page 與已連結的小工具上,將 Page path 設為 item(或 item-1 等),Page link field 設為 Dynamic page slug。

缺點: URL 前綴固定(item、item-1 等)且無法變更。/item 頁面本身可以加入 sitemap,但各項目的 URL(例如 /item/apple)不會像原生集合項目頁面那樣自動列入。

較早版本的 /item 頁面仍可使用相同設定。

完整說明:如何設定 Dynamic Pages。

提示

  • 使用穩定的項目標題,讓 slug 保持易讀。
  • 若要每個項目的搜尋與社群預覽,請在 Dynamic Page 對應 SEO 欄位。
  • 完整步驟:如何設定 Dynamic Pages。
  • 版面與每項目 SEO 見 Dynamic Page。