Point: Studio CMSとは
Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS（Content Management System）機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高いコンテンツを一元管理します。
Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。
CMSアイテムを新規追加する
CMSダッシュボード左のモデル一覧から、アイテムを新規追加したいCMSモデルを選択します。
アイテム一覧画面右上の「+新規追加」をクリックします。
選択したモデルに新たなアイテムが追加されます。
追加直後には追加したアイテムの詳細編集画面が表示されます。
モデルの作成方法については、モデル の記事を参照してください。
CMSアイテムを編集する
CMSアイテムで編集できるCMSプロパティと編集画面のレイアウトは、属するモデルの種類によって一部異なります。
CMSアイテムの詳細編集画面を開く
CMSアイテム一覧でアイテムのタイトルにカーソルを載せます。
表示された矢印ボタンをクリックすると、そのアイテムの詳細画面が開きます。
CMSアイテムに追加・編集できるCMSプロパティ
タイトル、カバー画像などのコンテンツや条件設定に利用できるブール値など、CMSアイテムの関連情報はCMSプロパティとして管理します。
プロパティには必須プロパティと任意プロパティがあり、必須プロパティはデフォルト表示され削除ができません。
各プロパティの詳細や編集方法は、CMSプロパティを参照してください。
必須プロパティ
プロパティ名 | 説明 |
タイトル | CMSアイテムを識別する名前として常に表示されるプロパティです。 |
スラッグ | 公開ページのURL末尾として利用する一意の文字列です。通常は各アイテムごとに自動生成されますが、必要に応じて変更できます。 |
ステータス | 「下書き」「公開中」「変更あり」「公開予約中」などの公開状態を管理するプロパティです。 |
公開日時 | 公開サイトで閲覧可能になる日時を管理するプロパティです。 |
最終更新 | CMSアイテムが最後に更新された日時を示すプロパティです。 編集操作に応じて自動的に更新され、ユーザーが直接変更したり削除したりすることはできません。 |
任意プロパティ
プロパティ種別 | 説明 |
テキスト | 自由な文字情報（概要や補足説明など）を保存するプロパティです。必要に応じてモデルごとに追加・削除できます。 |
画像 | サムネイル画像や本文とは別の画像を保存するプロパティです。カードデザイン用の画像など、任意の用途に合わせて追加します。 |
数値 | 価格や並び順、数値のIDなど、数値情報を保存するプロパティです。ソートや条件分岐に利用できます。 |
セレクト | あらかじめ登録した候補から1つだけ選択するプロパティです。ステータス風のラベルや種別の管理に向いています。 |
マルチセレクト | 登録済みの候補から複数選択できるプロパティです。タグや複数カテゴリの紐付けに利用します。 |
ブール値 | ON／OFFや有無などを管理する真偽値のプロパティです。フラグ的な情報（例：目立たせる、ピックアップ対象 など）を表現できます。 |
カラー | カラーコードなど色に関する情報を保存するプロパティです。カテゴリごとの色分けや、デザインと連動した表示に使えます。 |
参照プロパティ | 他のCMSモデルのアイテムを紐付けるためのプロパティです。カテゴリとの紐付けや、関連記事・関連商品などの関係性を表現できます。 |
詳細編集画面で本文を編集する ※記事タイプモデルのみ
記事タイプのCMSモデルのみ、アイテムごとに本文を追加できます。
記事の執筆に特化している項目で、見出しの設定や画像・コードなどが挿入できます。記事タイプモデルで管理するアイテムにのみ存在する項目です。
書式の変更
本文はリッチテキストエディタとなっており、書式が変更できます。
入力前に[＋]ボタンをクリックすれば、先に書式を指定したテキスト・画像・目次などが挿入できます。
入力済みのテキストの書式は、左に表示される[P]をクリックして変更します。
画像のAlt設定
挿入した画像をクリックするとAlt（代替えテキスト）が入力できます。
Altを設定することで、画像の内容を検索エンジンやサイトの読み上げ機能に伝えることができます。SEOの観点からもこの情報を設定することは非常に重要です。
マークダウン記法の使用
「## text」のように入力すると見出しが作成できます。
マークダウン記法を使うと、メニューからスタイルを選択する手間が省け、素早く見出しやリストなどが作成できます。詳しくは、マークダウン記法をご覧ください。
特殊スタイル・リンク設定・コメント機能
入力した本文中のテキストの一部を選択すると、「太字、斜体、打ち消し線、コード、リンク」が適用できます。
注意：
Wordpressのインポートの利用や他サイト・ドキュメントから画像をペーストした場合、[外部サーバーを参照しています]と表示されることがあります。
この状態で下記が発生すると、Studio上で画像が表示されません。
外部サーバーの参照ができなくなる
参照元の画像が削除される
この表示がある場合は、画像のアップロードし直しを行なってください。
デザイン編集
文字に色や背景色を設定するには、デザインエディタでの操作が必要です。
詳しくは、リッチテキスト内で、文字色や文字背景色を部分的に変更する方法をご覧ください。
CMSアイテムを複製・削除する
各アイテム左の３点メニューをクリックすると、アイテムの複製や削除ができます。
複製された新たなアイテムのタイトルには「Copy of」が追加されます。
アイテム一覧からは、アイテムをチェックして複数選択し、選択したアイテムを一括削除できます。
モデル毎に３点メニューの場所が異なります。
記事タイプモデルの詳細画面：
記事タイプモデル以外の詳細画面：
CMS編集 アイテム 記事 記事編集 記事書き方 記事編集方法