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