AX - Contenitore
Panoramica
AX - Contenitore è un componente di Experience Cloud che avvolge altri componenti in un contenitore stilizzato con bordi, sfondi e padding nelle pagine di Experience Sites.
Usalo per raggruppare contenuti correlati, creare sezioni visive, aggiungere colori o immagini di sfondo o applicare spaziatura coerente attorno ai componenti. Trascina e rilascia qualsiasi componente di Experience Cloud all'interno del contenitore per creare layout raggruppati in Experience Builder.
Perfetto per creare sezioni visive, raggruppare campi di un modulo, aggiungere sfondi brandizzati, organizzare widget della dashboard o in qualsiasi punto del tuo portale in cui il contenuto debba essere racchiuso in un contenitore stilizzato.
Questo componente sfrutta gli slot per una personalizzazione avanzata, rendendolo ideale per i siti LWR. I siti Aura non supportano questo livello di personalizzazione.
Tutorial
Impara a creare un layout a griglia dinamico per mostrare prodotti con pulsanti interattivi "Scopri di più".
Massimizza il potenziale del tuo sito con Avonni Container
Opzioni di design versatili per ogni esigenza
Il componente Avonni Container si distingue per la sua gamma di varianti di stile - Card, Box e Standard - ciascuna progettata per soddisfare diverse esigenze di contenuto.
Il
Schedala variante è perfetta per sezioni d'impatto come le testimonianze, aggiungendo vivacità al tuo contenuto.
Il
Boxla variante brilla quando si tratta di enfatizzare prodotti o caratteristiche chiave, rendendoli più visibili.
Il
Standardla variante offre un aspetto pulito e coerente per contenuti più convenzionali, mantenendo armonia nel tuo sito.
Visual dinamici per elevare il tuo sito
Con Avonni Container puoi dare vita a varie sezioni tramite immagini di sfondo uniche. Immagina di aggiungere foto vivaci del team alla sezione "Chi siamo" o di rappresentare paesaggi sereni per argomenti sulla sostenibilità. Questi elementi visivi dinamici migliorano l'appeal estetico e aiutano a comunicare la storia del tuo brand in modo più efficace.
Leggibilità incontra stile
Garantire che il contenuto risalti rispetto a sfondi complessi o colorati è fondamentale nel web design. Avonni Container affronta questa sfida con l'uso di sovrapposizioni di colore. Immagina un overlay scuro su uno sfondo festoso, che fa risaltare i dettagli dell'evento, o una tinta sottile che aggiunge profondità al contenuto mantenendo la leggibilità.
Controllo completo sulla presentazione
Avonni Container offre un ampio controllo sulla dimensione, lo sfondo e i bordi di ogni sezione. Questo significa che puoi perfezionare come il tuo contenuto occupa lo spazio, adattare colori o immagini di sfondo al tema e regolare le impostazioni del bordo per una definizione aggiuntiva. Ciascuno di questi elementi svolge un ruolo fondamentale nel migliorare la struttura visiva della tua pagina.
Adattabilità per pubblici diversi
Nell'attuale panorama digitale, soddisfare le esigenze di vari pubblici è fondamentale. Avonni Container è progettato con questa adattabilità in mente. Che si utilizzi lo stile Card per sezioni di notizie in portali partner o lo stile Box per evidenziare offerte speciali negli hub clienti, questo componente garantisce che il tuo contenuto sia visto e risuoni con il tuo pubblico.
Riepilogo
Il componente Avonni Container è più di uno strumento; è una tela per la creatività e una soluzione per diverse sfide di web design quando si utilizza Experience Cloud. La sua versatilità, le capacità visive dinamiche, i miglioramenti della leggibilità e le opzioni adattabili di visualizzazione dei contenuti lo rendono indispensabile per qualsiasi sito Salesforce Experience Cloud. Sia che il tuo obiettivo sia catturare l'attenzione, informare o coinvolgere, Avonni Container ti permette di farlo tutto con stile ed efficienza.
Impostazioni
Variante
Scegli una variante di stile per definire l'aspetto generale del contenitore. Scopri di più
Seleziona una variante che si allinei con la tua visione di design, che tu preferisca una presentazione semplice, in scatola o in stile card del tuo contenuto.
Immagine di sfondo
Imposta un'immagine di sfondo per il contenitore.
Carica o fornisci un URL per un'immagine che valorizzi l'appeal visivo del contenitore, contribuendo all'atmosfera o al tono tematico che desideri trasmettere.
Colore Sovrapposizione
Applica una sovrapposizione di colore sopra l'immagine di sfondo.
Scegli un colore che sovrapponga sottilmente l'immagine di sfondo, aiutando a mantenere la visibilità e la leggibilità del contenuto all'interno del contenitore.
Il Variante la proprietà del componente Avonni Container è una caratteristica cruciale che definisce lo stile e la struttura fondamentali del contenitore, preparando il terreno per come il contenuto al suo interno viene visualizzato e interagito. Ecco una spiegazione dettagliata di ciascuna variante:
Standard
Descrizione: Il
standardla variante offre uno stile basilare e minimalista. L'impostazione predefinita fornisce un contenitore pulito e semplice senza elementi stilistici aggiuntivi. Questa variante è ideale per contenuti che richiedono un layout semplice senza la necessità di una maggiore enfasi visiva.
Utilizzo: Usa la
standardvariante quando hai bisogno di una presentazione semplice e pulita. È perfetta nei casi in cui il contenuto deve risaltare senza ulteriore stile da parte del contenitore. Questa variante si adatta a blocchi informativi, sezioni ricche di testo o quando vuoi che l'attenzione sia esclusivamente sul contenuto piuttosto che sul contenitore.
Box
Descrizione: Il
boxla variante aggiunge maggiore definizione al contenitore, solitamente tramite bordi o lievi ombreggiature, dando l'impressione che il contenuto sia "incassato". Questa variante crea una sensazione di profondità ed enfasi, facendolo risaltare più nettamente nella pagina.
Utilizzo: Opta per la
boxvariante quando vuoi attirare maggiore attenzione sul contenitore, ad esempio per contenuti in primo piano o avvisi importanti, o quando vuoi separare visivamente diverse sezioni della pagina. Lo stile boxed è utile in layout dove più elementi contenitore necessitano di una separazione distinta o quando si crea un'interfaccia tipo dashboard.
Scheda
Descrizione: Il
cardla variante trasforma il contenitore in un layout in stile card, tipicamente caratterizzato da ombreggiature (che danno un effetto flottante), angoli arrotondati e possibilmente un bordo più pronunciato.
Utilizzo: Il
cardla variante è ideale per blocchi discreti di contenuto che necessitano di attenzione individuale, come profili, descrizioni di prodotti o elementi interattivi. È una scelta eccellente per creare una griglia visivamente attraente di opzioni o blocchi informativi, dove ogni card contiene un pezzo di contenuto che fa parte di una raccolta più ampia. Questa variante è particolarmente efficace nei design responsive, poiché le card possono riordinarsi armoniosamente su diverse dimensioni dello schermo.
Riepilogo
Scegliere il giusto Variante per l'Avonni Container significa abbinare lo stile del contenitore allo scopo del tuo contenuto e all'estetica complessiva della tua pagina. Che tu scelga la semplicità senza fronzoli di standard, i confini definiti di box, o l'appello moderno di card, ogni opzione fornisce un modo unico per inquadrare e enfatizzare il tuo contenuto all'interno dell'ambiente Salesforce Experience Cloud
Padding
Regola la spaziatura interna del contenitore.
Definisci i valori di padding per garantire che il contenuto del contenitore abbia una spaziatura appropriata dai bordi, migliorando la leggibilità e l'estetica.
Dimensione
Configura le dimensioni del contenitore e il comportamento di overflow del suo contenuto.
Imposta valori specifici di larghezza e altezza e determina come il contenitore dovrebbe gestire il contenuto che supera le sue dimensioni (overflow).
Sfondo
Personalizza lo sfondo impostando un colore e regolando la dimensione e l'allineamento dell'immagine di sfondo.
Configura queste impostazioni per ottenere l'impatto visivo desiderato e l'allineamento dello sfondo rispetto al contenuto del contenitore.
Bordo
Definisci l'aspetto del bordo del contenitore.
Personalizza il bordo selezionandone dimensione, stile, colore e raggio degli angoli, assicurandoti che si completi con il design complessivo del contenitore.
Ultimo aggiornamento
È stato utile?