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

入力要素を使用して、サイト訪問者がリピーター、ギャラリー、テーブルに表示されるコンテンツをフィルターできるようにしましょう。

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

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

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

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

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

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

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

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