Studio CMSとは

Studio CMSは、Studio上で利用できるCMS（Content Management System）機能です。ニュースやブログ、採用情報、導入事例など、同じデザインのページを継続的に管理する際に便利です。

この記事では、Studio CMSの機能や仕組みを紹介します。

Studio CMSでは、データの作成・管理はCMSダッシュボードで、ページの作成・デザインはデザインエディタで行います。それぞれの主な作業は以下のとおりです。

Studio CMSのコンテンツデータは、CMSダッシュボードというデータベース上で作成・管理します。プロジェクトダッシュボード、またはデザインエディタからアクセスできます。

コンテンツデータは以下の3要素で構成されます。CMSモデル⇨CMSアイテム⇨CMSプロパティの順に設定します。

CMSモデルは、CMSアイテムを束ねるグループです。コンテンツデータを作成する際は、最初にCMSモデルを作成します。

モデルには4つのタイプがあります。用途に合わせて選択してください。

詳しくは、CMSモデルを参照してください。

CMSアイテムは、Studio CMS内で管理する単一のコンテンツデータです。CMSモデルを作成後、アイテムを追加します。

詳しくは、CMSアイテムを参照してください。

CMSプロパティは、CMSアイテムに追加できる関連情報です。デフォルトの必須プロパティだけでなく、様々な種類のプロパティを追加してアイテムに情報を付与できます。

詳しくは、CMSプロパティを参照してください。

CMSコレクションは、特定のCMSモデルから任意のアイテムを手動で選んでグルーピングしたものです。おすすめ記事一覧やランキング順でのコンテンツ表示に活用できます。

詳しくは、CMSコレクションを参照してください。

ページのレイアウトやデザインは、デザインエディタで設定します。

使用する機能は以下の3つです。それぞれに反映するCMSモデルを指定し、ボックス要素にプロパティを紐付けることでコンテンツが表示されます。

CMSダッシュボードでデータを作成しただけでは、コンテンツはサイト上に表示されません。デザインエディタ上で、以下の2段階の紐付けを行います。

ステップ1：データソースの指定

動的ページ・動的リスト（CMSリスト）などの動的な要素に反映するCMSモデルを指定します。

ステップ2：ボックス要素へのプロパティの紐付け

ステップ1で指定したCMSモデル内のプロパティを、スクリーン上の各ボックス要素に紐付けます。どのボックスにどのコンテンツを表示するかをここで指定します。

動的ページと動的リスト（CMSリスト）では、紐付けの流れが以下のように異なります。

紐付けは、右パネルの各ボックス要素の種類に応じた設定欄、または[データ]タブから行います。パネルが閉じている場合は、右パネルを開いてください。

ボックス要素への紐付け手順の詳細は、デザインエディタで、ボックス要素とCMSプロパティを紐付けるを参照してください。