CMS:Wix オーディオプレーヤーをコレクションに接続する
読了時間:5分
CMS を使用すると、膨大な数のファイルをコレクションに保存し、Wix オーディオプレーヤーで再生することができます。ファイルのコレクションはデータセットに接続し、データセットは Wix オーディオプレーヤーに接続します。データセットでは、フィルターと並び替えを追加して、再生するファイルとその順序を決定できます。
ステップ 1 | コレクションを作成する
コレクションを作成すると、テキスト、画像、ファイルなどのサイトコンテンツを簡単に管理することができます。
コレクションを作成する方法:
- サイトダッシュボードの「CMS」にアクセスします。
- 該当するコレクションをクリックします。
- 「コレクションを作成」をクリックします。
- コレクションの名前を入力し、「作成」をクリックします。
- 「項目を管理」をクリックします。
- 「+フィールドを追加」をクリックします。
- 「フィールドタイプ」ドロップダウンをクリックし、「オーディオ」を選択します。
- このフィールドの名前を入力します。
- (オプション)「フィールド ID」を更新し、コレクションにのみ表示されるヘルプテキストを追加します。
- 「保存」をクリックします。
- 「+アイテムを追加」をクリックして、最初のオーディオファイルを追加する新しい行を追加します。
- 「オーディオ」下のフィールドをクリックし、「トラックを追加」アイコン をクリックします。
- 使用したいオーディオファイルをアップロードし、「楽曲を追加」をクリックします。
- 「タイトル」フィールドにトラックのタイトルを入力します。
- 「+アイテムを追加」をクリックして、必要な数のファイルをコレクションに追加します。
ヒント:「フィールドを追加」アイコン をクリックして、コレクションに詳細(例:アーティスト、ジャンル、カバーアート)を追加することもできます。
ステップ 2 | データセットを追加する
コレクションの設定が完了したら、次にデータセットを追加してコレクションに接続します。
新しいデータセット
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら
データセットを追加する方法:
- エディタで CMS にアクセスします:
- Wix エディタ:エディタ左側で「CMS」アイコン をクリックします。
- Editor X:Editor X 上部にある「CMS」アイコン をクリックします。
- 「コンテンツパーツを追加」タブをクリックします。
- 「データセット」横の「追加」アイコン をクリックします。
- データセットの「設定」をクリックします。
- 「コレクションを接続」ドロップダウンをクリックして、新規作成したコレクションを選択します。
ステップ 3 | オーディオプレーヤーをデータセットに追加して接続する
コレクションを作成し、データセットをコレクションに接続すると、オーディオプレーヤーをデータセットに接続することができます。
オーディオプレーヤーを追加して接続する方法:
- 追加パネルに移動します:
- Wix エディタ:エディタ左側で「パーツを追加」 をクリックします。
- Editor X:Editor X の上部で「要素を追加」 をクリックします。
- 「動画・音楽」をクリックします。
- 「オーディオプレーヤー」をクリックします。
- オーディオプレーヤーをクリックしてページにドラッグします。
- 「データに接続」アイコン をクリックします。
注意:接続オプションは、選択したオーディオプレーヤーのタイプによって異なります。 - 「データセットを接続」ドロップダウンをクリックし、オーディオプレーヤーを接続するデータセットを選択します。
- 「接続設定」下で、関連するオプションをコレクションのフィールドに接続します。
ステップ 4 | データセットでフィルターを設定する
データセットでフィルターを使用して、オーディオプレーヤーで再生するトラックを選択します。この場合、トラックのタイトルがフィルターで使用されます。
フィルターを設定する方法:
- ページ上のデータセットをクリックします。
- 「設定」をクリックします。
- 「+フィルターを追加」をクリックします。
- 「フィールド」ドロップダウンで、トラックの名前を含むフィールドを選択します。ここでは、「トラックタイトル(テキスト)」を選択します。
- 「条件」ドロップダウンで、「〜を含む」を選択します。
- 「Value(値)」フィールドに、再生するトラックに固有の単語またはフレーズを入力します。
- 「フィルターを追加」をクリックします。
- 「プレビュー」をクリックして、オーディオプレーヤーの動作を確認します。
お役に立ちましたか?
|