Studio CMSのリッチテキストプロパティ（本文）で、色・サイズ・余白・フォントなどを変更したい

CMSダッシュボードとデザインエディタはそれぞれ役割が異なり、編集できる項目が違います。どちらの画面で何を設定するかを確認した上で、設定手順を進めてください。

注意：デザインエディタで編集するための前提
CMSダッシュボードで作成したCMS記事アイテムをデザインエディタで編集するには、記事アイテムを表示するための動的ページ（CMS記事ページ）を作成しておく必要があります。

CMSダッシュボードとデザインエディタの役割

Studio CMSでは、データの作成・管理・記事の入稿作業はCMSダッシュボード内で、ページの作成・デザインはデザインエディタ内で行います。

Point：Studio CMSのコンテンツ管理の仕組みについては、Studio CMSとはを参照してください。

CMS記事本文（リッチテキストプロパティ）の編集は、それぞれ以下の場所で行います。

編集箇所	編集項目の例
CMSアイテムの詳細編集画面（CMSダッシュボード内）	テキスト、画像の入力見出し・箇条書きなどの構造の設定（マークダウン記法）
デザインエディタ	文字の色・背景色の設定フォントの設定文字サイズの設定余白（マージン・パディング）の設定

デザイン設定はデザインエディタで行います。編集中の画面を確認し、CMSの詳細編集画面を開いている場合には、デザインエディタに移動して設定を行います。

現在編集中の画面がどちらの画面であるかを確認します。それぞれ、以下のような設定項目が表示されています。
- デザインエディタの場合：画面左にメニューアイコンが表示されている。
- CMSアイテムの詳細編集画面の場合：
  - 画面の最上部に[ホーム][CMS][フォーム][アナリティクス][設定]などのダッシュボードメニューが表示されている。
  - 画面右にプロパティが表形式で表示されている。
CMSアイテムの編集画面を開いている場合には、右上部の[デザインエディタ]ボタンをクリックして、デザインエディタに移動します。
ページパネルを開き、編集したいCMS記事アイテムが紐付いた動的ページ（CMS記事ページ）を選びます。
※ページ名を変更している場合は、以下の画像とは表示が異なります。
対象のページが作成されていない場合には、動的ページ：Studio CMSの記事アイテムを表示する、CMS記事ページを作成するを参考にCMS記事ページを作成してください。

文字の色・サイズ・余白・フォントの設定は、全て右パネルで行います。

記事本文（リッチテキストプロパティ）が紐付いたリッチテキストボックスを選択します。
右パネルで[コンテンツ]タブを開きます。ボックス要素を選択してもパネルが表示されない場合には、右パネルを開いてください。
変更したい項目に応じて、以下の記事を参照し設定をしてください。
- 文字の色・フォント・サイズを変更する場合は、リッチテキストボックス > リッチテキストにデザインを設定するを参照してください。
- テキスト内の一部だけを変更する場合は、文字の色や背景色を部分的に変更するも参照してください。
- 画像の余白や角丸を設定する場合は、リッチテキストボックス > 画像にデザインを設定するを参照してください。
- リッチテキストボックス自体の余白を調整する場合は、マージン・パディング・ギャップの設定方法を参照してください。
公開中のサイトに変更を加えた場合には、公開パネルでサイトを更新するまで、公開中のサイトには反映されません。

Tips：色やフォントなどをまとめて登録する

よく使う色やフォントの組み合わせは、テキストスタイル／カラースタイルとして登録できます。登録したスタイルを選択するだけで、同じ設定をほかの箇所でも再利用できます。