Profilkarte

Übersicht

Die Avonni Profilkarte ist darauf ausgelegt, anspruchsvolle und visuell ansprechende Profilkarten zu erstellen. Mit der Flexibilität, Titel, Untertitel, Avatare, Hintergründe und eine Vielzahl von Stilattributen zu konfigurieren, ist die Profilkarten-Komponente Ihr Weg, Profilkarten zu erstellen, die Eleganz, Professionalität und visuelle Harmonie ausstrahlen.

Diese Komponente nutzt Slots für erweiterte Anpassungen und ist damit ideal für LWR-Seiten. Aura-Seiten unterstützen dieses Maß an Anpassung nicht.

Tutorials

Name	Beschreibung
Konfiguration der Profilkarte zur Anzeige der aktuellen Benutzerinformationen	Richten Sie eine Avonni-Karte ein, um Benutzerinformationen in Experience Cloud anzuzeigen und die Personalisierung zu verbessern.

Slots

Die Avonni Profilkarten-Komponente bietet eine flexible und dynamische Möglichkeit, eine breite Palette von Informationen über Slots darzustellen. Diese Slots sind bestimmte Bereiche innerhalb der Komponente, in die verschiedene andere Komponenten eingefügt werden können, wodurch umfangreiche Anpassungen und Funktionen möglich sind.

Arten von Slots

1. Inhalts-Slot:

   • Der Hauptbereich für detaillierte Informationen.

   • Ideal zum Hinzufügen verschiedener Elemente wie Text, Listen, Bilder oder benutzerdefinierter Komponenten.

   • Kann verwendet werden, um umfassende Daten oder interaktive Elemente anzuzeigen.

2. Header-Slot:

   • Reserviert für Titel, Überschriften oder einleitende Inhalte.

   • Geeignet für Textbeschriftungen, Avatare, Symbole oder jede Komponente, die Kontext bietet.

   • Verbessert das unmittelbare Verständnis des Zwecks der Profilkarte.

3. Actions-Slot:

   • Vorbehalten für interaktive Elemente wie Schaltflächen oder Hyperlinks.

   • Ermöglicht Benutzerinteraktion und bietet Aktionen wie das Bearbeiten von Profilen oder Navigation.

   • Erhöht die Interaktivität und das Engagement der Karte.

Einstellungen

🎛️ Eigenschaften

Name	Beschreibung	Verwendung
Titel und Schriftstil des Titels	Definieren Sie den Titel und sein Erscheinungsbild, indem Sie aus verschiedenen Textstilen wie H1, H2, H3, H4, P1 und P2 wählen.	Verwenden Sie dies, um Ihrer Profilkarte eine prominente, stilisierte Überschrift zu geben, die Aufmerksamkeit erregt.
Untertitel und Schriftstil des Untertitels	Fügen Sie einen Untertitel hinzu und passen Sie dessen Erscheinungsbild an, wodurch zusätzliche kontextuelle Informationen mit Stiloptionen möglich werden.	Verwenden Sie Untertitel, um zusätzliche Informationen wie Position oder Abteilung bereitzustellen und die Vollständigkeit der Profilkarte zu erhöhen.
CMS-Hintergrund oder Hintergrund-URL	Passen Sie den Hintergrund an, indem Sie ein Bild aus dem CMS auswählen oder eine URL angeben, um einen visuell bereicherten Hintergrund zu ermöglichen.	Ein gut gewähltes Hintergrundbild kann Tiefe und Kontext zum Profil hinzufügen und dessen visuelle Attraktivität steigern.
CMS-Avatarbild oder Avatarbild-URL	Definieren Sie den Avatar, indem Sie ein Bild aus dem CMS auswählen oder eine URL verwenden, um der Profildarstellung eine persönliche Note zu verleihen.	Avatare verleihen eine persönliche Note und machen das Profil ansprechender und nahbarer.
Avatar-Variante und -Größe	Passen Sie Form und Größe des Avatars an, indem Sie Varianten wie Kreis oder Quadrat und Größen von x-small bis x-large wählen.	Stimmen Sie das Erscheinungsbild des Avatars auf die Gesamtdesign-Ästhetik der Profilkarte ab, um visuelle Kohärenz und Attraktivität sicherzustellen.
Avatar-Position	Positionieren Sie den Avatar auf der Karte und wählen Sie Orte wie oben links, oben zentriert oder unten rechts, unter anderem.	Passen Sie die Position des Avatars an, um ein ausgewogenes und harmonisches Layout innerhalb der Profilkarte zu erreichen.

🎨 Gestaltung

Name	Beschreibung	Verwendung
Header-Stilattribute	Stilisieren Sie den Kopfbereich umfangreich mit Optionen für Hintergrundfarbe, Textfarbe, Schriftgröße, Stil, Gewicht und sogar Rahmenanpassung.	Feinabstimmung des Erscheinungsbildes des Headers, um eine optisch auffällige und leicht lesbare Profilkartenüberschrift zu erzeugen.
Hintergrundfarbe und Rahmen	Passen Sie die Gesamt-Hintergrundfarbe der Karte an und definieren Sie Rahmeneigenschaften wie Größe, Radius und Farbe.	Diese Funktionen ermöglichen weitere visuelle Unterscheidung und Verfeinerung des Erscheinungsbildes der Profilkarte, sodass sie Ihren Designvorlieben entspricht.