Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. 高度な機能
  3. CMS
  4. CMS コレクションコンテンツをサイトに接続
    5. CMS：Wix オーディオプレーヤーをコレクションに接続する

CMS：Wix オーディオプレーヤーをコレクションに接続する

読了時間：5分
CMS を使用すると、膨大な数のファイルをコレクションに保存し、Wix オーディオプレーヤーで再生することができます。ファイルのコレクションはデータセットに接続し、データセットは Wix オーディオプレーヤーに接続します。データセットでは、フィルターと並び替えを追加して、再生するファイルとその順序を決定できます。

ステップ 1 | コレクションを作成する

コレクションを作成すると、テキスト、画像、ファイルなどのサイトコンテンツを簡単に管理することができます。

コレクションを作成する方法：

  1. サイトダッシュボードの「CMS」にアクセスします。
  2. 該当するコレクションをクリックします。
  3. 「コレクションを作成」をクリックします。
  4. コレクションの名前を入力し、「作成」をクリックします。
  5. 「項目を管理」をクリックします。
  6. 「＋フィールドを追加」をクリックします。
  7. 「フィールドタイプ」ドロップダウンをクリックし、「オーディオ」を選択します。
  8. このフィールドの名前を入力します。
  9. （オプション）「フィールド ID」を更新し、コレクションにのみ表示されるヘルプテキストを追加します。
  10. 「保存」をクリックします。
  11. 「＋アイテムを追加」をクリックして、最初のオーディオファイルを追加する新しい行を追加します。
  12. 「オーディオ」下のフィールドをクリックし、「トラックを追加」アイコン  をクリックします。
  13. 使用したいオーディオファイルをアップロードし、「楽曲を追加」をクリックします。
  14. 「タイトル」フィールドにトラックのタイトルを入力します。
  15. 「＋アイテムを追加」をクリックして、必要な数のファイルをコレクションに追加します。
    ヒント：「フィールドを追加」アイコン  をクリックして、コレクションに詳細（例：アーティスト、ジャンル、カバーアート）を追加することもできます。
オーディオトラックとトラック情報を含むコレクションのスクリーンショット。「フィールドを管理」パネルも表示されています。

ステップ 2 | データセットを追加する

コレクションの設定が完了したら、次にデータセットを追加してコレクションに接続します。
新しいデータセット
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら

データセットを追加する方法：

  1. エディタで CMS にアクセスします：
    • Wix エディタ：エディタ左側で「CMS」アイコン  をクリックします。
    • Editor X：Editor X 上部にある「CMS」アイコン  をクリックします。
  2. 「コンテンツパーツを追加」タブをクリックします。
  3. 「データセット」横の「追加」アイコン  をクリックします。
  4. データセットの「設定」をクリックします。
  5. 「コレクションを接続」ドロップダウンをクリックして、新規作成したコレクションを選択します。
「データセット設定」パネルが開いているページ上のデータセットのスクリーンショット。

ステップ 3 | オーディオプレーヤーをデータセットに追加して接続する

コレクションを作成し、データセットをコレクションに接続すると、オーディオプレーヤーをデータセットに接続することができます。

オーディオプレーヤーを追加して接続する方法：

  1. 追加パネルに移動します：
    • Wix エディタ：エディタ左側で「パーツを追加」 をクリックします。
    • Editor X：Editor X の上部で「要素を追加」 をクリックします。
  2. 「動画・音楽」をクリックします。
  3. 「オーディオプレーヤー」をクリックします。
  4. オーディオプレーヤーをクリックしてページにドラッグします。
  5. 「データに接続」アイコン  をクリックします。
    注意：接続オプションは、選択したオーディオプレーヤーのタイプによって異なります。
  6. 「データセットを接続」ドロップダウンをクリックし、オーディオプレーヤーを接続するデータセットを選択します。
  7. 「接続設定」下で、関連するオプションをコレクションのフィールドに接続します。
「データに接続」パネルが開き、「接続設定」が設定された、ページ上のオーディオプレーヤーのスクリーンショット。

ステップ 4 | データセットでフィルターを設定する

データセットでフィルターを使用して、オーディオプレーヤーで再生するトラックを選択します。この場合、トラックのタイトルがフィルターで使用されます。

フィルターを設定する方法：

  1. ページ上のデータセットをクリックします。
  2. 「設定」をクリックします。
  3. 「＋フィルターを追加」をクリックします。
  4. 「フィールド」ドロップダウンで、トラックの名前を含むフィールドを選択します。ここでは、「トラックタイトル（テキスト）」を選択します。
  5. 「条件」ドロップダウンで、「〜を含む」を選択します。
  6. 「Value（値）」フィールドに、再生するトラックに固有の単語またはフレーズを入力します。
  7. 「フィルターを追加」をクリックします。
  8. 「プレビュー」をクリックして、オーディオプレーヤーの動作を確認します。
「フィルターを編集」オプションが表示された「データセット設定」パネルのスクリーンショット。

お役に立ちましたか？

|
この記事では下記を説明します：
  • ステップ 1 | コレクションを作成する
  • ステップ 2 | データセットを追加する
  • ステップ 3 | オーディオプレーヤーをデータセットに追加して接続する
  • ステップ 4 | データセットでフィルターを設定する