Studio CMS：記事作成から公開までの流れ

Point: Studio CMSとは

Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS（Content Management System）機能です。

モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高いコンテンツを一元管理します。

Studio CMSの仕組みや概要については、Studio CMSとはを参照してください。

この記事では、Studio CMSを有効化して記事コンテンツを作成し、サイトで公開するまでの流れを説明します。手順は以下のとおりです。

手順1. CMSをはじめる

CMSを使用するには、まず対象プロジェクトでStudio CMSを有効化します。

CMSダッシュボードを開きます。
CMS機能を有効化していないプロジェクトでは、CMSの始め方を選択する画面が表示されます。[空白からはじめる]を選択します。
※ すでにCMSを利用中のプロジェクトでは、この画面は表示されません。

Tips: その他の方法でCMSを始める

テンプレートから始める場合

CMSモデルやCMSアイテムがあらかじめセットされたテンプレートデータを活用できます。

テンプレートから始めた場合、プロパティが紐付いた動的ページや検索ページもデザインエディタ上で自動作成されるため、CMSダッシュボードでコンテンツを編集するだけですぐにページにコンテンツが反映されます。

用途に合わせて以下のテンプレートを用意しています。

WordPressのデータを引き継いで始める場合

画面下の[XMLファイルをインポート]を選択します。詳しい手順は、WordPressからStudioへデータをインポートするをご覧ください。

CMSを有効化したら、CMSダッシュボードで記事コンテンツの構造と中身を作成します。CMSモデル、CMSアイテム、CMSプロパティの順に追加・編集をします。

記事コンテンツの作成手順は、CMSダッシュボードでCMS記事アイテムを作成するも参照してください。

CMSモデルは、コンテンツデータ（CMSアイテム）をまとめて管理するための枠組みです。この記事では、記事作成に特化した記事タイプモデルを作成します。

CMSアイテムは、CMSモデル内で管理する単一のコンテンツデータです。作成した記事タイプモデル内に記事アイテムを追加し、本文などのコンテンツを入力します。

対象のモデル内に記事アイテムを新規追加します。
モデル一覧から対象のモデルを選択し、[アイテムを追加]ボタンをクリックします。
画面右上の[＋新規追加]ボタンからもアイテムを追加できます。
記事アイテムの詳細編集画面を開き、リッチテキストプロパティを編集して本文を作成します。

アイテムに追加する関連情報がCMSプロパティです。記事タイトル、カバー画像など、サイトに表示したい情報をプロパティとして追加します。

アイテム内で管理する各種関連情報がCMSプロパティです。記事タイトル、記事本文、カバー画像などの必要な情報をCMSプロパティとして登録します。

デザインエディタに移動し、動的ページを追加してCMSプロパティとボックスを紐付けます。

Point: 動的ページとは

動的ページは、紐付けたCMSモデルのアイテムを切り替えて表示できるページタイプです。1つのページデザインで、複数の記事アイテムをまとめて管理できます。

本文やカバー画像など、表示するプロパティを紐付けるボックスを追加します。
右パネルの [データ] タブで、各ボックスにプロパティを紐付けます。パネルが閉じている場合は、右パネルを開いてください。

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

以下の例では、画像ボックスにプロパティ「カバー画像」、リッチテキストボックスにプロパティ「本文」が紐付いています。