Sfondi degli elementi

Personalizza lo sfondo degli elementi in modo che corrisponda al tema della tua attività con design accattivanti e creativi. Scegli tra le immagini di sfondo personalizzate nella galleria fotografica, carica le tue immagini, usa gli sfondi video o applica colori e sfumature per aggiungere un tocco unico al tuo sito.

Nota

Per gli sfondi delle pagine, vedere Sfondo del tema.

Qualsiasi file (testo, immagine, video o audio.) caricato nel sistema è disponibile pubblicamente. Non caricare informazioni personali o confidenziali. Per rimuovere completamente il file, eliminarlo da Media Manager.

Per informazioni dettagliate sulle linee guida per i contenuti multimediali, vedere Media: linee guida e specifiche.

Suggerimento

Prima che il video inizi parta, al caricamento tutti i video di sfondi di YouTube mostrano il titolo del video e il caricatore. Non c'è modo di rimuovere questi elementi senza modificare a mano il CSS. A causa di questa modifica, sconsigliamo di utilizzare video di YouTube come video di sfondo.

Per modificare lo sfondo degli elementi:

  1. Vai alla sezione Sfondo .

  2. A seconda dell'elemento, seleziona Colore, Immagine o Video e seleziona lo sfondo desiderato.

    • Alcuni elementi hanno anche l'opzione per i cursori delle immagini. Per creare uno slider di immagini, seleziona più immagini, quindi fai clic su Fine. Per informazioni dettagliate sui cursori di sfondo, consulta Cursori delle immagini di sfondo.

    • Per informazioni dettagliate sulle opzioni di colore, vedere Selettore colore

  3. (Facoltativo) Quando si seleziona un'immagine per uno sfondo, fare clic sull'interruttore Non ottimizzare questa immagine per impedire l'ottimizzazione se viene utilizzata una singola immagine (questa impostazione verrà visualizzata dopo che un'immagine è stata selezionata).

Slider dell'immagine di sfondo

Alcuni contenitori offrono la possibilità di aggiungere un dispositivo di scorrimento dell'immagine di sfondo.

Per creare un dispositivo di scorrimento dello sfondo:

  1. Vai alla sezione Sfondo .

  2. Fai clic su Immagine.

  3. Fare clic sul segno + e selezionare più immagini anziché una singola immagine dal selettore di immagini.

  4. Fare clic su Fine.

  5. (Facoltativo) Una volta creato il dispositivo di scorrimento, è possibile impostare le impostazioni della diapositiva, come lo stile di transizione della diapositiva e la velocità della diapositiva, dal menu di progettazione della riga.

  6. (Facoltativo) Al dispositivo di scorrimento è possibile applicare qualsiasi altra opzione dell'immagine di sfondo, ad esempio Sovrapposizione sfondo, Posizionamento e Stile di visualizzazione.

Configurazione dell'immagine di sfondo

Una volta configurata un'immagine o un dispositivo di scorrimento dell'immagine, saranno disponibili ulteriori opzioni di configurazione.

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. Ci sono quattro opzioni:

    • Copertina: allunga 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 completa: visualizza l'immagine completa. Anche se l'immagine non verrà tagliata, potrebbero esserci delle barre che vengono visualizzate su entrambi i lati o sopra e sotto l'immagine, a seconda delle dimensioni del contenitore.

    • Affianca: ripete l'intera immagine alle sue dimensioni originali in un motivo a porzioni per riempire l'area. Se l'immagine è più grande del contenitore, non si ripeterà.

    • Nessuna ripetizione: visualizza l'intera immagine nelle sue dimensioni originali senza ripeterla. Se l'immagine è più grande del contenitore, verrà tagliata. Se è più piccolo del contenitore, ci sarà spazio intorno all'immagine.

  • Posizione: questa impostazione determina la posizione dell'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 la modalità di visualizzazione dell'immagine.

    image-display-configuration.png

    Sfondi video

    Usa gli sfondi video per aggiungere rapidamente un video da YouTube, Vimeo o Dailymotion. Gli sfondi video possono catturare l'attenzione di un visitatore con contenuti in movimento e aggiungere un aspetto elegante e moderno a qualsiasi sito.

    Suggerimento

    Prima che il video inizi parta, al caricamento tutti i video di sfondi di YouTube mostrano il titolo del video e il caricatore. Non c'è modo di rimuovere questi elementi senza modificare a mano il CSS. A causa di questa modifica, sconsigliamo di utilizzare video di YouTube come video di sfondo.

    Per aggiungere uno sfondo video a un contenitore:

    1. Avere un video pronto per essere caricato o l'URL condivisibile di un video caricato su YouTube, Vimeo o Dailymotion.

    2. Fai clic con il pulsante destro del mouse sull'elemento a cui desideri aggiungere questo sfondo, quindi fai clic su Modifica design.

    3. Vai alla sezione Sfondo .

    4. Fai clic sulla scheda Video. Sono disponibili le seguenti opzioni:

      • Fai clic su 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 da utilizzare nella casella di testo 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.

    Considerazioni
    • 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à a basso consumo non riprodurranno automaticamente i video su un sito, ma mostreranno un pulsante di riproduzione.

    • I video in background non hanno audio.

    • I video possono richiedere diverso tempo e larghezza di banda per caricarsi, distogliendo gli utenti da link o testi importanti sulla pagina, pertanto usali con moderazione.

    • 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 di Dailymotion che fa parte di una playlist, assicurati di aggiungere solo il link diretto al video (tralasciando il parametro playlist, che è simile a questo: ?playlist=x1x2f3). Se l'URL del video contiene questo parametro, è sufficiente rimuoverlo. Per esempio: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 diventerà https://www.dailymotion.com/video/x60ktex

    Risoluzione dei problemi e domande frequenti

    Il video non viene riprodotto automaticamente sul cellulare

    Se stai utilizzando un iPhone, il problema potrebbe essere causato dalla modalità a basso consumo. La disattivazione della modalità a basso consumo potrebbe risolverlo.

    Un'altra possibilità sono le impostazioni del browser.

    Il video non ha audio

    I video di sfondo, per impostazione predefinita, non hanno audio. Se il tuo video richiede l'audio, prendi in considerazione l'utilizzo del widget video.

    Parte del mio video o della mia immagine è stata tagliata

    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 venga tagliato. La parte visibile dell'immagine o del video varia a seconda delle dimensioni dello schermo.

    Se l'immagine non deve coprire l'intera area, è possibile utilizzare l'opzione Immagine completa nelle opzioni di visualizzazione dell'immagine (vedere la sezione in questo articolo, Configurazione dell'immagine di sfondo).

    Al momento, gli sfondi video non dispongono di un'opzione video completa. La regolazione delle proporzioni del video originale potrebbe risolverlo.

    Per ulteriori informazioni sulle proporzioni, vedere Proporzioni e risoluzione.

    Il video non viene visualizzato

    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 collegamento 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 loro team di supporto potrebbe essere in grado di aiutarti.