Point: Studio CMSとは
Studio CMSは、Studio上で利用できるCMS(Content Management System)機能です。仕組みや概要については、以下のヘルプ記事をご覧ください。
動的ページを追加する
スクリーンで表示するCMSアイテムを切り替える
動的ページでは、紐付けたCMSモデルの先頭のCMSアイテムをデフォルトでスクリーン上で表示されます。
スクリーンで表示するCMSアイテムは、ページパネル下部のメニューで切り替えが可能です。
動的ページ内のボックスにCMSプロパティを紐付ける
プロパティの紐付けは、右パネル上の[データ]タブまたは[設定]タブで行います。
CMSプロパティごとの挙動や仕様は、CMSプロパティをご覧ください。
データタブでプロパティとボックスを紐付ける
動的ページを開きます。
右パネルで[データ]タブを選択します。
パネルが閉じている場合は、右パネルを開いてください。
データタブで登録済みのCMSプロパティが表示されます。
各プロパティ名の先頭にある「青い丸」をクリック&ドラッグすると、コネクタ(青い線)が表示されます。
コネクタをボックスに繋げると、そのプロパティとボックスが紐付きます。
プロパティの各行にマウスを乗せると、そのプロパティがどこに紐付いているかコネクタ(青い線)で確認ができます。
コネクタは、ボックス自体またはそのデザイン設定などにCMSデータが紐付けられている場合にのみ、表示されます。
参照プロパティはデフォルトで項目が非表示です。「▼」アイコンをクリックして中身を開くと操作できるようになります。
ボックスタブでプロパティとボックスを紐付ける
テキスト、画像やリンクでは、右パネル上の[ボックス]タブからもプロパティが設定できます。
要素ごとにプロパティを指定すると、各CMSアイテムの内容が自動で反映されます。
CMSモデルを変更する
動的ページに紐付けるCMSモデルを変更する際は、ページ設定タブで操作をします。
ページパネルで対象の動的ページを選択します。
ページ設定タブを開きます。
[CMS Model]の入力フィールドで、新しく紐付けたいCMSモデルを選択します。
Tips:CMSモデルを変更してもスクリーン上のデザインには影響しませんが、変更前後でプロパティ構造が異なる場合は、プロパティの紐付けを再設定する必要があります。
動的ページのメタ情報を設定する
動的ページにも、ページタイトル、説明文、カバー画像などのメタ情報を設定できます。
詳しい設定方法やSEOについて詳しくは、次のヘルプ記事を参照してください。
パスとスラッグ(:slug)
動的ページのURLパスは、「パス」と「スラッグ」の2つで構成されます。
「slug(スラッグ)」は、CMSダッシュボードでアイテムごとに設定できる値で、「:slug」部分にCMSアイテムのスラッグが自動で入ります。
スラッグの詳細は、スラッグを参照してください。
動的ページでボックスのデザイン編集をする
動的ページ内で各ボックスのデザイン編集は、通常のページと同様にデザインエディタで行います。
基本のデザイン設定は、全アイテムで共通となります。
ただし、ブール値プロパティ(表示条件、条件付きスタイル)を活用すると、条件に応じて特定アイテムの要素だけ表示・非表示にしたり、デザインを切り替えることができます。
詳しくはそれぞれの記事をご覧ください。
記事 記事ごとに設定 CMS ブログ







