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

概要

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

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

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

このコンポーネントは スロットを活用します 高度なカスタマイズに対応しているため、LWR サイトに最適です。Aura サイトでは、このレベルのカスタマイズはサポートされていません。

実際のプロジェクトで見る

Contact ローカル天気：Contact レコード上で、外部 API から取得したリアルタイムの天気を表示します。

設定

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

プロパティ

インライン メディアオブジェクトを他のコンテンツ要素と水平に配置できます。オンにするとメディアをインライン表示し、横方向の流れを促進してスペースをより有効に活用できます。既定ではオフです。

レスポンシブ メディアオブジェクトがさまざまなデバイスサイズや画面解像度に自然に適応し、鮮明さと比率を保ちながら、シームレスな閲覧体験を実現します。既定ではオフです。

縦方向の配置 他のコンテンツ要素に対するメディアオブジェクトの縦方向の配置を制御します。次から選択してください 開始 （既定）、 中央、または 末尾 として、隣接するコンテンツと完全に揃うようにします。

サイズ メディアオブジェクトのサイズを調整し、全体のコンテンツレイアウトに自然に収まるようにします。周囲のコンテンツを目立たせるのではなく、引き立てる役割を果たします。次から選択してください 小, 中 （既定）、または 大.