メインコンテンツにスキップ

Studio CMSの記事アイテムにカテゴリーやタグをプロパティとして追加する

Studio CMSの記事アイテムにプロパティを付与して、カテゴリーやタグで分類する方法を解説します。参照プロパティを使用することで、動的にフィルタされた一覧ページや関連記事一覧リストを作成できます。

今日アップデートされました

Point: Studio CMSとは

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

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

事前準備

関連記事一覧を設定する前に、Studio CMSで記事コンテンツを準備します。

  1. CMSダッシュボードで記事を作成して公開します。

  2. デザインエディタで、動的ページを使用して、1で作成したCMSモデルを紐付けた記事ページを作成します。

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


Studio CMSの記事コンテンツにカテゴリーやタグを追加する

Point:参照プロパティの活用

Studio CMSの記事コンテンツをカテゴリーやタグで分類する場合は、他のCMSモデルを参照する参照プロパティを利用すると、各分類ごとの記事一覧ページや、関連記事リストの作成が可能になります。

Step 1. カテゴリー・タグ分類用のモデルを作成する

  1. CMSダッシュボードで、カテゴリー・タグ分類用のプロパティに使用するモデルを追加します。

    モデルタイプはカテゴリータイプ、またはカスタムタイプを選択してください。

  2. 追加したカテゴリー・タグ分類用モデルに、カテゴリーアイテムを追加します。

    スクリーンショット:モデルとアイテムを追加する様子。

Step 2. 作成したモデルを記事アイテムのプロパティとして参照する(参照プロパティ)

注意:この参照プロパティの設定をもとにCMS記事ページに関連記事を一覧表示する場合には、必ずシングルセレクトを選択してください。

  1. カテゴリー・タグ分類を行う記事アイテムの一覧を開きます。

  2. 「+」ボタンをクリックして、[+プロパティを追加]を選択します。

  3. プロパティリスト下部の[モデルを参照](参照プロパティ)から、作成したカテゴリー・タグ分類用モデルを選択します。

  4. [シングルセレクト]と[マルチセレクト]のいずれかを選択します。

    一般的に、カテゴリー分類には[シングルセレクト]、タグ分類には[マルチセレクト]が適しています。

    スクリーンショット:参照プロパティを追加する様子。
  5. 各記事アイテムにプロパティの値を設定します。

    スクリーンショット:参照プロパティを追加する様子。

Tips:CMSアクティブモデル数を増やさずにカテゴリーやタグを追加する

利用プランの都合でCMSのアクティブモデルを増やさずにカテゴリーやタグのようなラベルを付けたい場合は、参照プロパティの代わりにセレクト系プロパティを使う方法があります。


追加したカテゴリーやタグを活用する

参照プロパティとして追加したカテゴリーやタグを活用して、デザインエディタで以下のような柔軟な表示を設定できます。


Tag Category

こちらの回答で解決しましたか?