Studio CMSのプロパティ活用例：カテゴリー別の記事一覧ページを作成する

Point: Studio CMSとは

Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS（Content Management System）機能です。モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。

Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。

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

カテゴリー別記事一覧ページとは、特定のカテゴリーに属する記事コンテンツだけを自動で絞り込んで一覧表示するページを指します。
ユーザーが「イベントだけ見たい」「特定のテーマの記事だけをまとめて見たい」といったニーズに対して、目的の情報に素早くたどり着けるようにする役割があります。

このようなページをトップページや記事詳細ページからリンクすると、サイト内の回遊性が高まり、結果として滞在時間の増加やSEO評価の向上も期待できます。

Studio Showcaseの例：「イベント」「ブログ・メディア」「ポートフォリオ」「コーポレートサービス」「店舗・商品」のカテゴリー別に一覧ページが用意されています。

Studio CMSでは、動的ページに配置したCMSリストをダイナミックフィルター（Dynamic）で絞り込むことで、このカテゴリー別記事一覧ページを効率的に作成できます。

Point: Studio CMSの機能

ダイナミックフィルター（Dynamic）とは
ダイナミックフィルター（Dynamic）は、動的ページに配置したCMSリストの表示アイテムを動的に絞り込むフィルターです。
通常のフィルターと異なり、ページごとにフィルター値が自動で切り替わるため、カテゴリー別一覧や関連記事一覧などを効率的に作成できます。
動的ページとは
動的ページは、CMSのデータを元にページを自動生成する専用のページです。
記事・求人情報・イベント情報など定期的に更新が必要なコンテンツを管理・公開できます。

この記事で紹介する手順は、CMS記事コンテンツを作成済みであることを前提としています。以下について対応済みであることを確認してください。

CMSダッシュボードで、記事タイプモデル（CMSモデル）とCMS記事アイテム（CMSアイテム）を作成します。
- 参考：CMSダッシュボードでCMS記事アイテムを作成する
デザインエディタで、動的ページを使用して、1で作成したCMS記事モデルを紐付けた記事ページを作成します。
- 参考：Studio CMS記事アイテムの本文を表示するCMS記事ページを作成する

CMS記事作成から公開までの全体像は、次の記事も合わせて参照してください。

Studio CMSの記事コンテンツにカテゴリーやタグを追加するを参考に、参照プロパティを利用して記事アイテムにカテゴリーを追加します。

カテゴリーごとの記事一覧を表示する動的ページを追加します。

ページに紐付けるCMSモデルには、手順1の参照プロパティを紐付けた記事タイプモデルを選択します。

カテゴリーごとに記事リストを表示するため、記事モデルが紐づいたCMSリストを動的ページに配置します。

配置したCMSリストの表示内容を、ページごとのカテゴリーに合わせて切り替えるためにダイナミックフィルターを設定します。

ページに配置したCMSリスト全体を選択します（リストアイテム単体ではなくリスト全体を選択します）。
右パネルで[データ]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。
タブ内、[フィルター]横の[+]をクリックしてフィルターを追加します。
プルダウンリスト内の[モデル]配下から、参照プロパティを選択します。
[フィルター条件]で[Dynamic]（ダイナミックフィルター）を選択します。
[URLクエリ設定中]と表示されている場合には、鎖アイコン（[個別に値を設定する]）をクリックしてから、入力フィールドで設定をしてください。