Studio CMSとは
Studioが提供するCMS(コンテンツ管理システム)機能の仕組みと概要について説明します。
Tips: CMSとは
Webサイトを構成する要素であるビジュアルデザインとコンテンツのうち、コンテンツのみをデータベースに登録して管理する仕組みが、CMS(Contents Management System / コンテンツ管理システム)です。
ビジュアルデザインに直接コンテンツを適用する必要がないため、専門知識がなくても、コンテンツの編集や追加が容易な仕組みです。
ニュース、ブログ、コラム、導入事例など、同一のデザインで定期的な追加・更新が発生するコンテンツ等に適しています。
StudioCMSの特徴と仕組み
Studio CMSでは、以下のようにビジュアルデザインとコンテンツを分けて、作成や管理を行います。
作成したビジュアルデザインとコンテンツは、デザインエディタ上で紐付け作業をして初めて正しくサイト上に表示されます。
| 設定箇所 | 設定内容 |
ビジュアルデザイン | デザインエディタ | |
コンテンツ |
コンテンツ管理:CMSダッシュボード
STUDIO CMSのコンテンツは、モデル・アイテム・プロパティの3つの要素で構成されています。
コンテンツの作成や管理は、CMSダッシュボードというデータベース上で行います。
この他に、特定のモデルから任意のアイテムを選びキュレーションをする、コレクションという機能があります。
CMSモデルとCMSアイテム
動的なサイト構成やデザイン:CMSプロパティ
一般的なブログサイトを作成する際には、以下のような役割のページの作成が必須となります。
主な必須ページ
ページ名 | 役割・内容 |
トップページ | サイトの玄関。最新記事やおすすめ記事の一覧を表示する。 |
記事詳細ページ | 個別記事の本文、カテゴリ、投稿日などを表示。 |
カテゴリ・アーカイブページ | 記事をカテゴリーや月別規則などでまとめて一覧表示。 |
検索ページ | 記事をキーワードで検索し一覧表示。 |
これらのページを作成するために活用するのが、CMSプロパティ機能です。
特に、カテゴリ・アーカイブページを作成するためには、参照プロパティ機能を活用する必要があります。
関連記事:
任意のコンテンツを選択して一覧表示したい:CMSコレクション
おすすめ記事一覧やランキング順でのコンテンツ表示をする際に活用するのが、CMSコレクションです。特定のモデルから任意のアイテムを手動で選んでグルーピングします。
ビジュアルデザインの設定:デザインエディタ
デザインは、デザインエディタで設定します。
CMSコンテンツの反映は、動的な要素の紐付けが可能な以下の機能を使用します。
<<デザインエディタの画像>>
CMSコンテンツとデザインを紐付ける
作成したコンテンツとデザインは、デザインエディタ上で紐付けを行います。
この設定を行わないと、コンテンツをサイト上で表示することができません。
レイヤーパネルに表示されたCMSのコンテンツデータと、エディタのスクリーン上のボックスをコネクタで繋ぐことで紐付けを行い、CMSコンテンツの表示箇所を指定します。
(過去記事)
------------------------------------------------
モデルとアイテム
Studio CMSでは、始めにモデルを作成し、そのモデル内にアイテムを追加します。
例えば、記事を管理するモデルには、記事のアイテムを追加し、ライターを管理するモデルには、ライターのアイテムを追加します。
このモデルには、4つのタイプがあり、用途によって最適なタイプを選択いただけます。
タイプ | 概要 |
記事タイプ | 記事の執筆に特化したタイプ |
ユーザータイプ | メンバーの管理に最適なタイプ |
カテゴリータイプ、カスタムタイプ | カテゴリーやタグなどの管理に最適なタイプ |
モデルとアイテムについて詳しくは、以下をご覧ください。
アイテムとプロパティ
デフォルトで追加されているプロパティの他にも、自由にプロパティが追加できます。
プロパティを追加すると、直接テキストや画像がアップロードできるだけでなく、別のモデル内のアイテムを参照することもできます。詳しくは、プロパティをご覧ください。
コレクション
コレクションは、ピックアップ記事一覧などを作成する際などに活躍します。特定のモデルからアイテムを選んで、モデルとは別のグループが作成できます。
コレクションについて詳しくは、コレクションをご覧ください。