CMS：セレクトタグ入力要素を設定してタグを管理する

セレクトタグ入力要素を使用して、訪問者がライブサイトのコンテンツをフィルターしたり、選択した回答をコレクションに送信できるようにします。CMS（コンテンツ管理システム）で、コレクションにタグフィールドとタグの値を追加すると、サイト上のセレクトタグ要素にそれらの値が選択肢として表示されます。タグの値を変更した場合でも、その内容がタグフィールドのすべてのアイテムに適用されるため、アイテムごとに手動でタグの値を変更する必要はありません。

コンテンツをフィルターするためのセレクトタグ要素と、訪問者からの回答を収集するためのセレクトタグ要素が表示されている様子を示したスクリーンショット。

この記事では、次の項目について説明します：

セレクトタグ入力要素を使用してライブサイトのコンテンツをフィルターする

セレクトタグ入力要素を、リピーターまたはギャラリーに接続されているものと同じデータセットに接続します。次に、この要素でコンテンツをフィルターできるように設定し、セレクトタグ要素にフィルターオプションとして表示するコレクションのフィールドを選択します。訪問者が要素でこれらのフィルターオプションをクリックすると、リピーターまたはギャラリーに、一致するフィールドの値を持つアイテムのみが表示されます。

高度なフィルター条件を使用すると、フィルターの適用方法を制御する演算子（例：「以下のいずれかである」、「以下のいずれかと等しい」、「次のいずれかを含む」など）を選択することもできます。データセットにフィルターや並び替えを適用すると、接続されている要素にもそれらの条件が適用されます。つまり、データセットにフィルターを追加して特定のアイテムが表示されないようにしたり、並び替えを追加してアイテムが表示される順序を制御することができます。

Wix エディタ

Wix Studio エディタ

エディタにアクセスします。
セレクトタグ入力要素を追加します：
1. 訪問者がタグでコンテンツをフィルターできるようにしたいページ、またはセクションに移動します。
2. エディタ左側で「パーツを追加」をクリックします。
3. 「入力欄」をクリックします。
4. 「セレクトタグ」をクリックします。
5. 該当するセレクトタグパーツをクリックしてページにドラッグします。

セレクトタグ要素を CMS に接続します：
1. セレクトタグ要素の「CMS に接続」アイコンをクリックします。
2. 右側の「セレクトタグを接続」パネルで「コンテンツをフィルター」を選択します。
3. 「データセットを選択」ドロップダウンをクリックし、訪問者がフィルターできるようにしたいリピーター、ギャラリー、またはテーブルに接続されているものと同じデータセットを選択します。ページにまだデータセットを追加していない場合は、ドロップダウン下部で「データセットを追加」をクリックして新しいデータセットを作成します。
4. 「コンテンツのフィルター」ドロップダウンをクリックし、訪問者がコンテンツをフィルターするために使用するコレクションのフィールドを選択します。「テキスト」、「数値」、「タグ」、「参照」フィールドを接続することができます。
  ヒント：コレクションに新しいフィールドを追加してコンテンツのフィルターに使用するには、ドロップダウン下部の「新しいフィールドを追加」をクリックし、フィールド名とフィールドタイプを設定して「追加」をクリックします。なお、CMS コレクションのフィールドには、後で値を追加することができます。
5. （オプション）フィルターの動作に影響を与える条件を追加します：
  1. 「高度なフィルター」をクリックします。
  2. 「条件」ドロップダウンをクリックし、フィルターの適用方法を制御する演算子（例：「以下のいずれかである」、「以下のいずれかと等しい」、「次のいずれかを含む」など）を選択します。
    注意：表示される演算子は、接続するフィールドによって異なります。

セレクトタグ入力要素をカスタマイズします：
- 「設定」アイコンをクリックし、「項目名」を編集します。
- 「レイアウト」アイコンをクリックし、項目名の左寄せ、テキストの余白、タグの間隔、タグの配置などを調整します。
- 「デザイン」アイコンをクリックし、その他のプリセットのデザインを選択するか、デザインをさらにカスタマイズします。
- 「アニメーション」アイコンをクリックし、アニメーション効果を選択してカスタマイズします。
- 「ストレッチ」アイコンをクリックし、要素を画面全体に引き延ばします。

「プレビュー」をクリックして、セレクトタグ要素の動作をテストします。
変更内容を公開する準備ができたら、「公開」をクリックします。

セレクトタグ入力要素を使用してサイト訪問者からコンテンツを収集する

セレクトタグ入力要素を使用して、訪問者からの回答を収集します。選択肢にはコレクションのタグフィールドの値を使用するか、エディタの要素上で作成した選択肢を使用することができます。訪問者がセレクトタグ要素のオプションを選択して「送信」ボタンをクリックすると、その回答が選択したコレクションの該当するフィールドに保存されます。

Wix エディタ

Wix Studio エディタ

エディタにアクセスします。
セレクトタグ入力要素を追加します：
1. 訪問者がタグを選択して回答を送信できるようにしたいページ、またはセクションに移動します。
2. エディタ左側で「パーツを追加」をクリックします。
3. 「入力欄」をクリックします。
4. 「セレクトタグ」をクリックします。
5. 該当するセレクトタグパーツをクリックしてページにドラッグします。

セレクトタグ要素を、訪問者からの回答を保存する CMS コレクションに接続します：
1. セレクトタグ要素の「CMS に接続」アイコンをクリックします。
2. 回答内容を保存するコレクションにバインドするデータセットに接続します：
  - ページにデータセットがある場合：
    1. 「コンテンツを回収」をクリックします。
    2. 「データセットを選択」ドロップダウンをクリックし、該当するデータセットを選択します。または、「データセットを追加」をクリックして新しいデータセットを作成し、接続するコレクションを選択し、データセット名を入力して「作成」をクリックすることもできます。
  - ページにデータセットがない場合：
    1. 右側で「＋データセットを追加」をクリックします。次に、接続するコレクションを選択し、データセット名を入力して「作成」をクリックします。
    2. 「コンテンツを回収」をクリックします。
3. 「タグの Value を接続」ドロップダウンをクリックし、回答を保存するタグフィールドを選択します。
  ヒント：回答を保存する新しいフィールドを追加するには、ドロップダウン下部の「新しいフィールドを追加」を選択し、フィールド名を入力して「追加」をクリックします。
4. データセットモードとコレクションの権限を設定します：
  1. 「データセット設定」をクリックします。
  2. 「データセットモード」ドロップダウンをクリックし、「書き込み」を選択します。
  3. （必要な場合）「権限：」横の権限タイプをクリックし、該当するコレクションの権限を編集します：
    - コンテンツを収集：訪問者がコレクションにコンテンツを追加できるようにします。「このコレクションにコンテンツを追加できる人」および「このコンテンツを表示できるユーザー」下で、該当するオプションを選択します。次に、「保存する」をクリックします。
    - カスタム：カスタムの権限を設定し、コンテンツを表示、追加、更新、または削除できるユーザーを指定します。アイテムの作成者、サイト会員、その他すべてのユーザーに対して異なる権限を選択することができます。各役割横の該当するチェックボックスをクリックし、役割を持つユーザーがライブサイトからコレクションのコンテンツを表示、追加、更新、または削除できるかどうかを選択します。次に、「保存する」をクリックします。
  4. 「データセット設定」パネル上部にある「セレクトタグ要素に戻る」をクリックします。

「リストアイテムを接続」トグルをクリックし、セレクトタグ要素に表示される選択肢を管理する場所を選択します：
- 有効：選択肢に別の CMS コレクションのフィールドを使用します。選択肢として使用したいフィールドがあるコレクションにバインドするデータセットを選択します。次に、「ラベルと値を接続」ドロップダウンをクリックし、使用する「テキスト」フィールドまたは「数値」フィールドを選択するか、「新しいフィールドを追加」を選択して、選択肢用に新しいフィールドを作成します。
- 無効：セレクトタグ要素の「選択肢を管理」をクリックし、CMS コレクション内ではなく、エディタの要素上で選択肢を作成・管理します。

セレクトタグ入力要素をカスタマイズします：
- 「設定」アイコンをクリックして「項目名」を編集するか、この要素がフォームの一部となっている場合は、訪問者にタグの選択を要求するかを設定します。
- 「レイアウト」アイコンをクリックし、項目名の左寄せ、テキストの余白、タグの間隔、タグの配置などを調整します。
- 「デザイン」アイコンをクリックし、その他のプリセットのデザインを選択するか、デザインをさらにカスタマイズします。
- 「アニメーション」アイコンをクリックし、アニメーション効果を選択してカスタマイズします。
- 「ストレッチ」アイコンをクリックし、要素を画面全体に引き延ばします。
訪問者がセレクトタグ要素で選択した回答をクリックして送信できるよう、「送信」ボタンを追加します。

ボタンを追加し、データセットの「クリック時の動作を選択」ドロップダウンで「送信」を選択した様子を示したスクリーンショット。

「プレビュー」をクリックして、セレクトタグ要素の動作をテストします。
変更内容を公開する準備ができたら、「公開」をクリックします。

CMS コレクションのタグを管理する

コレクションにタグフィールドを追加したら、各アイテムにタグの値を追加することができます。アイテムにタグの値を追加する際は、リストから既存の値を選択することもできます。タグの名前を変更、統合、削除すると、その変更内容がタグフィールドのすべてのアイテムとサイト上の要素に適用されます。これにより、タグが表示されるすべてのアイテムや要素に手動で変更を加える必要がなくなり、タグを効率的に管理することができます。