> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-text-block.md).

# AX - テキストブロック

## 概要

**AX - テキストブロック** は、Experience Sites ページ上でリッチテキスト編集機能を備えた書式設定済みテキストコンテンツを表示する Experience Cloud コンポーネントです。

ポータルページに段落、見出し、書式設定済みテキスト、リスト、または任意の書面コンテンツを追加するために使用します。Experience Builder のリッチテキストエディターを使用して、フォント、色、配置、書式を使ってテキストをスタイル設定できます。

ページの説明、ヘルプテキスト、ポリシー内容、手順、告知、またはポータルで書式設定済みテキストコンテンツが必要なあらゆる場所に最適です。

{% hint style="success" %}
Avonni Text Block は [リアクティブデータコンポーネントです](/experience-cloud/experience-cloud-ja/hajimeni/reactive-components.md)
{% endhint %}

## **Avonni Text Block コンポーネントの使用**

### **コンポーネントの追加**

* Experience Cloud サイトの Experience Builder 内で、Avonni Text Block を追加したいページまたはセクションに移動します。
* コンポーネントパネル内で Avonni Text Block コンポーネントを見つけ、ページ上の希望する位置へドラッグします。

### **テキストエディターの設定**

* コンポーネントを配置すると、「テキストエディター」の設定領域が表示されます。
* **テキストを入力:** 表示したいコンテンツの入力を始めます。テキストエディターセクション内のリッチテキストコンテンツエディターには、使い慣れたワープロ機能があり、次のようなツールを利用できます:
  * **書式設定:** 太字、斜体、下線
  * **見出しレベル:** さまざまな見出しサイズ（H1、H2、H3 など）から選択
  * **箇条書きリストと番号付きリスト**
  * **リンク:** ハイパーリンクを追加して、ユーザーを他のページやリソースへ誘導します。

## 外観のカスタマイズ

Avonni Text Block コンポーネントには、テキストコンテンツの視覚的な表示を個別化するためのさまざまな外観設定が用意されています。これらの設定により、サイトの既定値を上書きでき、強調やブランドの一貫性に合わせてコンポーネントの見た目と雰囲気を調整できます。

### **テキスト設定**

* **色：** 最適なコントラストと読みやすさのために、テキストの色を決定します。通常はカラーピッカーで簡単に選択できます。
* **フォントサイズ：** テキストのサイズを調整します。一般的にはピクセル（px）または em で表され、この設定はユーザーがテキストを読みやすいと感じるかどうかに直接影響します..
* **フォントスタイル:** テキストに斜体やオブリークなどのバリエーションを適用します（*注: すべてのフォントに斜体またはオブリークのバリエーションがあるわけではありません*).
* **フォントファミリー：** Web セーフフォントの選択肢から選んで、テキスト全体の視覚的な印象を定義します。
* **フォントの太さ：** light、normal、bold、または数値の font-weight 値などのオプションを使って、テキストの太さを調整します。

### **背景設定**

* **色：** テキストブロックの背後の背景色を設定します。使いやすさのためにコントラストを考慮し、重要なコンテンツを強調するために戦略的に使用してください。

## **重要な考慮事項**

* **上書き:** Avonni Text Block コンポーネント内のこれらの外観設定は、Experience Cloud サイト内で設定された既定のスタイルよりも優先されることに注意してください。
* **可読性:** カスタマイズ時は、常に読みやすさを最優先にしてください。適切なコントラストと正確なフォントサイズが重要です。
* **ブランドとの整合性:** 外観の選択がサイト全体のブランド方針に合致するよう努めてください


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-text-block.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.