如何用 CMS for Harmony 設定 Dynamic Pages

CMS for Harmony 的 Dynamic Page 依 每個網址顯示一筆集合項目（例如 /fruits/apple）。從版本 14 起，請將該頁建立為 Wix 原生動態頁面，再把小工具放上去。見 Create a native Wix dynamic page。

你需要

• 網站已安裝 CMS for Harmony
• 一個已有幾筆項目的集合

1. 新增原生集合頁面

1. 若尚未安裝，請從 App Market 安裝 CMS for Harmony。
2. 開啟 CMS for Harmony 後台，建立集合（Team、Listings、Projects 等）並加入需要的欄位。
3. 加入幾筆項目，讓網址與預覽有實際資料。
4. 開啟集合，選擇 More actions → Add collection page。
5. Wix 會新增原生動態頁面。記下路徑——項目 slug 前面的部分。Fruits 集合可能用 fruits，網址如 /fruits/apple。

Wix 把每個項目的 slug 存在 Item slug。

頁面是範本

該集合頁面是共用範本：同一個版面與 Dynamic Page 小工具負責該路徑下的每個項目網址。

• 你只設計一次（欄位、版面、SEO）。
• 訪客開啟 /fruits/apple 時，小工具讀取網址、找到項目並填入範本。
• 開啟 /fruits/pear 時載入同一頁——改變的只有內容。

2. 設定 Dynamic Page 小工具

在原生集合頁面上：

1. 從 Add → Elements → Installed Apps → CMS for Harmony 新增 Dynamic Page。
2. 選取小工具並開啟設定。
3. 連接集合。
4. 選擇版面：Hero、Split、Stack、Minimal，或自訂 HTML/CSS。
5. 選擇訪客要看到的欄位。
6. 在面板的 Dynamic page 中設定：
   • Page path 為原生路徑（/fruits/apple 用 fruits）。不要加開頭斜線。
   • Page link field 為 Item slug
7. 可選擇 Preview item 供編輯器預覽（正式網站使用網址）。
8. 若要每個網址的搜尋與社群預覽，請對應每項目 SEO。

小工具說明：Dynamic Page。

3. 發佈並測試

1. 發佈網站。
2. 開啟幾個項目網址（例如 /fruits/apple 與 /fruits/pear），確認同一個範本顯示不同內容。

4. 另一個集合

每個集合各有自己的原生動態頁面：

1. 開啟該集合並選擇 More actions → Add collection page。
2. 新增 Dynamic Page、連接集合，並將 Page path 設成該頁路徑。
3. 依上方方式設定版面、欄位與 SEO。

5. 從 Repeater 與其他顯示元件連結

在 Repeater、Table、Slideshow、Media Gallery 或 Calendar：

1. 連接與 Dynamic Page 相同的集合。
2. 在該小工具面板開啟 Dynamic page。
3. 開啟 Link to item page。
4. 選擇該小工具的點擊方式。
5. 將 Page path 設成相同的原生路徑（fruits）。
6. 將 Page link field 設成 Item slug。
7. 選擇同一分頁或新分頁（正式網站生效）。

點擊會前往該項目的網址——例如從 Repeater 卡片到 /fruits/apple。

網站上已有的頁面

較早版本的 /item 頁面仍可使用。將 Page path 設成該頁前綴（item，或較早加入的 item-1），並將 Page link field 設成 Dynamic page slug。Make dynamic 已移除，但 Wix 會持續為新項目填入該欄位。新頁面使用 Add collection page 與 Item slug。

相關

• Dynamic Page 小工具
• 集合 · Dynamic pages
• 什麼是動態頁面？
• CMS 項目頁面 SEO