> 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 %}

## 設定

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

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

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

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

## スタイリング

Avonni Text Block コンポーネントは、テキストコンテンツの見た目をカスタマイズするための多数の表示設定を提供します。これらの設定により、サイトの既定設定を上書きできるため、強調表示やブランドの一貫性に合わせてコンポーネントの外観を調整できます。

{% tabs %}
{% tab title="テキスト" %}

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

{% tab title="背景" %}

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

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

* **上書き：** 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.