AX - 画像

概要

AX - 画像 Experience Cloud コンポーネントで、サイズ、トリミング、配置、読み込み動作を制御して Experience Sites ページに画像を表示します。

Salesforce のコンテンツドキュメント、静的リソース、または外部 URL から製品写真、ロゴ、バナー、プロフィール写真、またはその他のビジュアルコンテンツを表示するために使用します。Experience Builder でコード不要で画像の表示方法、トリミング、スケーリングを構成できます。

製品ギャラリー、ブランドヘッダー、ビジュアルコンテンツセクション、プロフィール表示、またはレスポンシブなサイズ調整が必要なポータル内の画像表示に柔軟性を持たせたい場所に最適です。

チュートリアル

名前	説明
レコードの詳細情報を表示するようマップを設定する	Avonni Map を使って Experience Cloud にレコードを表示する方法を学びます。

設定

🎛️ プロパティ

名前	説明	使用法
CMS 画像または画像 URL	画像のソースを CMS からか、直接画像 URL を使用するかで指定します。	画像管理の好みに最も適したソースを選び、アクセスや更新を簡単にできるようにします。
幅と高さ	表示する画像の幅と高さを決定します。	画像がページレイアウト内で調和して収まり、鮮明さを維持する寸法を設定します。
位置	画像の配置を調整します。	画像をコンテナ内で整列させ、バランスのとれた美的なページレイアウトを維持します。
静的画像	画像を静的に設定するオプション。	画像がレスポンシブな調整を必要とせず、さまざまな画面サイズで常に同じである場合にこの設定を使用します。
フルイド & フルイド成長	これらのオプションは画像がレスポンシブにサイズを調整できるようにします。	異なる画面サイズにスムーズに適応するよう画像にこれらの設定を有効にし、ウェブページのレスポンシブ性を向上させます。
サムネイル	画像をサムネイルとして表示します。	ギャラリーやプレビューに適したコンパクトな形で画像を表示するためにこのオプションを利用します。
遅延読み込み	画像の自動読み込みまたは遅延読み込みのどちらかを選択します。	即時表示とページ全体のパフォーマンスのバランスを取る読み込み方法を選んで、ページ読み込み時間を最適化します。
トリミングサイズ、トリミングフィット、トリミング位置 X & Y	画像のトリミングをカスタマイズして関連部分に焦点を当てます。	トリミングパラメータを定義して、画像が重要な領域を目立たせて表示するようにし、視覚的な伝達力を高めます。
拡大鏡タイプ	画像の詳細を表示する際に適用する拡大スタイルを選択します。	拡大鏡タイプを選んでユーザーの対話性を高め、画像の詳細を詳しく探索できるようにします。
CMS 比較画像または比較用 URL	比較機能の属性をカスタマイズします。	向き、操作性、ラベリングを決める属性で比較機能を洗練し、ユーザーフレンドリーな比較体験を実現します。
比較属性	拡大機能の詳細を定義します。	拡大鏡の動作と外観をカスタマイズして、ユーザーが画像の詳細を簡単に探索できるようにします。
拡大鏡属性	画像の角の丸みを調整します。	適切なボーダー半径を設定して角を柔らかくしたり鋭くしたりし、画像のスタイル表現に寄与させます。

🎨 スタイリング