Container
Übersicht
Die Avonni Container-Komponente bietet eine optisch ansprechende Grundlage für Ihre Inhalte. Ob Sie ein raffiniertes kartenähnliches Erscheinungsbild, ein boxförmiges Layout oder eine eher standardmäßige Präsentation anstreben – diese Komponente passt sich mühelos an.
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
Lernen Sie, wie Sie ein dynamisches Grid-Layout erstellen, um Produkte mit interaktiven 'Mehr erfahren'-Schaltflächen zu präsentieren.
Das Potenzial Ihrer Site mit Avonni Container maximieren
Vielseitige Designoptionen für jeden Bedarf
Die Avonni Container-Komponente zeichnet sich durch ihre Auswahl an Stilvarianten – Karte, Box und Standard – aus, die jeweils darauf ausgelegt sind, unterschiedlichen Inhaltsanforderungen gerecht zu werden.
Das
KarteVariante ist perfekt für auffällige Bereiche wie Testimonials und verleiht Ihren Inhalten Flair.
Das
BoxVariante glänzt, wenn es darum geht, Produkte oder wichtige Funktionen hervorzuheben und sie hervorstechen zu lassen.
Das
StandardVariante bietet ein sauberes und kohärentes Erscheinungsbild für konventionellere Inhalte und sorgt für Harmonie auf Ihrer Website.
Dynamische Visuals zur Aufwertung Ihrer Site
Mit Avonni Container können Sie verschiedenen Bereichen Leben einhauchen durch einzigartige Hintergrundbilder. Stellen Sie sich vor, lebendige Teamfotos in Ihrem 'Über uns'-Abschnitt hinzuzufügen oder ruhige Landschaften für Nachhaltigkeitsthemen darzustellen. Diese dynamischen Visuals verbessern die ästhetische Anziehungskraft und helfen, die Geschichte Ihrer Marke effektiver zu vermitteln.
Lesbarkeit trifft auf Stil
Sicherzustellen, dass Inhalte sich vor lebhaften oder farbenfrohen Hintergründen abheben, ist in der Webgestaltung entscheidend. Avonni Container begegnet dieser Herausforderung durch den Einsatz von Overlay-Farben. Stellen Sie sich eine dunkle Überlagerung auf einem festlichen Hintergrund vor, die Ihre Veranstaltungsdetails hervorhebt, oder einen dezenten Farbton, der Tiefe verleiht und gleichzeitig die Lesbarkeit bewahrt.
Volle Kontrolle über die Präsentation
Avonni Container bietet umfangreiche Kontrolle über Größe, Hintergrund und Ränder jedes Abschnitts. Das bedeutet, dass Sie genau einstellen können, wie Ihr Inhalt Raum einnimmt, Hintergrundfarben oder -bilder an Ihr Thema anpassen und Rand-Einstellungen für zusätzliche Definition vornehmen. Jedes dieser Elemente spielt eine zentrale Rolle bei der Verbesserung der visuellen Struktur Ihrer Seite.
Anpassungsfähigkeit für unterschiedliche Zielgruppen
In der heutigen digitalen Landschaft ist es entscheidend, auf die Bedürfnisse verschiedener Zielgruppen einzugehen. Avonni Container ist mit dieser Anpassungsfähigkeit im Blick entwickelt worden. Ob Sie den Kartenstil für News-Bereiche in Partnerportalen oder den Box-Stil zur Hervorhebung von Sonderangeboten in Kundenbereichen verwenden – diese Komponente sorgt dafür, dass Ihre Inhalte gesehen werden und bei Ihrer Zielgruppe ankommen.
Zusammenfassung
Die Avonni Container-Komponente ist mehr als nur ein Werkzeug; sie ist eine Leinwand für Kreativität und eine Lösung für vielfältige Webdesign-Herausforderungen beim Einsatz von Experience Cloud. Ihre Vielseitigkeit, dynamischen visuellen Möglichkeiten, Verbesserungen der Lesbarkeit und anpassbaren Anzeigeoptionen machen sie unverzichtbar für jede Salesforce Experience Cloud-Website. Ob Sie fesseln, informieren oder engagieren möchten – Avonni Container ermöglicht Ihnen all das mit Stil und Effizienz.
Einstellungen
Variante
Wählen Sie eine Stilvariante, um das allgemeine Erscheinungsbild des Containers festzulegen. Mehr erfahren
Wählen Sie eine Variante, die zu Ihrer Designvorstellung passt, egal ob Sie eine schlichte, boxförmige oder kartenähnliche Präsentation Ihres Inhalts bevorzugen.
Hintergrundbild
Legen Sie ein Hintergrundbild für den Container fest.
Laden Sie ein Bild hoch oder geben Sie eine URL zu einem Bild an, das die visuelle Attraktivität des Containers erhöht und zur Stimmung oder thematischen Tonalität beiträgt, die Sie vermitteln möchten.
Overlay-Farbe
Wenden Sie eine Farbüberlagerung über dem Hintergrundbild an.
Wählen Sie eine Farbe, die das Hintergrundbild dezent überlagert und dazu beiträgt, die Sichtbarkeit und Lesbarkeit des Inhalts im Container zu erhalten.
Das Variante Eigenschaft der Avonni Container-Komponente ist ein entscheidendes Merkmal, das den grundlegenden Stil und die Struktur des Containers definiert und die Grundlage dafür bildet, wie der darin enthaltene Inhalt angezeigt und mit ihm interagiert wird. Hier eine detaillierte Erklärung jeder Variante:
Standard
Beschreibung: Das
standardVariante bietet einen grundlegenden und minimalistischen Stil. Die Standardeinstellung liefert einen sauberen und einfachen Container ohne zusätzliche stilistische Elemente. Diese Variante ist ideal für Inhalte, die ein schlichtes Layout erfordern, ohne zusätzlichen visuellen Nachdruck.
Verwendung: Verwenden Sie die
standardVariante, wenn Sie eine unkomplizierte und saubere Präsentation benötigen. Sie ist perfekt für Fälle, in denen der Inhalt ohne zusätzliche Gestaltung durch den Container hervorstechen soll. Diese Variante eignet sich für Informationsblöcke, textlastige Abschnitte oder wenn der Fokus rein auf dem Inhalt liegen soll und nicht auf dem Container.
Box
Beschreibung: Das
boxVariante fügt dem Container mehr Definition hinzu, typischerweise durch Ränder oder leichte Schattierungen, was den Eindruck vermittelt, der Inhalt sei 'eingebettet'. Diese Variante erzeugt ein Gefühl von Tiefe und Betonung und lässt ihn auf der Seite auffälliger erscheinen.
Verwendung: Entscheiden Sie sich für die
boxVariante, wenn Sie dem Container mehr Aufmerksamkeit verleihen möchten, etwa für hervorgehobene Inhalte oder wichtige Hinweise, oder wenn Sie verschiedene Seitenabschnitte visuell trennen möchten. Der boxförmige Stil ist vorteilhaft in Layouts, in denen mehrere Containerelemente eine deutliche Abgrenzung benötigen oder beim Erstellen einer dashboardähnlichen Oberfläche.
Karte
Beschreibung: Das
cardVariante verwandelt den Container in ein kartenartiges Layout, typischerweise gekennzeichnet durch Schattierung (die einen schwebenden Effekt erzeugt), abgerundete Ecken und möglicherweise einen ausgeprägteren Rand.
Verwendung: Das
cardVariante ist ideal für einzelne Inhaltsblöcke, die besondere Aufmerksamkeit benötigen, wie Profile, Produktbeschreibungen oder interaktive Elemente. Sie ist eine ausgezeichnete Wahl, um ein visuell ansprechendes Raster von Optionen oder Informationsblöcken zu erstellen, bei dem jede Karte ein Stück Inhalt enthält, das Teil einer größeren Sammlung ist. Diese Variante ist besonders effektiv in responsiven Designs, da Karten sich auf verschiedenen Bildschirmgrößen elegant neu anordnen können.
Zusammenfassung
Die richtige Auswahl des Variante für den Avonni Container besteht darin, den Stil des Containers mit dem Zweck Ihres Inhalts und der Gesamtästhetik Ihrer Seite abzustimmen. Ob Sie die schmucklose Einfachheit von standard, die definierten Grenzen von boxoder die moderne Anziehungskraft von card, jede Option bietet eine einzigartige Möglichkeit, Ihre Inhalte innerhalb der Salesforce Experience Cloud-Umgebung zu rahmen und hervorzuheben.
Innenabstand
Passen Sie den inneren Abstand des Containers an.
Definieren Sie die Padding-Werte, um sicherzustellen, dass der Inhalt des Containers einen angemessenen Abstand zu den Rändern hat und die Lesbarkeit sowie die Ästhetik verbessert werden.
Größe
Konfigurieren Sie die Abmessungen des Containers und das Verhalten beim Überlauf von Inhalten.
Legen Sie spezifische Breiten- und Höhenwerte fest und bestimmen Sie, wie der Container mit Inhalten umgehen soll, die seine Abmessungen überschreiten (Overflow).
Hintergrund
Passen Sie den Hintergrund an, indem Sie eine Farbe festlegen und die Größe sowie Ausrichtung des Hintergrundbildes anpassen.
Konfigurieren Sie diese Einstellungen, um die gewünschte visuelle Wirkung und Ausrichtung des Hintergrunds in Bezug auf den Inhalt des Containers zu erzielen.
Rahmen
Definieren Sie das Erscheinungsbild der Containerbegrenzung.
Passen Sie den Rand an, indem Sie dessen Größe, Stil, Farbe und Eckradius auswählen, sodass er das Gesamtbild des Containers ergänzt.
Zuletzt aktualisiert
War das hilfreich?