Editor Studio: modificare lo sfondo di una sezione
Tempo di lettura: 9 min.
Progetta ogni sezione in base alle esigenze del cliente. Puoi scegliere un colore, una sfumatura, un'immagine o un video per lo sfondo della tua sezione. Aggiungi un interessante modello di overlay e regola l'opacità in modo che lo sfondo non attiri troppa attenzione rispetto al contenuto.
Lavorare con i punti di interruzione:
Puoi impostare lo sfondo della sezione per punto di interruzione, in modo che sia perfetta su ogni dispositivo.
In questo articolo, scoprirai come:
Suggerimento:
Per velocizzare il processo di progettazione, abbiamo creato tantissime sezioni già pronte e completamente responsive sotto Sezioni nel pannello Aggiungi elementi.
Aggiungere un colore allo sfondo della sezione
Scegli un colore qualsiasi per lo sfondo della tua sezione, che si tratti di uno dei tuoi colori del tema o un colore personalizzato. Puoi quindi impostare l'opacità se preferisci uno sfondo più tenue.
Per modificare il colore di sfondo di una sezione:
- Seleziona la sezione pertinente
- Clicca sull'icona Apri Ispezione
in alto a destra dell'Editor - Clicca sulla casella del colore sotto Design
- A seconda delle tue preferenze, seleziona un colore:
- Colori tema: scegli uno dei colori del tuo sito
- I miei colori: scegli un colore personalizzato esistente
- Un nuovo colore: clicca su + Aggiungi per aggiungere un nuovo colore al Selettore colore
- (Facoltativo) Usa il cursore per aumentare o diminuire l'opacità del colore
Aggiungere un gradiente allo sfondo della sezione
L'Editor Studio offre diversi tipi di sfumature per lo sfondo della sezione:
- Sfumato radiale, lineare o conico
: scegli fino a 8 colori e controlla l'opacità di ogni singolo colore in questi gradienti. Puoi anche regolare l'angolo (Lineare), il punto focale (Radiale) o entrambi (Conico) per ottenere l'aspetto che desideri - Gradiente sfumato
: questo gradiente ti consente di creare un effetto a trama, fondendo tutti i colori di cui hai bisogno. Puoi controllare l'opacità, le dimensioni e la diffusione di ogni singolo colore in questo gradiente
Per aggiungere uno sfondo sfumato a una sezione:
- Seleziona la sezione pertinente
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Clicca sulla casella del colore sotto Design
- A seconda delle tue preferenze, clicca qui sotto per scoprire come creare ciascun tipo di sfumatura:
Aggiungi un effetto sfumato Lineare, Radiale o Conico
Aggiungi un gradiente sfumato
Aggiungere un'immagine allo sfondo della sezione
Aggiungi un'immagine allo sfondo della sezione e regola il punto focale in modo che la parte pertinente sia sempre visibile. Puoi utilizzare le tue immagini caricate, scegliere un'immagine gratuita da Wix/Unsplash o acquistare un'immagine Shutterstock.
Suggerimento:
Puoi aggiungere un overlay di colore o sfumatura sopra l'immagine. Clicca sulla casella del colore per selezionare un colore o un gradiente, quindi trascina il cursore per regolare l'opacità di questo livello.
Per aggiungere uno sfondo immagine a una sezione di pagina:
- Seleziona la sezione pertinente
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Clicca su + Aggiungi immagine o video sotto File multimediali
- (Nel Gestore media) Scegli cosa fare dopo:
- Seleziona o carica la tua immagine
- Cliccare sulla scheda Media da Wix/Unsplash per utilizzare una delle nostre immagini gratuite
- Clicca sulla scheda Shutterstock per acquistare un'immagine da Shutterstock
- Clicca su Cambia sfondo
- (Facoltativo) Personalizza lo sfondo dell'immagine nel pannello Ispezione:
- Punto focale: clicca sull'icona Punto focale
per selezionare la parte dell'immagine che dovrebbe essere sempre visibile, anche quando lo schermo viene ridimensionato - Opacità: trascina il cursore per modificare la visibilità dell'immagine
- Opzioni di adattamento: clicca sul menu a tendina per scegliere come questa immagine deve adattarsi alla sezione
- Punto focale: clicca sull'icona Punto focale
Aggiungere un video allo sfondo della sezione
Aggiungi uno sfondo video per rendere la tua sezione più dinamica. Puoi scegliere il punto focale del video, modificare la velocità di riproduzione e decidere se riprodurlo in maniera continua o meno.
Ti offriamo un'intera libreria di video gratuiti da cui scegliere il tuo sfondo, ma puoi anche utilizzare i tuoi file o acquistare un video da Shutterstock.
Suggerimento:
Puoi aggiungere un overlay di colore o gradiente sopra lo sfondo del video. Clicca sulla casella del colore per selezionare un colore o un gradiente, quindi trascina il cursore per regolare l'opacità di questo livello.
Per aggiungere uno sfondo video ad una sezione di pagina:
- Seleziona la sezione pertinente
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Clicca su + Aggiungi immagine o video sotto File multimediali
- (Nel Gestore media) Scegli cosa fare dopo:
- Seleziona o carica il tuo video
- Clicca sulla scheda Media da Wix/Unsplash per utilizzare uno dei nostri video gratuiti
- Clicca sulla scheda Shutterstock per acquistare un video da Shutterstock
- Clicca su Cambia sfondo
- (Facoltativo) Personalizza lo sfondo del video nel pannello Ispezione:
- Punto focale: clicca sull'icona Punto focale per selezionare l'area del video che dovrebbe essere sempre visibile, anche quando lo schermo viene ridimensionato
- Opacità: trascina il cursore per modificare la visibilità del video
- Velocità riproduzione: clicca sul menu a tendina per selezionare la velocità (ad esempio Normale, 0,25x, 1,25x)
- Riproduzione continua: clicca sull'interruttore per modificare la modalità di riproduzione del video:
- Abilitata: il video viene riprodotto in un loop infinito in background
- Disabilitata: il video viene riprodotto una sola volta per i visitatori, quindi si interrompe
- Punto focale: clicca sull'icona Punto focale
Vuoi vederlo live?
Clicca sul tasto Play sul tuo video per vedere come appare direttamente sull'area di lavoro.
Aggiungere un overlay allo sfondo della sezione
Applica un modello interessante sullo sfondo della sezione. Abbiamo una varietà di modelli tra cui scegliere, in diversi colori e dimensioni: sfoglia l'elenco e clicca sui modelli che ti piacciono per vedere come si amalgamano con lo sfondo.
Per aggiungere un overlay allo sfondo della sezione:
- Seleziona la sezione pertinente
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Abilita l'interruttore Applica modello di overlay sotto Sovrapponi sfondo
- Sfoglia i modelli disponibili. Clicca su un modello per aggiungerlo come overlay e vedere come si adatta allo sfondo
Hai trovato utile questo articolo?
|