Come aggiungere un video di YouTube come sfondo a schermo intero in WordPress

Gli sfondi video a schermo intero catturano immediatamente l'attenzione. Trasformano un semplice sito WordPress in qualcosa che appare curato, moderno e dal design professionale.

Nel complesso, abbiamo visto quanto uno sfondo video ben posizionato possa migliorare le prime impressioni e mantenere i visitatori coinvolti.

La buona notizia è che non hai bisogno di software speciali o sviluppo personalizzato. Puoi persino utilizzare video di YouTube che hai già, il che lo rende un modo conveniente per aggiungere movimento e personalità alle tue pagine.

In questa guida, ti illustreremo i modi più semplici per aggiungere un video di YouTube come sfondo del tuo WordPress utilizzando strumenti adatti ai principianti.

Perché usare un video di YouTube come sfondo a schermo intero?

Utilizzare un video di YouTube come sfondo a schermo intero è un modo potente per catturare immediatamente l'attenzione dei visitatori e mantenerli coinvolti sul tuo sito.

Ecco i vantaggi:

• Mantieni tempi di caricamento rapidi della pagina: Incorporare un video di YouTube invece di caricare il tuo video mantiene il tuo sito leggero, il che è importante per l'esperienza utente e la SEO.
• Coinvolgi i visitatori all'istante: Uno sfondo video in movimento può catturare l'attenzione nei primi secondi di una visita.
• Distinguiti dalla concorrenza: Crea un aspetto visivamente accattivante e moderno che distingue il tuo sito.
• Risparmia larghezza di banda e spazio di archiviazione: Ospitare video su WordPress può consumare molte risorse del server e potrebbe richiedere spazio di archiviazione aggiuntivo.

Su WPBeginner, raccomandiamo vivamente di incorporare video da YouTube invece di caricarli direttamente su WordPress. Questo approccio ti consente di mostrare contenuti accattivanti senza rallentare il tuo sito o mettere a dura prova il tuo piano di hosting.

Detto questo, vediamo come puoi aggiungere un video di YouTube come sfondo a schermo intero sul tuo sito web WordPress. Ti mostreremo due metodi e puoi utilizzare questi collegamenti rapidi per navigare tra di essi:

• Metodo 1: Utilizza Advanced WordPress Backgrounds per uno sfondo video a schermo intero (Gratuito)
• Metodo 2: Utilizza Thrive Architect per aggiungere uno sfondo video a schermo intero (Consigliato)
• Alternativa: Aggiungi uno sfondo animato in WordPress con SeedProd
• Domande frequenti sugli sfondi video

Metodo 1: Utilizza Advanced WordPress Backgrounds per uno sfondo video a schermo intero (Gratuito)

Se stai cercando un modo gratuito e semplice per aggiungere sfondi video, allora puoi utilizzare Advanced WordPress Backgrounds.

Questo plugin gratuito aggiunge un blocco Sfondo che ti consente di creare uno sfondo a schermo intero utilizzando qualsiasi colore, immagine o video, inclusi i video di YouTube.

Innanzitutto, dovrai installare e attivare il plugin nella tua bacheca di WordPress. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, vai semplicemente alla pagina o al post in cui desideri aggiungere un video di YouTube come sfondo a schermo intero. Nell'editor a blocchi di Gutenberg, fai clic sul pulsante '+' per aggiungere un blocco.

Nel popup che appare, inizia a digitare 'Background AWB'. Quando appare il blocco giusto, fai clic su di esso per aggiungerlo alla pagina.

Nel menu a sinistra, vedrai tre schede per i diversi tipi di sfondi a larghezza intera che puoi creare: Colore, Immagine e Video.

Poiché desideri aggiungere un video di YouTube, fai clic sulla scheda ‘Video’. Successivamente, scegli la scheda ‘YouTube / Vimeo‘. 

Ora puoi copiare e incollare l'URL del file video di YouTube che desideri utilizzare sul tuo blog WordPress.

Ora, l'editor a blocchi di WordPress mostrerà un'anteprima di come apparirà questo sfondo.

Advanced WordPress Backgrounds modifica le dimensioni del video in base al contenuto che aggiungi sopra di esso, quindi non preoccuparti se il video attualmente sembra un po' piccolo.

Per impostazione predefinita, lo sfondo video è disabilitato sui dispositivi mobili.

Tuttavia, se si desidera visualizzare lo sfondo video sui dispositivi mobili, fare clic per attivare l'interruttore 'Abilita sui dispositivi mobili'.

Tieni presente che gli sfondi video possono scaricare la batteria e consumare dati per gli utenti mobili.

Per impostazione predefinita, il blocco riprodurrà l'intero video di YouTube in autoplay e in loop. 

Un'altra opzione è riprodurre una porzione specifica del video digitando gli orari esatti (in secondi) nelle caselle 'Ora di inizio' e 'Ora di fine'.

È anche possibile interrompere la riproduzione in loop del video disattivando l'interruttore 'Loop'.

Per impostazione predefinita, il video verrà riprodotto solo quando il visitatore può vederlo nel proprio browser. Ciò contribuirà a mantenere le prestazioni del tuo sito web, quindi in genere vorrai lasciare disattivato l'interruttore 'Riproduci sempre'.

Quando aggiungi il video per la prima volta, viene mostrato al 100% di opacità, quindi è completamente visibile. Sentiti libero di trascinare il cursore ‘Opacità immagine’ per rendere lo sfondo del video di YouTube più discreto.  

Se sperimenti con l'opacità, potresti anche voler provare ad aggiungere una sovrapposizione colorata. 

Fai semplicemente clic per espandere la sezione 'Colore sovrapposizione' e quindi utilizza le impostazioni per creare sovrapposizioni di colori diversi.

Sentiti libero di esplorare altre impostazioni, come l'effetto parallasse e lo spaziatura, per far apparire lo sfondo esattamente come desideri.

Quando sei soddisfatto di come è configurato lo sfondo del video di YouTube, è ora di iniziare ad aggiungere contenuti come link, testi e immagini. 

Per iniziare, fai clic sull'icona '+' al centro del blocco Sfondo (AWB).

Si apre una finestra popup in cui puoi scegliere il blocco che desideri aggiungere. Il plugin Advanced WordPress Backgrounds funziona con tutti i blocchi standard di WordPress, quindi puoi aggiungere qualsiasi contenuto desideri.

Se aggiungi testo sopra il blocco, assicurati solo di cambiare il colore del testo in modo che si abbini bene allo sfondo del video.

Quando sei soddisfatto del risultato, fai clic sul pulsante 'Aggiorna' o 'Pubblica' per rendere la pagina live. Ora, se visiti il tuo sito WordPress, vedrai lo sfondo video in azione. 

Metodo 2: Utilizza Thrive Architect per aggiungere uno sfondo video a schermo intero (Consigliato)

Se desideri personalizzare completamente lo sfondo del tuo video o progettare facilmente pagine complete, questo metodo è quello che fa per te.

Per questo, avrai bisogno di Thrive Architect.

Dopo un'attenta analisi, lo abbiamo trovato un plugin per la creazione di pagine super intuitivo. Oltre alla funzionalità di sfondo video, dispone di una funzionalità drag-and-drop flessibile da usare, così puoi creare il sito web che desideri senza problemi.

Inoltre, è dotato di modelli di landing page intelligenti ottimizzati per le conversioni, in modo che la tua landing page sia impostata per il successo fin dall'inizio.

Per maggiori informazioni su Thrive Architect, puoi leggere la nostra recensione di Thrive Architect.

Se desideri utilizzare questo metodo, procedi all'acquisto di un piano Thrive Architect. È disponibile per l'acquisto come prodotto autonomo o come parte del bundle Thrive Themes.

Quindi, installa semplicemente il plugin. Puoi consultare la nostra guida su come installare un plugin WordPress per maggiori informazioni.

Dopodiché, puoi andare su 'Pagine' dall'area di amministrazione di WordPress e selezionare una pagina da modificare. Passa il mouse sulla pagina e scegli 'Modifica con Thrive Architect'.

Successivamente, fai clic sul pulsante '+' sul lato destro della pagina e trova l'elemento Sezione Sfondo.

Basta fare clic su di esso per aggiungerlo alla pagina.

A questo punto, puoi navigare sul lato sinistro della pagina e scorrere verso il basso fino alla sezione Stile di sfondo.

Qui, attiva semplicemente l'interruttore 'Sfondo video' e seleziona 'YouTube' per Origine.

Dopodiché, vai al video di YouTube che desideri utilizzare come sfondo a schermo intero.

Copia semplicemente l'URL del video di YouTube in questo modo:

Quindi, incolla l'URL nella sezione appropriata.

Ora dovresti vedere lo sfondo sullo schermo.

Sebbene lo sfondo sia aggiunto, non è ancora a schermo intero.

Per assicurarti che sia a schermo intero, devi scorrere verso l'alto fino alla sezione Opzioni principali. Quindi, abilita le opzioni 'Il contenuto copre l'intera larghezza dello schermo', 'Abbina l'altezza allo schermo' e 'Estendi per adattare la larghezza dello schermo'.

Esploriamo altre opzioni. Per aggiungere contenuto al tuo sfondo, tutto ciò che devi fare è fare clic nuovamente sul pulsante '+' sul lato destro e trascinare e rilasciare un elemento.

Puoi aggiungere testi, immagini, moduli, pulsanti, testimonianze e altro ancora. Thrive Architect ha dozzine di elementi incentrati sulla conversione che puoi sfruttare per il tuo sito web.

Se pensi che il colore di sfondo non contrasti abbastanza bene con il testo, torna semplicemente alle impostazioni della sezione Sfondo.

Quindi, scorri di nuovo fino a Stile di sfondo e, nell'opzione Aggiungi livello, scegli un colore unito. Successivamente, puoi scegliere un colore da usare come filtro di sfondo e regolare l'opacità a tuo piacimento.

Una volta terminato, fai clic su 'Applica'.

Un'altra cosa che puoi regolare nelle impostazioni della sezione Sfondo è il Comportamento di scorrimento. Puoi scegliere se renderlo statico, fisso o parallasse.

Ti consigliamo di mantenerlo statico in modo che lo sfondo non si muova mentre l'utente scorre verso il basso. Altrimenti, il video continuerà a essere riprodotto, il che può rallentare il tuo sito web.

La cosa successiva che puoi fare è andare alla sezione Responsive. Qui, puoi scegliere se far apparire lo sfondo video nelle versioni mobile e tablet del tuo sito web.

Sta a te decidere, ma tieni presente che i video impiegano un po' di tempo per caricarsi. Può diventare fastidioso per i tuoi visitatori aspettare che vengano eseguiti quando sono su un dispositivo con schermo piccolo.

Una volta soddisfatto dello sfondo video di YouTube a schermo intero, fai semplicemente clic sul pulsante 'Salva lavoro' per salvare le modifiche.

Ecco fatto!

Ora, vai sul tuo sito web WordPress per vedere come appare dal vivo.

Ecco come appare la nostra pagina di prova.

Alternativa: Aggiungi uno sfondo animato in WordPress con SeedProd

Sebbene gli sfondi video possano essere visivamente accattivanti, possono anche rallentare la velocità di caricamento del tuo sito web. Se desideri un'alternativa, puoi aggiungere uno sfondo animato.

Il modo migliore per farlo è con SeedProd, un potente plugin per la creazione di pagine drag-and-drop per WordPress.

Ti permette di aggiungere facilmente splendidi sfondi animati al tuo sito web utilizzando particle.js. Particle.js è una libreria JavaScript leggera che crea animazioni interattive di particelle.

Per maggiori informazioni, puoi consultare la nostra guida su come aggiungere uno sfondo animato in WordPress.

Suggerimento bonus: aggiungi un feed video di YouTube in WordPress 

Vuoi aggiungere più video al tuo sito web? Sebbene WordPress disponga di blocchi integrati per l'incorporamento di video, non sono il modo più accattivante per visualizzare i video, specialmente se ne hai più di uno.

È qui che entra in gioco Smash Balloon YouTube Feed Pro. 

Secondo noi, è il miglior plugin per gallerie YouTube sul mercato che mostra automaticamente tutti gli ultimi video dal tuo canale YouTube, così i tuoi visitatori vedranno sempre i contenuti più recenti.

Crea semplicemente un feed YouTube utilizzando l'editor intuitivo di Smash Balloon, quindi aggiungilo a qualsiasi pagina o post utilizzando uno shortcode o il blocco pronto all'uso del plugin.

Puoi anche usare Smash Balloon per incorporare playlist YouTube, preferiti e live stream sul tuo sito WordPress.

La cosa migliore di Smash Balloon è che non rallenta il tuo sito. La funzione di caching YouTube integrata nel plugin garantirà che il tuo sito si carichi sempre velocemente, il che è ottimo per il SEO.

Per maggiori dettagli, puoi consultare la nostra guida passo passo su come mostrare gli ultimi video da un canale YouTube in WordPress.

Domande frequenti sugli sfondi video

Ecco alcune domande che i nostri lettori hanno posto frequentemente riguardo all'aggiunta di sfondi video in WordPress:

Come metto un video di YouTube a schermo intero?

Per mettere un video di YouTube a schermo intero, fai clic sull'icona a schermo intero in basso a destra del player di YouTube, oppure usa la scorciatoia da tastiera f mentre il video è attivo.

Come si aggiunge uno sfondo video in WordPress?

Puoi aggiungere uno sfondo video tramite un plugin o un page builder come Thrive Architect. Per i video di YouTube, si consiglia l'embedding per evitare di rallentare il tuo sito.

Che tipo di video di YouTube dovrei scegliere come sfondo?

Consigliamo di scegliere un video visivamente accattivante che sia abbastanza discreto da non distrarre dal contenuto principale. Clip brevi in loop con movimenti delicati spesso funzionano meglio.

Speriamo che questo tutorial ti abbia aiutato a imparare come aggiungere un video di YouTube come sfondo in WordPress. Potresti anche voler consultare la nostra guida su come creare una landing page virale con lista d'attesa con WordPress e le nostre scelte esperte per i migliori costruttori di temi WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.