Studio CMSのプロパティ活用例：CMS記事ページにカテゴリー・タグを表示する

Point: Studio CMSとは

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

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

事前準備

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

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

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

Studio CMSの記事コンテンツにカテゴリーやタグを追加するを参考に、記事アイテムにカテゴリー・タグを追加します。

事前準備として作成済みの記事コンテンツを表示する動的ページ上に、カテゴリー・タグを表示するボックスを配置します。

意図した位置に追加できなかった場合は、レイヤーパネルなどを活用して対象ボックスを移動し、表示したいレイヤー構造に整えます。

デザインエディタで、ボックス要素とCMSプロパティを紐付けるを参考に、テキストボックスとCMSプロパティを紐付けます。

右パネルの各種タブを使用して、デザインを整えます。

ボックスのデザイン設定カテゴリーや各種ボックスカテゴリー内のヘルプ記事も参考にしてください。

カテゴリー・タグで動的にフィルタされたCMS記事コンテンツの一覧ページのリンクを設定すると、CMSコンテンツ全体の回遊性を高めることができます。

ボックス要素にサイト内リンクを設定する手順は、各種リンクの設定方法 > 2. プロジェクト内の別ページへのリンクを設定するを参照してください。

注意：カテゴリー・タグのプロパティを参照プロパティとして追加した場合にのみ、リンク設定が可能です。

表示と公開状態を確認します。

ライブプレビューを開き、カテゴリー・タグが正しく表示されているか確認します。
公開サイトでの表示を確認します。
- 該当のすべてのCMSアイテムのステータスが公開中であることを確認します。
- 問題がなければ公開パネルからサイトを公開します。
- すでに公開中のサイトの場合には、サイトを更新を行い、公開サイトへ反映します。

A. プロパティの変更はできないため、改めてボックスを追加して作成してください。

マルチセレクトのプロパティをボックスに紐付ける際、ボックスは[リスト化して接続]が有効になっています。この場合、[テキスト]タブ内の[テキスト]入力フィールドをクリックしても、記事ページに紐づくCMSモデル内のプロパティを選択することができなくなります。

A. CMSリストであれば可能です。

記事内で紹介した同様の手順でテキストボックスをCMSリスト内に配置して、プロパティを紐づければ表示できます。

公開サイトにアイテムが表示されない場合は、アイテムの公開ステータスが「公開中」であるか、CMSダッシュボードで確認してください。

CMSアイテムは公開管理機能を備えており、ステータスのプロパティが「公開中」のアイテムのみが、公開サイト上で表示されます。

手順などの詳細は、CMSプロパティ：ステータスと公開日時を参照してください。