STUDIO CMS記事にライター情報を表示させる方法
STUDIO CMSとは
STUDIO CMSを活用すると、ブログ記事やポートフォリオ作品などのコンテンツを効率的に管理し、更新できます。専用のCMSダッシュボードでコンテンツを一元管理し、デザインエディタを使用してWebサイト上の表示方法を編集します。
本記事では、記事ページにライター情報を加える方法をステップバイステップで解説します。CMSの基本構造については CMSコンテンツの仕組み | STUDIO U をご覧ください。なお、プランによってCMSアイテムの公開可能件数が異なりますので 料金プラン | STUDIO で確認してください。
設定手順
CMSダッシュボードにライター情報を追加
記事タイプモデルとアイテムの追加
※すでに記事モデルを作成済みであればこのステップは不要です。
新しい記事タイプモデルを作成し、アイテムを追加します。
ユーザータイプモデルの追加
ライター情報を管理するためには、アバター画像プロパティを含む「ユーザータイプ」モデルを追加します。
アイテム（ライター）の追加
ライターを追加し、必要なプロパティを設定します。
記事モデルにライターモデルの紐づけ
記事モデルに新たなプロパティを追加し、作成したライターモデルをシングルセレクトで参照します。
記事へのライター追加
各記事にライターを追加します。
デザインエディタでライター情報を表示
動的ページの追加
※すでに記事モデルの動的ページを作成済みであればこのステップは不要です。
エディタで動的ページを追加します。モデルは記事モデルを選択します。
記事ページにライター情報を表示する
テキストボックスを配置します。レイヤーパネルを開き、ライター情報をボックスへ紐づけます。
アイコン画像は画像ボックスを配置し、同様に紐づけます。
これで完了です。あとはエディタでデザインを調整してください。