> 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-media-object.md).

# AX - メディアオブジェクト

## 概要

**AX - メディアオブジェクト** Experience Sites ページ上で、画像、アイコン、またはアバターをテキストコンテンツの横に水平レイアウトで表示する Experience Cloud コンポーネントです。

ユーザープロファイル、製品一覧、通知項目、または視覚要素と説明テキストを組み合わせたあらゆるコンテンツに対して、一貫したレイアウトを作成するために使用します。メディア要素はテキストコンテンツと整列したままなので、すっきりと見やすい形式になります。

ユーザーディレクトリ、製品カード、アクティビティフィード、リソース一覧、またはポータルで画像とテキストを構造化された再利用可能なレイアウトパターンで組み合わせる必要があるあらゆる場面に最適です。

{% hint style="danger" %}
このコンポーネントは [スロットを活用して](/experience-cloud/experience-cloud-ja/hajimeni/learning-the-basics.md#understanding-slots) 高度なカスタマイズが可能なため、LWR サイトに最適です。Aura サイトはこのレベルのカスタマイズをサポートしていません。
{% endhint %}

{% hint style="info" %}
**実際のプロジェクトで見る**

[Contact Local Weather](https://docs.avonnicomponents.com/projects/use-cases/outside-data/contact-local-weather)：連絡先レコード上で、外部 API から取得したリアルタイムの天気。
{% endhint %}

## 設定

figure スロットにメディア要素（画像、アイコン、またはアバター）を配置し、content スロットにテキストを配置します。figure-inverse スロットを使うと、メディアを前ではなく後ろに配置できます。

### プロパティ

**インライン** メディアオブジェクトを他のコンテンツ要素と横方向に整列させることができます。これを有効にすると、メディアをインライン表示でき、横方向の流れとスペースの有効活用に役立ちます。

**レスポンシブ** メディアオブジェクトがさまざまなデバイスサイズや画面解像度に自然に適応し、鮮明さと比率を維持して、シームレスな表示体験を実現します。

**縦方向の配置** 他のコンテンツ要素に対するメディアオブジェクトの縦方向の配置を制御します。start、center、end から選択して、隣接するコンテンツとぴったり揃えます。

**サイズ** メディアオブジェクトのサイズを調整し、全体のコンテンツレイアウトに自然に収まるようにします。周囲のコンテンツを圧倒するのではなく、引き立てます。


---

# 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-media-object.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.