Built on WIX Headless

ドキュメント はじめに CMS for Harmony をはじめよう

CMS for Harmony をはじめよう

CMS for Harmony をインストールし、コレクションを作成して、Wix Harmony サイトで最初の表示ウィジェットを接続します。

CMS for Harmony は、Harmony エディターにコレクションとすぐに使える表示を提供します。コンテンツを一度モデル化し、編集しても同期し続ける Table、Repeater、Slideshow、Media Gallery、Calendar、Dynamic Page、または Form ウィジェットを配置します。

スコープについて: これらはアプリウィジェットです。アプリはネイティブの Harmony Text、Image、Button、その他の組み込み要素に CMS データをバインドしません。

1. アプリをインストールする

  1. Wix エディターで Harmony サイトを開きます。
  2. App Market から CMS for Harmony をインストールします。
  3. アプリから CMS for Harmony ダッシュボードを開き、コレクションを管理します。アイテムページはネイティブの Wix ダイナミックページです — Dynamic pages を参照してください。

詳しい手順: Wix Harmony に CMS を追加する方法。

2. コレクションを作成する

CMS ダッシュボードで:

  1. コレクションを作成します(例: Team、Products、Events)。
  2. 必要なフィールドを追加します — テキスト、リッチテキスト、画像、日付、メディアギャラリーなど。
  3. 必要に応じて Dynamic pages を設定し、タイトル(または他のテキスト)フィールドから各アイテムにページ URL を付けます。
  4. 表示するものがあるように、いくつかアイテムを追加します。

詳細: コレクションを追加する。

3. 表示を接続する

サイトページで:

  1. CMS for Harmony ウィジェットを追加します(まずは Repeater または Table から):Add → Elements → Installed Apps → CMS for Harmony。
  2. コレクションに接続します — またはパネルの AI setup で欲しい内容を平易な言葉で説明します(AI setup)。
  3. 表示するフィールドを選び、必要なら検索/フィルターも設定します(または AI のあと Manual で調整)。
  4. サイトを公開します。

4. 任意の次のステップ

  • Dynamic Pages を設定し、訪問者が URL ごとに1件のアイテムを開けるようにします(完全な手順)。
  • Form を追加して、投稿をコレクションに収集します。
  • Pro では Google Sheets の External Database を接続し、Table、Repeater、Slideshow、Media Gallery、Calendar のデータソースとして使えます(External databases)。
  • Pro ではコレクションで Enable payments を使い、表示に Add to cart/Buy now を表示するか(カタログ決済)、Form の pay-on-submit をオンにします。
  • FAQ と Docs 配下のウィジェットガイドを読む。

CMS でコンテンツを変更すると、接続された表示も更新されます — 同じブロックを手作業で作り直す必要はありません。