Studio CMS記事にライター情報を表示させる方法

Studio CMSとは

Studio CMSを活用すると、ブログ記事やポートフォリオ作品などのコンテンツを効率的に管理し、更新できます。専用のCMSダッシュボードでコンテンツを一元管理し、デザインエディタを使用してWebサイト上の表示方法を編集します。

本記事では、記事ページにライター情報を加える方法をステップバイステップで解説します。CMSの基本構造については CMSコンテンツの仕組みをご覧ください。なお、プランによってCMSアイテムの公開可能件数が異なりますので料金プランで確認してください。

手順

※すでに記事モデルを作成済みであればこのステップは不要です。

新しい記事タイプモデルを作成し、アイテムを追加します。

ライター情報を管理するためには、アバター画像プロパティを含む「ユーザータイプ」モデルを追加します。

ライターを追加し、必要なプロパティを設定します。

記事モデルに新たなプロパティを追加し、作成したライターモデルをシングルセレクトで参照します。

各記事にライターを追加します。

※すでに記事モデルの動的ページを作成済みであればこのステップは不要です。

エディタで動的ページを追加します。モデルは記事モデルを選択します。

テキストボックスを配置します。レイヤーパネルを開き、ライター情報をボックスへ紐づけます。

アイコン画像は画像ボックスを配置し、同様に紐づけます。これで完了です。あとはエディタでデザインを調整してください。