AX - プロフィールカード

概要

AX - プロファイルカード Experience Sites ページ上で、プロフィール画像、氏名、詳細、およびオプションの背景画像を含むスタイル化されたカード形式でユーザーまたは連絡先情報を表示する Experience Cloud コンポーネントです。

チームメンバー、顧客の連絡先、パートナー担当者、コミュニティ貢献者を、一貫した視覚フォーマットで紹介するために使用します。表示するフィールドの設定、プロフィール画像の追加、スタイリングのカスタマイズ、Experience Builder 内でのアクションボタンの追加が可能です。

チームディレクトリ、連絡先リスト、コミュニティメンバープロフィール、「担当者紹介」セクション、またはポータルで専門的なプロフィール表示が必要なあらゆる場所に最適です。

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

チュートリアル

名前	説明
現在のユーザー情報を表示するようにプロファイルカードを設定する	Experience Cloud 上でユーザー情報を表示する Avonni カードを設定し、パーソナライズを強化します。

スロット

Avonni プロファイルカードコンポーネントは、スロットを通じて幅広い情報を柔軟かつ動的に提示する方法を提供します。これらのスロットはコンポーネント内の指定領域で、さまざまな他のコンポーネントを挿入でき、広範なカスタマイズと機能性を可能にします。

スロットの種類

1. コンテンツスロット:

   • 詳細情報のための主要領域です。

   • テキスト、リスト、画像、またはカスタムコンポーネントなど多様な要素を追加するのに最適です。

   • 包括的なデータやインタラクティブな要素を表示するために使用できます。

2. ヘッダースロット:

   • タイトル、見出し、または導入コンテンツ専用です。

   • テキストラベル、アバター、アイコン、またはコンテキストを提供する任意のコンポーネントに適しています。

   • プロファイルカードの目的を即座に理解できるようにします。

3. アクションスロット:

   • ボタンやハイパーリンクなどのインタラクティブ要素のために予約されています。

   • プロフィールの編集やナビゲーションなどのアクションを提供し、ユーザーの操作を促進します。

   • カードのインタラクティビティとユーザーエンゲージメントを高めます。

設定

🎛️ プロパティ

名前	説明	使用法
タイトルとタイトルテキストスタイル	H1、H2、H3、H4、P1、P2 などのさまざまなテキストスタイルから選択して、タイトルとその見た目を定義します。	注目を集める目立つスタイライズされた見出しをプロファイルカードに付与するために利用してください。
サブタイトルとサブタイトルテキストスタイル	サブタイトルを追加し、その見た目をカスタマイズして、スタイルオプションで追加の文脈情報を表示できます。	役職や部署などの追加情報を提供するためにサブタイトルを使用し、プロファイルカードの包括性を高めます。
CMS の背景または背景画像の URL	CMS から画像を選択するか URL を指定して背景をカスタマイズし、視覚的に豊かな背景を実現できます。	適切に選ばれた背景画像はプロフィールに深みと文脈を加え、視覚的な魅力を向上させます。
CMS のアバター画像またはアバター画像の URL	CMS から画像を選択するか URL を使用してアバターを定義し、プロフィール表現に個人的な要素を加えることができます。	アバターは個人的な要素を加え、プロフィールをより魅力的で親しみやすくします。
アバターバリアントとサイズ	円形や四角形などのバリアントや、x-small から x-large までのサイズを選んでアバターの形状とサイズをカスタマイズします。	プロファイルカード全体のデザイン美学に合わせてアバターの見た目を調整し、視覚的一貫性と魅力を確保します。
アバターの位置	アバターをカード上の左上、上部中央、右下などの位置に配置できます。	アバターの位置を調整して、プロファイルカード内でバランスの取れた調和のあるレイアウトを実現します。

🎨 スタイリング