ページ上のコレクションのフィルタリング
サイト上のコレクションを閲覧するユーザーのエクスペリエンスを向上させるために、ページ フラグメントを追加して、それらのコレクション内のコンテンツをフィルターすることができます。 たとえば、キーワードを使用して、表示されるコレクションのコンテンツを検索およびフィルタリングするために使用できるフラグメントを追加できます。
表示されたコレクション内のコンテンツをユーザーがフィルターできるようにするためにページに追加できるページ フラグメントが 2 つあります。 コレクション フィルター フラグメント と 適用フィルター フラグメントです。
コレクションフィルターフラグメントの使用
コレクション フィルター フラグメントは、ページ上の選択したコレクションに表示されるコンテンツをフィルターするために使用されます。 ユーザーは、キーワードを検索したり、カテゴリやタグを選択して、フィルター フラグメントに関連付けられたコレクションをフィルターできます。
以下の手順に従って、コレクション フィルター フラグメントをページ ( コレクション表示フラグメントに既にコレクションが表示されているページ) に追加して構成します。
-
ページの編集中に、ページ上の任意の場所にコレクション フィルター フラグメントを追加します。
-
フラグメントの 一般 構成で、目的のコレクションを選択します。 コレクションが効果を発揮するには、ページのコレクション表示フラグメントにコレクションが表示されている必要があります。
互換性のあるコレクションを選択すると、 フィルター ドロップダウン メニューが表示されます。
-
フィルター メニューを使用して、 キーワード、 カテゴリ、または タグ フィルターを選択します。
注カスタム コレクション フィルターを追加するモジュールがデプロイされている場合 (
FragmentCollectionFilterおよびInfoFilterインターフェイスを実装することにより)、リストからこれらのフィルターを選択することもできます。
コレクション フィルター フラグメントの動作は、キーワード、カテゴリ、またはタグのフィルター タイプを構成したかどうかによって異なります。
コレクション表示フラグメントで使用されるコレクション フィルター フラグメントは、オブジェクト コレクション プロバイダーまたはブループリント コレクション プロバイダーにマップされている場合にのみ機能します。
キーワードによるフィルタリング
キーワードを選択すると、コレクション フィルター フラグメントが検索バーとして表示され、ユーザーはキーワードを入力してコレクションの表示コンテンツをフィルターできます。
カテゴリーによるフィルタリング
カテゴリを選択した場合、ソース入力フィールドを使用して、ユーザーが選択できるカテゴリを構成できます。
-
目的のカテゴリを含む語彙または親カテゴリを選択したら、 このレベルを選択 をクリックします。
-
ページを公開します。
カテゴリ フィルターを構成すると、コレクション フィルター フラグメントにカテゴリのメニューが表示されます。 ユーザーは 1 つ以上のカテゴリを選択して、コレクションに表示されるコンテンツをフィルターできます。
タグによるフィルタリング
タグを選択すると、ユーザーは指定されたフィールドに入力し、選択可能な既存のタグを示すドロップダウンが表示されます。
適用されたフィルターフラグメントの使用
適用されたフィルター フラグメントは、 コレクション フィルター フラグメントで適用されたフィルターのリストを表示するために使用されます。
適用されたフィルター フラグメントをページ (既にコレクション フィルター フラグメントが構成されているページ) に追加するには、次の手順に従います。
-
ページの編集中に、ページ上の任意の場所に適用されたフィルター フラグメントを追加します。
-
適用されたフィルター フラグメントの 一般 構成で、目的のコレクションを選択します。 同じコレクションがページに表示され、 コレクション フィルター フラグメントを使用して構成されている必要があります。
-
ページを公開します。
ここで、ユーザーがコレクション フィルター フラグメントを使用してコンテンツをフィルターすると、適用されたフィルター フラグメントに、構成されたコレクションに現在適用されているフィルターのリストが表示されます。 ユーザーは、リストされている各フィルターの X ボタンをクリックして、フィルターを削除することもできます。
