CMSプロパティ：本文（Body/Contents）

本文プロパティとは、記事の執筆に特化しているプロパティで、見出しの設定や画像・コードなどが挿入できます。

Point：本文プロパティは、記事タイプモデルのCMSアイテムでのみ利用可能です。

本文に挿入できる要素

本文エリア左側の [＋] ボタンから、画像、動画、PDFといったメディア要素や、リスト、テーブル、目次などのブロック要素を追加できます。記事の内容に合わせて追加することで、読みやすく整理された記事コンテンツを作成できます。

本文エリア左側の[＋]ボタンをクリックします。
挿入したい要素を選択します。

画像	本文内に画像を挿入します。詳細な設定や注意点は、後述の「CMS記事内：画像の詳細設定」を参照してください。
動画	本文内に動画を挿入します。詳細な設定や注意点は、後述の「CMS記事内：動画の詳細設定」を参照してください。
PDF	本文内にPDFをリンクとして挿入します。詳細な設定や注意点は、後述の「CMS記事内：PDFの詳細設定」を参照してください。
埋め込みコード	外部サービスの埋め込みコード（SNSの投稿など）を挿入します。
テーブル	本文内に表を挿入します。
箇条書きリスト	本文内に箇条書きのリストを挿入します。現在、箇条書きの形式変更や階層化はできません。
番号付きリスト	本文内に番号付きのリストを挿入します。番号は自動で付与されます。
見出し2、見出し3	本文内に中見出しを挿入します。適切な見出し構造は、アクセシビリティやSEO対策、目次の生成に役立ちます。
引用	本文内に引用用のブロックを挿入します。
区切り線	本文内のセクションを分ける罫線を挿入します。
目次	本文の見出しと連動した目次を自動生成して挿入します。

入力済みのテキストの書式は、左に表示される[P]をクリックして変更します。

テキストの書式・マークダウン・インラインスタイル

テキスト内で見出しや引用を適切に使い分けることで、長い記事でも構造が分かりやすくなります。

書式を変更したい段落の左にある[P]をクリックします。
通常テキスト、見出し、引用など、適用したい書式を選択します。

本文中の一部テキストを選択すると、「太字、斜体、打ち消し線、コード、リンク、コメント」を適用できます。

Tips：マークダウン記法の利用 書式メニューの右側にはマークダウンのガイドがあります。これを編集エリア上でのようにテキスト入力をすれば、その都度メニューから選択せずに書式を変更できて効率的です（例：「## text」）。詳しくはマークダウン記法の記事をご覧ください。

画像の設定と注意点

本文内の画像をクリックすると、右上に画像専用の設定メニューが表示されます。リンクや配置、Altテキストを設定して、記事としての品質やアクセシビリティを高めます。

リンク設定	画像クリック時の遷移先URLを設定します。
コメント	自分用のメモや、共同編集者宛のメッセージを追加します。
Alt（代替テキスト）	画像の内容を検索エンジンや読み上げ機能に伝えるテキストです。SEOやアクセシビリティの観点から、入力を推奨します。
左揃え/中央揃え/右揃え	CMSアイテムの編集画面で設定した配置設定は、デザインエディタ上での配置設定より優先されます。
置き換え	別の画像に差し替えます。

注意：[外部サーバーを参照しています]と表示される場合

Wordpressのインポートや、他サイト・ドキュメントから画像をペーストした場合、[外部サーバーを参照しています]と表示されることがあります。外部サーバーへの参照ができなくなったり、参照元の画像が削除された場合、Studio上で画像が表示されなくなります。外部サーバーの画像を参照することを意図しない場合は、Studioに画像をアップロードして差し替えてください。

動画の設定

本文内に挿入した動画をクリックすると、右上に詳細設定メニューが開きます。再生方法やポスター画像を設定して、記事に適した再生体験に整えます。

コメント	自分用のメモや、共同編集者宛のメッセージを追加します。
左揃え/中央揃え/右揃え	CMSアイテムの編集画面で設定した配置設定は、デザインエディタ上での配置設定より優先されます。
再生設定	プレイヤーの表示有無、自動再生、ミュート、ループ再生、インライン再生、PiPの無効化を設定します。詳細：動画ボックス > 動画の設定項目
ポスター画像	動画読み込み前に表示する画像を設定します。設定しない場合は、1コマ目のフレーム画像が表示されます。
置き換え	動画のアップロードや置き換えをします。

PDFの設定

本文に挿入したPDFは、本文上には中身が表示されずリンクとして扱われます。資料ダウンロードや詳細ドキュメントへの導線として利用したい場合に便利です。

リンク	PDFのURLのコピーや、遷移時に新規タブで開く設定、検索エンジンにPDFリンクを無視させる設定ができます。
アイコン	PDFリンクの先頭に表示されるアイコンの表示/非表示切り替えや、アイコン画像のアップロードをします。
コメント	自分用のメモや、共同編集者宛のメッセージを追加します。
置き換え	PDFのアップロードや置き換えをします。

記事全体の表示デザインについて

本文の内容や構成はCMSダッシュボードのCMSアイテムの詳細編集画面で編集し、文字色・背景色・余白などのデザインはデザインエディタで調整します。

このCMSアイテムを包括するCMSモデルを確認します。
デザインエディタ上で動的ページを作成し、該当のCMSモデルを紐付けます。
動的ページ上にボックスを設置し、各CMSアイテムに設定されたCMSプロパティと、それを表示するボックスを紐付けます。

詳しくは、以下の記事を参照してください。