CMS:コレクションビューでフィールドを非表示・並べ替え・フィルターする
読了時間:7分
CMS(コンテンツ管理システム)のコレクションのフィールドやアイテムを、作業しやすいように整理します。コレクションビューに表示されるフィールドは、必要に応じて非表示にできるほか、フィールドに並び替え条件を追加してアイテムの表示順序を変更したり、フィルターを追加して条件に一致するアイテムのみを表示させることができます。また、コレクションビューのアイテムを特定の順序で自動的に並べ替え、その順序をライブサイトに接続されている要素に適用させることもできます。
コレクションを調整する前に、サイト共同管理者が後から使用できるように、同じフィルターと並び替えを保持するカスタムコレクションビューを作成 できます。
重要:
- コレクションビューでフィールドを非表示にしたりフィルターしても、それらはデータセットを介して接続されているライブサイト上のコンテンツには適用されません。ただし、コレクションの「ステータス」フィールドを変更すると、ライブサイトのアイテムを表示または非表示にすることができます。
- 「サイトでミラーリング」 機能は現在一部の Wix アカウントでのみご利用いただけます。
- コレクションビューで並べ替えたアイテムの順序は、「サイトでミラーリング」機能を有効にしている場合のみ、ライブサイト上のアイテムの順序に適用されます。なお、データセットに並び替え条件を追加すると、「サイトでミラーリング」機能の有効・無効に関わらず、コレクション内のアイテムの順序がその条件で上書きされます。
この記事では、以下の項目について説明します:
コレクション内のフィールドを非表示・並べ替える
コレクションを管理する際に表示されるフィールドと、それらの表示順序を変更します。
フィールドを非表示または並び替える方法:
- サイトダッシュボードの「CMS」にアクセスします。または、エディタで「CMS」アイコン
をクリックし、「あなたのコレクション」タブをクリックします。
- 該当するコレクションをクリックします。
- (複数のコレクションビューがある場合)上部で該当するコレクションビューを選択します。
- 「フィールドを管理」をクリックします。
- 実行する内容を選択します:
- フィールドを表示または非表示にする:該当するフィールド横のチェックボックスをクリックし、フィールドを表示または非表示にします。
- フィールドを並べ替える:フィールド横の「並び替え」アイコン
をドラッグし、フィールドの表示順序を変更します。
ヒント:
フィールドにマウスオーバーし、「その他のアクション」アイコン
をクリックすると、そのフィールドを編集、複製、削除することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/07/1fc3280f-8af6-43b3-a3b4-e2e84c2828b1/a3b1bf3f-ab41-42dd-b21c-445ed19b9c6c.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/f30c8a00-f587-47dc-a0ac-175c48850faa/11daa449-40dc-4784-8447-32d031885d40.jpeg)
コレクションのアイテムを並べ替える
フィールドに独自の並び替え条件を適用して、特定の順序でアイテムを並べ替えます。デフォルトでは、アイテムはコレクションに追加された日時順に並べ替えられ、新しいアイテムが上に表示されます。「サイトでミラーリング」を有効にすることで、コレクションでライブサイトと同じ順序を使用できます。有効にすると、データセットに追加した並び替えは、ライブサイト上のアイテムの順序に引き続き影響し、ミラーリングされたコレクションビューの順序をオーバーライドします。
コレクションのアイテムを並べ替える方法:
- サイトダッシュボードの「CMS」にアクセスします。または、エディタで「CMS」アイコン
をクリックし、「あなたのコレクション」タブをクリックします。
- 該当するコレクションをクリックします。
- (複数のコレクションビューがある場合)上部でアイテムの並べ替えに使用するビューを選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/71a9cf81-078c-4b70-a9ba-cd997a810ac9/7db09c43-6cb3-49b1-8407-c09580a38c28.jpeg)
- コレクション上部の「並び替え」をクリックします。
- 「並び替えの追加」をクリックします。
- 「並び替え」ドロップダウンをクリックし、並び替えの条件に使用するフィールドを選択します。
- 「順序を選択」下で、並び替えのオプション(例:「A→Z」、「昇順」、「古い順」など)を選択します。表示されるオプションは、フィールドの種類によって異なります。
- 「並び替えの追加」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/bd1ca507-8d96-4d6b-8728-59a1d0267ab8/a0ab5c1a-5ba3-45a5-bddc-44fc9fb6e165.png)
- (オプション)コレクションビューのアイテムの順序を、ライブサイトに接続されている要素にミラーリングします:
- コレクション上部の「サイトでミラーリング」をクリックします。
- 「アイテムの順序をミラーリング」横のトグルを有効にします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/0999f658-e46c-4501-8423-26ff93cbe1c7/704a7f75-b201-47bb-a8d6-752165780826.jpeg)
ヒント:
- 「表」レイアウトでは、該当するアイテム横の「並び替え」アイコン
をドラッグして、手動でアイテムを並べ替えることもできます。この機能は現在一部の Wix アカウントでのみご利用いただけます。
- 設定した並び替えの順序を変更するには、「並び替え」をクリックして「編集」アイコン
をクリックします。「削除」アイコン
をクリックすると、並び替えの設定を削除することができます。
コレクションビューのフィールドにフィルターを追加する
フィールドにフィルターを追加して、指定した条件に一致するコレクション内のアイテムのみを表示します。たとえば、特定の値を含むアイテムまたは含まないアイテムのみを表示するフィルターを追加したり、セルが空白ではないアイテムのみを表示するフィルターを追加して、コレクション内を整理することができます。
ヒント:
コレクションビューにフィルターを追加しても、ライブサイト上のアイテムには適用されません。ただし、データセットにフィルターを追加すると、ライブサイトに表示されるアイテムを制御することができます。
フィールドの値でアイテムをフィルターする方法:
- サイトダッシュボードの「CMS」にアクセスします。または、エディタで「CMS」アイコン
をクリックし、「あなたのコレクション」タブをクリックします。
- 該当するコレクションをクリックします。
- (複数のコレクションビューがある場合)上部で該当するコレクションビューを選択します。
- 右上の「フィルター」をクリックします。
![「フィルター」ボタンがハイライトされたコンテンツマネージャーのセクションのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/5f1817b7-7677-45bc-a53d-0bd98551f946/327d44fd-dfbb-40e3-a4b1-92c30c2f6d79.png)
- 「+新しいフィルター」をクリックします。
- 「フィールドを選択」ドロップダウンをクリックし、フィルターの条件に使用するフィールドを選択します。
- 「条件を選択」ドロップダウンをクリックし、フィルターの条件を選択します。表示されるオプションは、フィールドの種類によって異なります。
- (必要な場合)「値を入力」の項目をクリックし、条件に使用する値を入力します。
- 「フィルターを追加」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/02/21/210210c1-dce2-44c8-8fa8-d24d35b53bdf/4d7954e0-60ad-41f1-ad6e-15666b4dd7f2.png)
ヒント:
設定したフィルターの条件を変更するには、「フィルター」をクリックして「編集」アイコン
をクリックします。「削除」アイコン
をクリックすると、設定したフィルターの条件を削除することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/07/7e96246c-dbf0-44fa-ac72-8f79bcbd2626/f7743ea9-fbff-4791-88ae-190c2b95d002.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/07/e323d512-623d-406c-b8f5-fec587ae4ff4/935861fc-27a3-4279-866d-4a2bf74353f8.png)
お役に立ちましたか?
|