StudioのCMS機能の基本——ブログ・お知らせを同じデザインで量産する仕組み

ブログやお知らせのように、同じデザインのまま記事だけが増えていくページを作りたいとき、1本ずつページを複製して作っていくと、更新のたびに手間が積み重なります。

Studioには、こうした「同じデザインで継続的に更新するコンテンツ」を管理する専用機能、Studio CMSが用意されています。この記事では、基本の仕組みを整理します。

何のための機能か

Studio CMSは、ニュース・ブログ・採用情報・導入事例など、同じデザインのページを継続的に更新・管理するための機能です。CMS（コンテンツ管理システム）という名前のとおり、コンテンツをデータベースのように管理し、デザインやコーディングの知識が無くても記事の追加・編集ができるようになります。

2つの作業場所——CMSダッシュボードとデザインエディタ

Studio CMSでは、データの作成・管理はCMSダッシュボードで、ページの作成・デザインはデザインエディタで行う、という役割分担になっています。記事の文章や画像といった中身はCMSダッシュボードで用意し、それをどう見せるかというレイアウトはデザインエディタで組む、と考えると分かりやすいです。

データの3つの単位——モデル・アイテム・プロパティ

CMSダッシュボードで扱うデータは、CMSモデル（アイテムを束ねるグループ。記事タイプ・ユーザータイプなど用途別のタイプがあります）、CMSアイテム（1件ごとのコンテンツデータ）、CMSプロパティ（アイテムに追加できる項目。タイトルや本文、画像など）という3つの単位で構成されます。

作成したアイテムのデータは、デザインエディタ側でページ内の各ボックス（見出し・本文・画像など）に紐付けることで、初めて画面に表示されます。

「データを作っただけでは表示されない」という落とし穴

CMSダッシュボードで記事データを作成しただけでは、まだサイト上には表示されません。デザインエディタ側で、どのCMSモデルのデータを使うかを指定し、ページ内の各ボックスにプロパティを紐付けて、初めて画面に反映されます。

「データは作ったのに記事が出てこない」と感じたときは、この紐付けの設定がまだ済んでいない可能性が高いです。

ゼロから始めなくていい——テンプレートという選択肢

CMSを始める方法は、空白から作る以外にも用意されています。メディア・ブログ、メンバー紹介、ニュース・お知らせといった用途別のテンプレートを使うと、プロパティが紐付いたページがあらかじめ用意された状態で始められます。すでにWordPressで運用しているサイトがある場合は、そのデータをXMLファイルとして読み込んで引き継ぐ方法も用意されています。

まとめ

Studio CMSは、「同じデザインで内容だけ増えていく」タイプのコンテンツと相性のよい機能です。データの管理場所（CMSダッシュボード）とデザインの管理場所（デザインエディタ）が分かれているという基本さえ押さえておけば、迷わず使い始められます。

「同じ構造を繰り返し使う」という考え方は、ヘッダー・フッターのようなデザイン要素をまとめて管理するStudioのコンポーネント機能の基本にも共通しています。あわせてご覧ください。