Personalizza lo sfondo degli elementi per adattarlo al tema della tua attività con design accattivanti e creativi. Scegli tra le immagini di sfondo personalizzate nella galleria fotografica, carica le tue immagini, utilizza sfondi video oppure applica colori e sfumature per dare un tocco unico al tuo sito.
Nota:
Per gli sfondi della pagina, vedi Sfondo del tema.
Qualsiasi file (testo, immagine, video o audio) caricato sul sistema è accessibile pubblicamente. Non caricare informazioni personali e/o riservate. Per rimuovere completamente un file, eliminalo dal Gestore multimediale.
Per informazioni dettagliate sulle linee guida per i media, consulta la sezione Media: Linee guida e specifiche.
Mancia:
Tutti i video di YouTube visualizzati come sfondo mostrano il titolo e l'autore del video prima dell'avvio della riproduzione. Non è possibile rimuovere questi elementi senza modificare manualmente il CSS. Per questo motivo, si sconsiglia di utilizzare i video di YouTube come sfondo.
Per modificare lo sfondo degli elementi:
- Per accedere all'editor di progettazione, fai clic con il pulsante destro del mouse sull'elemento e seleziona Modifica progettazione. In alternativa, se ti trovi in modalità flex o nell'Editor 2.0, seleziona Modifica progettazione dal menu mobile per aprire il pannello di progettazione.
- Accedi alla sezione Sfondo.
- A seconda dell'elemento, seleziona Colore, Immagine o Video e scegli lo sfondo desiderato.
- Alcuni elementi offrono anche la possibilità di utilizzare slider di immagini. Per creare uno slider di immagini, seleziona più immagini e poi fai clic su Fine. Per informazioni dettagliate sugli slider di immagini di sfondo, consulta la sezione Slider di immagini di sfondo.
- Per i dettagli sulle opzioni di colore, consulta il Selettore colori.
- (Facoltativo) Quando selezioni un'immagine per lo sfondo, fai clic sull'interruttore "Non ottimizzare questa immagine" per impedire l'ottimizzazione se viene utilizzata una singola immagine (questa impostazione verrà visualizzata dopo aver selezionato un'immagine).
Slider di immagini di sfondo
Alcuni contenitori offrono la possibilità di aggiungere uno slider di immagini di sfondo.
Per creare uno slider di sfondo:
- Per accedere all'editor di progettazione, fai clic con il pulsante destro del mouse sull'elemento e seleziona Modifica progettazione. In alternativa, se ti trovi in modalità flex o nell'Editor 2.0, seleziona Modifica progettazione dal menu mobile per aprire il pannello di progettazione.
- Accedi alla sezione Sfondo.
- Fai clic sull'immagine.
- Fai clic sul segno + e seleziona più immagini anziché una singola immagine dal selettore di immagini.
- Fai clic su Fine.
- (Facoltativo) Una volta creato lo slider, è possibile impostare le opzioni di scorrimento, come lo stile di transizione e la velocità di scorrimento, dal menu di progettazione delle righe.
- (Opzionale) È possibile applicare al cursore qualsiasi altra opzione relativa all'immagine di sfondo, come Sovrapposizione sfondo, Posizionamento e Stile di visualizzazione.
Configurazione dell'immagine di sfondo
Una volta impostata un'immagine o uno slider di immagini, saranno disponibili ulteriori opzioni di configurazione.
Sebbene le opzioni possano variare, le due più comuni sono:
-
Stili di visualizzazione delle immagini: si tratta dei vari modi in cui è possibile controllare la visualizzazione dell'immagine o delle immagini all'interno del contenitore. Queste opzioni consentono di regolare l'adattamento, la ripetizione o l'estensione dell'immagine per coprire l'area. Sono disponibili quattro opzioni:
- Copertura: estende l'immagine per coprire l'intera area senza perdere le proporzioni (poiché copre l'area del contenitore, alcune parti dell'immagine potrebbero essere tagliate).
- Immagine intera: visualizza l'immagine completa. Sebbene l'immagine non venga tagliata, potrebbero comparire delle barre ai lati, sopra o sotto l'immagine, a seconda delle dimensioni del contenitore.
- Tile: Ripete l'immagine completa nelle sue dimensioni originali, disponendola a mosaico per riempire l'area. Se l'immagine è più grande del contenitore, non verrà ripetuta.
- Nessuna ripetizione: visualizza l'immagine completa nelle sue dimensioni originali senza ripeterla. Se l'immagine è più grande del contenitore, verrà tagliata. Se è più piccola del contenitore, ci sarà spazio intorno all'immagine.
- Tipo di posizione dell'immagine (solo Editor 2.0 e modalità flex): Selezionare tra Predefinito, Statico o Parallasse.
-
Posizione: questa impostazione determina dove viene posizionata l'immagine, ad esempio al centro, in alto, in basso, a sinistra o a destra del contenitore. L'impostazione della posizione funziona in combinazione con le opzioni di visualizzazione dell'immagine per controllare come viene visualizzata l'immagine.
- In Editor 2.0 e in modalità flex, la posizione dell'immagine di sfondo viene impostata in base alle dimensioni dello schermo.
Sfondi fotografici
Utilizza gli sfondi video per aggiungere rapidamente un video da YouTube, Vimeo o Dailymotion come sfondo del tuo sito. Gli sfondi video possono catturare l'attenzione del visitatore con contenuti in movimento e conferire un look moderno ed elegante a qualsiasi sito.
Passo dopo passo:
- Per aggiungere uno sfondo video al tuo sito, procurati l'URL di YouTube, Vimeo o Dailymotion che desideri utilizzare.
- Fai clic con il pulsante destro del mouse sulla riga o sulla colonna a cui desideri aggiungere questo sfondo, quindi fai clic su Modifica schema.
- Fai clic sulla scheda Video. Hai le seguenti opzioni:
- Fai clic su Carica video e seleziona il video che desideri caricare. Puoi caricare file fino a 200 MB in tutti i formati. Puoi caricare video dal tuo dispositivo, da Facebook, Instagram, Dropbox, Google Drive oppure registrare un video utilizzando la tua webcam.
- Si prega di notare che questa funzionalità è ancora in fase di sviluppo e verrà rilasciata gradualmente a tutti i clienti.
- Incolla l'URL del video che desideri utilizzare nella casella di testo URL di YouTube, Vimeo o Dailymotion.
- Fai clic su Carica video e seleziona il video che desideri caricare. Puoi caricare file fino a 200 MB in tutti i formati. Puoi caricare video dal tuo dispositivo, da Facebook, Instagram, Dropbox, Google Drive oppure registrare un video utilizzando la tua webcam.
Considerazioni
- I video di YouTube non sono supportati sui dispositivi mobili poiché non vengono riprodotti automaticamente sui dispositivi iOS.
- Gli iPhone con la batteria in modalità risparmio energetico non riproducono automaticamente i video su un sito, ma mostrano un pulsante di riproduzione.
- I video in background non riprodurranno l'audio.
- I video possono richiedere tempo e larghezza di banda per essere caricati e possono distrarre gli utenti da link o testi importanti sulla pagina, quindi è consigliabile utilizzarli con moderazione.
- Valuta la possibilità di ridurre l'opacità dello sfondo del video per rendere l'effetto più discreto.
- Quando aggiungi un video di Dailymotion che fa parte di una playlist, assicurati di aggiungere solo il link diretto al video (e ometti il parametro della playlist, che ha un aspetto simile a questo: ?playlist=x1x2f3). Se l'URL del tuo video contiene già questo parametro, rimuovilo.
- Ad esempio: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 diventerebbe https://www.dailymotion.com/video/x60ktex
Risoluzione dei problemi e domande frequenti
Il video non si avvia automaticamente sui dispositivi mobili.
Se utilizzi un iPhone, il problema potrebbe essere causato dalla modalità di risparmio energetico. Disattivare la modalità di risparmio energetico potrebbe risolverlo.
Un'altra possibilità riguarda le impostazioni del browser.
Il video è senza audio
I video di sfondo, per impostazione predefinita, non hanno audio. Se il tuo video richiede l'audio, valuta la possibilità di utilizzare il widget video.
Una parte del mio video o della mia immagine è stata tagliata
Ciò è dovuto al fatto che il rapporto d'aspetto dell'immagine o del video è diverso da quello del contenitore.
A seconda dell'obiettivo, risolvere questo problema può risultare complesso. Se l'immagine o il video devono adattarsi a un contenitore che cambia in base alle dimensioni dello schermo, non esiste una soluzione perfetta per evitare che vengano tagliati. La porzione visibile dell'immagine o del video varierà a seconda delle dimensioni dello schermo.
Se l'immagine non deve coprire l'intera area, è possibile utilizzare l'opzione Immagine intera nelle opzioni di visualizzazione dell'immagine (vedere la sezione in questo articolo: Configurazione dell'immagine di sfondo).
Al momento, gli sfondi video non offrono un'opzione a schermo intero. Modificare le proporzioni del video originale potrebbe risolvere il problema.
Per ulteriori informazioni sul rapporto d'aspetto, consultare la sezione Media: Linee guida e specifiche.
Il video non viene visualizzato
Se il video viene aggiunto tramite un link, il problema potrebbe essere legato alle impostazioni sulla privacy del video stesso. Per verificarlo, prova a utilizzare un link video diverso. Se il nuovo video funziona, significa che le impostazioni sulla privacy del video originale ne impediscono la visualizzazione sul sito.
La soluzione dipenderà dalla piattaforma che ospita il video e il suo team di supporto potrebbe essere in grado di fornire assistenza.