CMS for Harmony で Dynamic Pages を設定する

CMS for Harmony の Dynamic Page は、URL ごとに1件のコレクションアイテム（例: /fruits/apple）を表示します。バージョン 14 以降、そのページはネイティブの Wix ダイナミックページとして作成し、ウィジェットをその上に置きます。Create a native Wix dynamic page を参照してください。

必要なもの

サイトに CMS for Harmony がインストールされていること
アイテムがいくつか入ったコレクション

1. ネイティブのコレクションページを追加する

まだなら App Market から CMS for Harmony をインストールします。
CMS for Harmony ダッシュボードでコレクション（Team、Listings、Projects など）を作り、必要なフィールドを追加します。
URL とプレビューに実データがあるよう、アイテムをいくつか追加します。
コレクションを開き、More actions → Add collection page を選びます。
Wix がネイティブのダイナミックページを追加します。パス（アイテムスラッグの前の部分）を控えます。Fruits なら /fruits/apple のような URL に fruits を使います。

Wix は各アイテムのスラッグを Item slug に保存します。

ページはテンプレートです

そのコレクションページは共有テンプレートです。同じレイアウトと Dynamic Page ウィジェットが、そのパスのすべてのアイテム URL を担当します。

ページは一度デザインします（フィールド、レイアウト、SEO）。
訪問者が /fruits/apple を開くと、ウィジェットが URL を読み、アイテムを見つけてテンプレートを埋めます。
/fruits/pear を開いても同じページが読み込まれ、変わるのは内容だけです。

2. Dynamic Page ウィジェットを設定する

ネイティブのコレクションページで:

Add → Elements → Installed Apps → CMS for Harmony から Dynamic Page を追加します。
ウィジェットを選択して設定を開きます。
コレクションを接続します。
レイアウトを選びます: Hero、Split、Stack、Minimal、またはカスタム HTML/CSS。
訪問者に見せるフィールドを選びます。
パネルの Dynamic page で次を設定します。
- Page path をネイティブのパス（/fruits/apple なら fruits）。先頭のスラッシュは付けません。
- Page link field を Item slug
エディター用に Preview item を選べます（公開ページは URL を使います）。
URL ごとの検索・SNS プレビューが必要なら、アイテムごとの SEO を対応付けます。

ウィジェットの詳細: Dynamic Page。

3. 公開して確認する

サイトを公開します。
いくつかのアイテム URL（例: /fruits/apple と /fruits/pear）を開き、同じテンプレートが別の内容を示すことを確認します。

4. 別のコレクション

コレクションごとにネイティブのダイナミックページを追加します。

そのコレクションを開き、More actions → Add collection page を選びます。
Dynamic Page を追加し、コレクションを接続して Page path をそのページのパスにします。
レイアウト、フィールド、SEO を上と同様に設定します。

5. Repeater や他の表示からリンクする

Repeater、Table、Slideshow、Media Gallery、Calendar で:

Dynamic Page と同じコレクションを接続します。
そのウィジェットのパネルで Dynamic page を開きます。
Link to item page をオンにします。
そのウィジェットでのクリックの動きを選びます。
Page path を同じネイティブパス（fruits）にします。
Page link field を Item slug にします。
同じタブか新しいタブかを選びます（公開サイトで有効）。

クリックはそのアイテムの URL へ進みます。たとえば Repeater のカードから /fruits/apple です。

すでにサイトにあるページ

以前のバージョンの /item ページはそのまま使えます。Page path をそのページのプレフィックス（item または item-1）に、Page link field を Dynamic page slug にします。Make dynamic は削除されましたが、新しいアイテムにも Wix がこのフィールドの値を引き続き入れます。新しいページは Add collection page と Item slug を使います。