In one.com Website Builder, i componenti Contenitore sono gli elementi costitutivi del tuo sito web e sono molto versatili. Possono essere usati come sfondo, elementi di design o per tenere insieme altri componenti. Se osservi attentamente i componenti utilizzati nel modello selezionato, noterai che contiene molti componenti contenitore.
Che tipo di contenitori posso usare?
Esistono quattro tipi di contenitori:
Componente strip
Il componente Strip si estende sempre su tutta la larghezza del tuo sito. È conveniente come sfondo o banner.
Componente riquadro
Il componente Riquadro è il modo più comunemente usato per raggruppare i componenti, consentendoti di spostarli insieme. Raggrupparli in un riquadro assicura anche che rimangano uniti nella visualizzazione mobile. Puoi anche usare il riquadro come sfondo.
Componente cerchi
Il componente Cerchi funziona allo stesso modo di un riquadro. L'unica differenza è che gli angoli di questo componente sono stati arrotondati per dare al riquadro una forma circolare. In altre parole, se vuoi utilizzare riquadri rotondi, li abbiamo già realizzati per te!
Componente hover box
L'hover box ti consente di creare elementi interattivi sul tuo sito. Ciò significa che quando i visitatori tengono il cursore sul riquadro, si verificherà una qualche forma di effetto, a seconda di come hai messo insieme il componente.
Funziona in questo modo: quando trascini un hover box nell'area di lavoro, vedrai due schede nella parte superiore del riquadro: predefinito e hover. Il primo è quello che vedranno i tuoi visitatori quando semplicemente saranno sulla pagina e vedranno il riquadro. Il secondo è ciò che verrà mostrato una volta posizionato il cursore sulla casella.
Puoi aggiungere elementi a queste due "finestre" a seconda di ciò che vuoi che il visitatore veda in ciascuna di esse. Aggiungi immagini, caselle di testo, pulsanti e altro per creare un effetto unico. Completa il tutto aggiungendo solo l'effetto hover desiderato facendo clic sulla scheda Modifica hover box e quindi selezionando Effetto hover nel menu mobile che appare.
Suggerimento: se desideri vedere l'hover box in azione, puoi andare in modalità Anteprima e tenere il cursore sopra la casella. Si noti che l'effetto hover è disponibile solo sui computer, in quanto richiede l'uso del mouse, e non è supportato dai dispositivi mobili.
Articoli correlati: