---
title: "(再利用可能な)リッチテキストを追加"
slug: "add--reusable--rich-text"
abstract: "SXAページにフォーマットされたテキストを追加する方法を学びましょう。"
---
# (再利用可能な)リッチテキストを追加

SXAにはページデザインを簡単にするための事前定義レンダリングライブラリが付属しています。ツールボックスからレンダリングをページにドラッグすることで、ページにコンテンツを追加できます。サイトにテキストを追加するのに役立つレンダリングもいくつか用意されています。このトピックでは、ページにフォーマットされたテキストを追加する方法を説明します。

## リッチテキストレンダリング

リッチテキストレンダリングはページ上に書式化されたテキストを追加します。テキストとHTMLマークアップを追加すると、SXAはページのDataフォルダ内のデータソース項目にテキストを保存します。

![Rich text storage](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/AE4ED6A3D0924F74A8F80FB034C90DA8.png)

> !注ページのテキスト項目を含むDataフォルダは隠しフォルダです。表示するには、リボンの「ビュー」セクションで「隠し項目」チェックボックスを選択してください。

リッチテキストレンダリングをページに追加するには:

1.  ツールボックスを開きます。 **ページコンテンツ** グループで「 **リッチテキスト**」をクリックします。
    
    レンダリングをクリックしてドラッグし始めると、レンダリングをドロップできるプレースホルダーが青色で点灯します。あるいは、タッチパネルを使って指でレンダリングをページにドラッグするか、**ホーム** タブのレンダリングアイコンをクリックしてもいいです。
    
2.  レンダリングを目的のプレースホルダーの上に配置し、そのプレースホルダーが緑色に点灯したら、そのレンダリングをページに置きます。
    
3.  リッチテキストの内容を編集するには、「 **フィールドにテキストがない**」をクリックしてください。
    
4.  リッチテキストエディターを開くには、テキストを直接入力するか、「 **テキスト編集**」をクリックしてください。
    
    ![Click Edit the text to open the Rich text editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-richt-text-edit.png)
    
5.  リッチテキストエディターでテキストのフォーマットが可能です。「 **Accept** 」をクリックしてテキストをページに配置します。
    
    ![Rich text editor](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/25AE370AB7204ED1AC8B763016DA24D6.png)
    

## リッチテキスト(再利用可能)レンダリング

リッチテキスト(再利用可能)レンダリングは、ページ上にフォーマットされたテキストを追加します。このレンダリングは再利用性を可能にし、テキストをデータソース項目から取得します。表示されるコンテンツは表示されるページに縛られず、データソース項目に保存されます。これはスローガン、フッター、ヘッダーなどの繰り返し表示されるテキスト項目に非常に便利です。

リッチテキスト(再利用可能)レンダリングをページに追加すると、既存のデータソースを選択するか、新しいデータソース項目を作成できます。テキストを追加しマークアップHTMLすると、SXAサイトの*Data*フォルダ「 *Site/Data/Texts*」にテキストを保存します。

リッチテキスト(再利用可能)レンダリングをページに追加するには:

1.  ツールボックスを開きます。 **ページコンテンツ** グループで「 **リッチテキスト(再利用可能)**」をクリックします。
    
    レンダリングをクリックしてドラッグし始めると、レンダリングをドロップできるプレースホルダーが青色で点灯します。あるいは、タッチパネルを使って指でレンダリングをページにドラッグするか、**ホーム** タブのレンダリングアイコンをクリックしてもいいです。
    
2.  レンダリングを目的のプレースホルダーの上に配置し、そのプレースホルダーが緑色に点灯したら、そのレンダリングをページに置きます。
    
3.  「 **関連コンテンツ選択** 」ダイアログボックスで、希望するコンテンツアイテムをクリックして**OK**をクリックします。新しいデータソースを作成することもできます。
    
    > !注再利用可能なテキスト項目を変更すると、その使用されたすべてのページのテキストが変わります。再利用可能なテキスト項目を変更すると、以下のメッセージが表示されます:
    > 
    > このコンポーネントには関連するコンテンツが含まれています。このコンポーネントを公開すると、関連するコンテンツは同じ関連コンテンツを使用する複数の他のページにも公開されます。