レコード詳細ページのヘッダーを作成する
概要
このチュートリアルでは、Standard と Avonni の両方のタイプを含むさまざまなコンポーネントを統合して、Experience Cloud サイトのレコードページヘッダーを作成します。使用するコンポーネントは次のとおりです。
リッチコンテンツエディター
これらのコンポーネントを使用する理由
Avonni Container
目的: Avonni Container は、ヘッダーの基盤となる要素として機能します。その他すべてのコンポーネントのための、構造化されカスタマイズ可能なスペースを提供します。
使用する理由: これは、整ったレイアウトを維持するために不可欠であり、サイトのブランディングに合わせてスタイル設定できるため、一貫した外観を確保できます。コンテナは、メディアオブジェクト、アバター、リッチコンテンツを一体としてまとめます。
Avonni Media Object
目的: このコンポーネントは、コンテンツブロックの横にメディアを表示します。通常は、テキストの横に画像や動画を配置します。
使用する理由: ヘッダーでは、Avonni Media Object を使用して、レコードの主要情報の横に関連画像やアイコンを上品に表示できます。たとえば、製品の説明の横に製品画像を表示するような形です。メディアとコンテンツを組み合わせることで視覚的な訴求力が高まり、ユーザーにすぐに文脈を伝えられます。
Avonni Avatar
目的: Avonni Avatar は、ユーザーやエンティティの画像を表示し、人、会社、またはその他のエンティティを表現できます。
使用する理由: ヘッダーでは、アバターによってレコードの対象を視覚的に表現できます。たとえば、連絡先レコードにユーザーのプロフィール写真を表示するような使い方です。これにより、個人的な印象が加わり、ヘッダーがより親しみやすく、視覚的にも魅力的になります。
リッチコンテンツエディター
目的: リッチコンテンツエディターでは、さまざまな書式設定オプションを含むリッチテキストコンテンツを作成・編集できます。
使用する理由: このコンポーネントは、整形され使いやすい形でレコードの詳細情報を表示するために、ヘッダーで使用できます。短い説明、連絡先情報、その他レコードに関する関連データなど、テキストの表示方法に柔軟性があります。
インタラクティブなステップバイステップ設定ガイド
最終更新
役に立ちましたか？