Studio CMSは、Studio上で利用できるCMS（Content Management System）機能です。ニュースやブログ、採用情報、導入事例など、同じデザインのページを継続的に管理する際に便利です。
この記事では、Studio CMSの機能や仕組みを紹介します。
Tips: CMSとは
CMSは、コンテンツ管理システム（Content Management System）の略です。
Webサイトを構成する要素である、ビジュアルデザインとコンテンツのうち、コンテンツだけを切り出してデータベースに登録し、管理する仕組みです。
コンテンツの更新をデータベース上で行うため、デザインやコーディングの知識がなくてもコンテンツの追加・編集が可能です。
ニュース、ブログ、コラム、導入事例など、同一のデザインで定期的な追加・更新が発生するコンテンツ等に適しています。
Studio CMSの特徴と仕組み
Studio CMSでは、以下のようにビジュアルデザインとコンテンツを分けて、作成や管理を行います。
作成したビジュアルデザインとコンテンツは、デザインエディタ上で紐付け作業をして初めて正しくサイト上に表示されます。
| 設定箇所 | 設定内容 |
コンテンツ | ||
ビジュアルデザイン |
コンテンツ管理：CMSダッシュボード
Studio CMSのコンテンツデータは、CMSダッシュボードというデータベース上で作成・管理を行います。プロジェクトダッシュボード、またはデザインエディタからアクセスが可能です。
コンテンツデータの構成
Studio CMSのコンテンツデータは、以下の3要素で構成され、CMSモデル⇨CMSアイテム⇨CMSプロパティの順に設定します。
CMSモデル
CMSモデルは単一のコンテンツデータであるCMSアイテムを束ねるグループです。
Studio CMSでコンテンツデータを作成する際は、まず最初にCMSモデルを作成します。
モデルには４つのタイプがあり、用途によって最適なタイプを選択します。
タイプ | 概要 |
記事の執筆に特化したタイプ | |
メンバーの管理に最適なタイプ | |
カテゴリーやタグなどの管理に最適なタイプ |
詳しくは、CMSモデルをご覧ください。
CMSアイテム
Studio CMS内で管理する、単一のコンテンツデータがCMSアイテムです。CMSモデルを作成後、アイテムを追加していきます。
詳しくは、CMSアイテムをご覧ください。
CMSプロパティ
CMSアイテムに追加できる関連情報がCMSプロパティです。
デフォルトのプロパティの他にも、自由にプロパティを追加してアイテムに様々な情報を付与できます。
詳しくは、CMSプロパティをご覧ください。
CMSコレクション
特定のCMSモデルから任意のアイテムを手動で選んでグルーピングしたものがCMSコレクションです。おすすめ記事一覧やランキング順でのコンテンツ表示をする際に活用できます。
ビジュアルデザインの設定：デザインエディタ
デザインは、デザインエディタで設定します。
CMSコンテンツの反映は、動的な要素の紐付けが可能な以下の機能を使用します。
CMSコンテンツとデザインを紐付ける
作成したコンテンツとデザインは、デザインエディタ上で紐付けを行います。
この設定を行わないと、コンテンツをサイト上で表示することができません。
レイヤーパネルに表示されたCMSのコンテンツデータと、エディタのスクリーン上のボックスをコネクタで繋ぐことで紐付けを行い、CMSコンテンツの表示箇所を指定します。
