CMS：入力要素を使用して訪問者がコンテンツをフィルターできるようにする

ドロップダウンやラジオボタンなどの入力要素を使用して、サイト訪問者がリピーター、ギャラリー、テーブルに表示されるコンテンツをフィルターできるようにしましょう。この記事では、ページに入力要素を追加し、それをデータセットを使用して CMS（コンテンツ管理システム）コレクションのフィールドに接続し、訪問者がライブサイトのコンテンツをフィルターできるようにする方法について説明します。

各入力要素を特定のコレクションのフィールドに接続すると、入力要素にそのフィールドの値がフィルターオプションとして表示されます。デフォルトでは、訪問者がこのオプションを選択すると、リピーター、ギャラリー、またはテーブルなどのコンテンツに、選択したアイテムのみが表示されます。逆に、フィルター条件を変更し、「以下に一致しない」などを選択すると、訪問者が選択したオプションのアイテムのみが除外されます。

デフォルトでは、訪問者が 1つでもフィルターを選択すると、すぐにその条件に一致するコンテンツが表示されます。しかし、訪問者が特定のボタンをクリックした際にのみ、選択したすべてのフィルター条件に一致するコンテンツを表示させたい場合は、「フィルターを適用」ボタンを追加することができます。また、訪問者が入力要素で選択したフィルター条件を、すべてクリアできる「リセット」ボタンを追加することもできます。

エディタで、訪問者がコンテンツをフィルターできるようにしたいリピーター、ギャラリー、またはテーブルがあるページに移動し、コンテンツをフィルターするために使用する入力要素を追加します。複数の入力要素を追加する場合は、異なるコレクションのフィールドをフィルターできるよう、それらを個別に設定することができます。

訪問者がフィルターとして使用できる入力要素は、「ラジオボタン」、「チェックボックス」、「ドロップダウン」、「セレクトタグ」、「スライダー」（レンジスライダーのみ）から選択することができます。各入力要素には、フィルターできるフィールドタイプに制限があることにご注意ください。

入力要素を、リピーター、ギャラリー、またはテーブルに接続されているものと同じデータセットに接続し、フィルターとして使用したいコレクションのフィールドを選択します。選択すると、入力要素にそのフィールドの値がフィルターオプションとして表示されます。デフォルトでは、訪問者がこのオプションを選択すると、リピーターなどのコンテンツに、選択したアイテムのみがフィルター結果として表示されるようになります。

逆に、デフォルトのフィルター条件を変更し、「以下に一致しない」、「以下に等しくない」、「除外」などを選択すると、訪問者が選択したオプションのアイテムのみが除外されるようになります。なお、フィルターにこれらの条件を追加すると、特定のアイテムを除外するためのフィルターであることが訪問者に分かるよう、入力要素の項目タイトルとプレースホルダテキストが自動的に変更されます。

入力要素ごとに設定できるフィルター条件は、以下をクリックしてご覧ください：

訪問者がフィルターを選択し、特定のボタンをクリックした際にのみ、その条件に一致するコンテンツを表示させたい場合は、「フィルターを適用」ボタンを作成することができます。訪問者がこのボタンをクリックすると、入力要素で選択したすべてのフィルター条件に一致するコンテンツが表示されます。このボタンがない場合は、訪問者が入力要素で 1つでもフィルターを選択すると、すぐにその条件に一致するコンテンツが表示されます。

訪問者が入力要素で選択したフィルター条件を、すべてリセットできるボタンを作成することができます。これにより、訪問者はページを再読み込みすることなく、コンテンツを簡単にフィルターし直すことができるようになります。

入力要素を使用してコンテンツをフィルターする際のよくある質問と回答については、以下をクリックしてください。