Erstellen eines Kopfteils für die Datensatzdetailseite

Übersicht

Dieses Tutorial erstellt einen Kopfbereich (Record Page Header) für eine Experience Cloud-Site, indem verschiedene Komponenten integriert werden, einschließlich Standard- und Avonni-Typen. Die folgenden Komponenten werden verwendet:

• Avonni Container

• Avonni Medienobjekt

• Avonni Avatar

• Rich Content Editor

Warum diese Komponenten verwenden?

Avonni Container

• Zweck: Der Avonni Container fungiert als grundlegendes Element unseres Headers. Er bietet einen strukturierten und anpassbaren Bereich für alle anderen Komponenten.

• Warum ihn verwenden: Er ist entscheidend, um ein sauberes Layout zu bewahren und kann so gestaltet werden, dass er mit dem Branding der Website übereinstimmt und ein konsistentes Erscheinungsbild gewährleistet. Der Container kapselt das Medienobjekt, den Avatar und den Rich Content zu einer zusammenhängenden Einheit.

Avonni Medienobjekt

• Zweck: Diese Komponente zeigt Medien neben einem Inhaltsblock an, typischerweise ein Bild oder Video neben Text.

• Warum ihn verwenden: Im Header kann das Avonni Medienobjekt elegant ein relevantes Bild oder Symbol neben den primären Informationen des Datensatzes anzeigen, beispielsweise ein Produktbild neben seiner Beschreibung. Diese Kombination aus Medien und Inhalt erhöht die visuelle Ansprache und bietet den Benutzern sofortigen Kontext.

Avonni Avatar

• Zweck: Avonni Avatar zeigt ein Benutzer- oder Entitätsbild an, das eine Person, ein Unternehmen oder eine andere Entität repräsentieren kann.

• Warum ihn verwenden: Im Header kann der Avatar das Thema des Datensatzes visuell darstellen, z. B. indem ein Benutzerprofilbild für einen Kontaktdatensatz angezeigt wird. Er verleiht eine persönliche Note und macht den Header ansprechender und visueller.

Rich Content Editor

• Zweck: Der Rich Content Editor ermöglicht das Erstellen und Bearbeiten von Rich-Text-Inhalten, einschließlich verschiedener Formatierungsoptionen.

• Warum ihn verwenden: Diese Komponente kann im Header verwendet werden, um detaillierte Informationen über den Datensatz in einer formatierten und benutzerfreundlichen Weise bereitzustellen. Sie bietet Flexibilität in der Textdarstellung, sei es eine kurze Beschreibung, Kontaktinformationen oder andere relevante Daten zum Datensatz.

Endergebnis

Interaktiver Schritt-für-Schritt-Konfigurationsleitfaden