Point: Studio CMSとは
Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS(Content Management System)機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。
Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。
事前準備
ライター情報を設定する前に、Studio CMSの記事コンテンツを作成します。
CMSダッシュボードで記事アイテムを作成して公開します。
記事タイプのCMSモデルを作成し、記事アイテム(CMSアイテム)を追加します。
CMSアイテムの詳細編集画面で記事アイテムの本文を入力し、カテゴリなどの関連情報をプロパティとして追加します。
編集が完了した記事アイテムの公開ステータスを[公開中]に設定します。
デザインエディタで、動的ページを使用して、1で作成したCMSモデルを紐付けた記事ページを作成します。成したCMSモデルを紐付けた記事詳細ページを作成します。
CMS記事作成から公開までの全体像は、次の記事も合わせて参照してください。
設定手順
1. ユーザータイプのモデルを追加する
ライター情報は、アバター画像プロパティを含むユーザータイプのCMSモデルを使用して管理すると便利です。
CMSダッシュボードで、ユーザータイプ新しいモデルを作成します。
モデル名を「ライター」や「著者」など、ライター管理と分かる名称に設定します。
2. ユーザーアイテムを追加する
ユーザータイプモデルに、ライターごとのプロフィール情報を登録します。
作成したモデル内に、新規アイテムを追加します。
ライターのプロフィール画像を設定します(ユーザータイプにはアバター用画像プロパティが含まれます)。
名前、プロフィールテキスト、SNSアカウント情報など、ライターの情報として表示したい内容のCMSプロパティを追加します。
必要なライターの人数分だけユーザーアイテムを作成します。
3. 記事アイテムのプロパティとして、作成したユーザータイプのモデルを参照する
CMSダッシュボードのモデル一覧で、ライター情報を掲載したい記事アイテムのモデルを選択します。
アイテム一覧画面で、新しいプロパティを追加します。
プロパティタイプは、プロパティリスト下部の[モデルを参照]を選び、参照先として手順1で作成したユーザータイプモデルを指定します。
参照方法として、シングルセレクトまたはマルチセレクトを選択します(ライターが1人の場合はシングルセレクト、複数人で執筆する場合はマルチセレクトが適しています)。
4. 各記事アイテムのプロパティ情報を設定する
作成した参照プロパティで、各記事のライターを指定します。
5. 記事詳細ページに、ライター情報を表示するボックスを追加する
デザインエディターを開きます。
ページパネルを開き、該当の動的ページを選択します。
ライター情報を追加するためのボックス要素を表示したい位置に追加します。
ライター名、プロフィール情報:テキストボックスを追加
アバター画像:画像ボックスを追加
意図した位置に追加できなかった場合は、レイヤーパネルなどを活用して対象ボックスを移動し、表示したいレイヤー構造に整えます。
6. 追加したボックス要素に、設定したCMSプロパティを紐づける
追加したボックス要素を選択します。
右パネルで[データ]タブを選択します。
パネルが閉じている場合には、右パネルを開いてください。
CMSのプロパティリストから、参照プロパティを探します。
プロパティ名横の矢印をクリックし、詳細を開きます。
紐付けたいプロパティ(ライター名、プロフィールテキスト、アバター画像など)と、テキストボックスや画像ボックスなどのボックス要素を、コネクターを使用して紐づけます。
7. ボックス要素のデザインを調整する
右パネルの各種タブを使用して、デザインを整えます。パネルが閉じている場合には、右パネルを開いてください。
ボックスのデザイン設定カテゴリーや各種ボックスカテゴリー内のヘルプ記事も参考にしてください。
8. 設定を確認する
ライター情報の表示と公開状態を確認します。






