Personalizza lo sfondo degli elementi per adattarlo al tema della tua attività con design accattivanti e creativi. Scegli tra immagini di sfondo personalizzate nella galleria fotografica, carica le tue immagini, usa sfondi video o applica colori e sfumature per aggiungere un tocco unico al
Nota
Per gli sfondi delle pagine, vedi Sfondo del tema.
Qualsiasi file (testo, immagine, video o audio) caricato nel sistema è disponibile al pubblico. Non deve essere caricata alcuna informazione personale e/o riservata. Per rimuovere completamente il file, eliminalo da Media Manager
.
Suggerimento
Tutti i video di sfondo di YouTube mostrano il titolo e l'autore del caricamento del video prima che il video inizi il caricamento. Non è possibile rimuovere questi elementi senza modificare manualmente il CSS. A causa di questa modifica, i video di YouTube non sono consigliati come video di sfondo.
Per modificare lo sfondo degli elementi:
-
Naviga fino alla Sfondo sezione.
-
A seconda dell'elemento, selezionare Colore, Immagine, o Video e seleziona lo sfondo desiderato.
-
Alcuni elementi hanno anche l'opzione per i cursori delle immagini. Per creare un cursore per immagini, selezionate più immagini Fatto. Per informazioni dettagliate sui cursori dello sfondo, vedere Cursori per immagini di sfondo.
-
Per informazioni dettagliate sulle opzioni di colore, vedere Selettore colori
-
-
(Opzionale)Quando selezionate un'immagine per uno sfondo, fate clic suNon ottimizzate questa immagineattiva questa opzione per impedire l'ottimizzazione se viene utilizzata una sola immagine (questa impostazione verrà visualizzata dopo la selezione di un'immagine).
Alcuni contenitori offrono la possibilità di aggiungere un cursore per l'immagine di sfondo.
Per creare un cursore per lo sfondo:
-
Naviga fino alla Sfondo sezione.
-
Fare clic Immagine.
-
Fai clic sul segno + e seleziona più immagini anziché una singola immagine dal selettore di immagini.
-
Fare clic Fatto.
-
(Opzionale) Una volta creato il cursore, puoi impostare le impostazioni della diapositiva come lo stile di transizione e la velocità della diapositiva dal menu di progettazione delle righe.
-
(Opzionale) Qualsiasi altra opzione dell'immagine di sfondo, come Sovrapposizione dello sfondo, Posizionamento e stile di visualizzazione, può essere applicata al cursore.
Una volta impostata un'immagine o un cursore dell'immagine, saranno disponibili opzioni di configurazione aggiuntive.
Sebbene le opzioni possano variare, le due più comuni sono:
-
Stili di visualizzazione delle immagini: questi sono i vari modi in cui puoi controllare il modo in cui l'immagine o le immagini vengono visualizzate all'interno del contenitore. Queste opzioni consentono di regolare il modo in cui un'immagine si adatta, si ripete o si allunga per coprire l'area. Sono disponibili quattro opzioni:
-
Copertina: estende l'immagine fino a coprire l'intera area senza perdere le proporzioni (poiché copre l'area del contenitore, alcune parti dell'immagine potrebbero essere tagliate).
-
Immagine completa: Visualizza l'immagine completa. Anche se l'immagine non verrà tagliata, potrebbero essere visualizzate delle barre su entrambi i lati o sopra e sotto l'immagine, a seconda delle dimensioni del contenitore
-
Piastrella: ripete l'intera immagine nella sua dimensione originale in un motivo a riquadri per riempire l'area. Se l'immagine è più grande del contenitore, non si ripeterà
-
Nessuna ripetizione: Visualizza l'immagine completa nella sua dimensione originale 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): Seleziona tra Default, Static o Parallax. Nota che la posizione statica non funzionerà sui dispositivi iOS.
-
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 insieme alle opzioni di visualizzazione dell'immagine per controllare la modalità di visualizzazione dell'immagine La posizione dell'immagine di sfondo è impostata in base alle dimensioni dello schermo in Editor 2.0 e in modalità flex.
Usa gli sfondi video per aggiungere rapidamente un video da YouTube, Vimeo o Dailymotion. Gli sfondi video possono attirare l'attenzione di un visitatore con contenuti in movimento e aggiungere un aspetto moderno ed elegante
Suggerimento
Tutti i video di sfondo di YouTube mostrano il titolo e l'autore del caricamento del video prima che il video inizi il caricamento. Non è possibile rimuovere questi elementi senza modificare manualmente il CSS. A causa di questa modifica, i video di YouTube non sono consigliati come video di sfondo.
Per aggiungere uno sfondo video a un contenitore:
-
Prepara un video per il caricamento o l'URL condivisibile di un video caricato su YouTube, Vimeo o Dailymotion.
-
Fai clic con il pulsante destro del mouse sull'elemento a cui desideri aggiungere lo sfondo, quindi fai clic Modifica design.
-
Naviga fino alla Sfondo sezione.
-
Fai clic suVideoscheda. Sono disponibili le seguenti opzioni:
-
Fare clic Carica video e seleziona il video che desideri caricare. Puoi caricare fino a 200 MB in tutti i formati. Puoi caricare video dal tuo dispositivo, Facebook, Instagram, Dropbox, Google Drive o registrare un video utilizzando la tua webcam
-
Incolla l'URL del video che desideri utilizzare nella casella di testo URL di YouTube, Vimeo o Dailymotion.
Nota
I video di YouTube non sono supportati sui dispositivi mobili in quanto non vengono riprodotti automaticamente sui dispositivi iOS.
-
-
I video di YouTube non sono supportati sui dispositivi mobili in quanto non vengono riprodotti automaticamente sui dispositivi iOS.
-
Gli iPhone con batteria in modalità basso consumo non riprodurranno automaticamente i video su un sito e mostreranno invece un pulsante di riproduzione.
-
I video di sfondo non riproducono alcun suono.
-
Il caricamento dei video può richiedere tempo e larghezza di banda e distrarre gli utenti dai link o dal testo importanti sulla tua pagina, quindi usa i video con parsimonia.
-
Prendi in considerazione l'aggiunta di una sovrapposizione con una maggiore opacità dello sfondo del video per rendere l'effetto più sottile.
-
Quando aggiungi un video Dailymotion che fa parte di una playlist, assicurati di aggiungere solo il link diretto al video (e ometti il parametro della playlist, che assomiglia a questo:? playlist=x1x2f3). Se l'URL del tuo video ha questo parametro, rimuovilo. Ad esempio: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 sarebbe https://www.dailymotion.com/video/x60ktex
Imposta un colore di sfondo che passi uniformemente man mano che gli utenti scorrono la sezione, creando un segnale visivo dinamico che migliora il coinvolgimento ed evidenzia le modifiche ai contenuti.
Per modificare il colore di sfondo di una sezione durante lo scorrimento:
-
Fai clic sulla sezione desiderata per aprire il menu mobile e fai clic su Design.
-
Espandi il Stile sezione del pannello di progettazione.
-
Seleziona un Colore dello sfondo. Questo sarà il primo colore che gli utenti vedranno mentre scorrono verso il basso fino alla sezione.
-
Abilita il Cambia colore durante lo scorrimento attiva/disattiva.
-
Seleziona un Colore di sfondo sulla pergamena. Questo è il colore a cui la sezione passa quando l'utente scorre verso il
Ciò è dovuto al fatto che le proporzioni dell'immagine o del video sono diverse da quelle del contenitore.
A seconda del tuo obiettivo, questo può essere difficile da affrontare. 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 parte visibile dell'immagine o del video varierà a seconda delle dimensioni dello schermo.
Se l'immagine non deve necessariamente coprire l'intera area, Immagine completa è possibile utilizzare l'opzione nelle opzioni di visualizzazione delle immagini (vedere la sezione in questo articolo, Configurazione dell'immagine di sfondo).
sfondi video al momento non dispongono di un'opzione video completa. La regolazione delle proporzioni del video originale può risolvere
Per ulteriori informazioni sulle proporzioni, vedere Linee guida e specifiche per i media.
Se il video viene aggiunto tramite un link, il problema potrebbe essere correlato alle impostazioni sulla privacy del video. Per verificarlo, prova a utilizzare un link video diverso. Se il nuovo video funziona, suggerisce che le impostazioni sulla privacy del video originale ne impediscano la visualizzazione sul sito.
La soluzione dipenderà dalla piattaforma che ospita il video e il loro team di supporto potrebbe essere in grado di aiutarti.