カテゴリー別記事一覧ページとは　

CMSとダイナミックフィルター（Dynamic）機能を使うと、動的ページに配置したCMSリスト内のアイテムをページごとに自動的に絞り込むことができます。これにより、「カテゴリー別記事一覧ページ」が作成できます。

この記事で紹介する「カテゴリー別記事一覧ページ」とは、各カテゴリーページにアクセスした際に、そのカテゴリーに属する記事のみを動的に表示するページです。

例えば、CMSを使ってブログやメディアサイトを管理する際、カテゴリー別記事一覧ページを作成すると下記のようなページを用意することができます。

サイトのトップページなどに「カテゴリー別記事一覧ページ」へリンクする要素を配置しておくと、訪問者は興味のあるカテゴリーを選択して、必要な情報を素早く見つけられます。

本記事で紹介するカテゴリー別記事一覧ページの他に、CMSでサイトを作成する際には下記のようなページを用意するケースが多くあります。なお、これらページの作成方法はこの記事ではご紹介しません。

Tips：

Studio CMSとは
- Contents Management System（コンテンツ管理システム）の略で、Webサイトのコンテンツをデータベースで管理する仕組みです。
- Studio CMSの特長は、コンテンツ（CMSダッシュボード）とデザイン（デザインエディタ）を分けて管理できる点です。これにより、チームでのコンテンツ制作を効率化し、運用コストの削減に繋がります。詳しくは、7. CMSの使い方をご覧ください。
ダイナミックフィルター（Dynamic）とは
動的ページに配置したリストの表示アイテムが、動的ページのアイテムごとに切り替わる「ダイナミックフィルター」が設定できます。通常のフィルターとは違い、ページごとにフィルター項目が自動で切り替わります。
動的ページとは
動的ページは、CMS（コンテンツ管理システム）のデータを表示する専用のページです。CMSと動的ページを使うと、記事・採用情報・イベント情報など、同一デザインかつ定期的な更新が必要なコンテンツを効率的に管理できます。

ユースケース

本記事で紹介する方法を活用すると、下記のような設定が可能です。

この記事では、「ブログのカテゴリー別記事一覧ページ」の具体的な実装手順を説明します。合わせて、下記もご紹介します。

Tips：要素をデザインする際は、下記記事を参考にしてください。

本手順は、CMSダッシュボードとデザインエディタでの操作を含みます。

CMS記事作成から公開までの流れを参考に、CMS機能を有効化してください。

下記のモデルを作成し記事をカテゴリーで分けます。この設定が完了している場合は、「2. カテゴリー別記事一覧ページの作成」の手順に進んでください。

ブログ記事を管理するための「記事タイプモデル」を作成します。

記事を分類するための「カテゴリータイプモデル」を作成し、適切なカテゴリーをアイテムとして追加します。

各記事をカテゴリーごとに表示するため、アイテム（記事）に該当するカテゴリーをそれぞれ設定していきます。

CMSダッシュボード左側のモデル一覧から、「記事」を選択します。
アイテム一覧を右端までスクロールし、右上の[+]をクリックします。
[モデルを参照]から[カテゴリー]モデルを選択します。
[シングルセレクト]または[マルチセレクト]を選択します。
記事ごとに設定するカテゴリが1つの時はシングルセレクト、複数の時はマルチセレクトを選択します。今回はシングルセレクトで作成します。
各記事アイテムに該当するカテゴリーを参照アイテムとして設定します。