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

Pubblicato: 2023-06-10

Stai cercando un modo per aggiungere video di YouTube come sfondi a schermo intero in WordPress?

Se usati con attenzione, i video di sfondo possono catturare immediatamente l'attenzione di un visitatore e tenerlo sul tuo sito web. Questo li rende un'ottima scelta per landing page e pagine di vendita.

In questo articolo, ti mostreremo come aggiungere un video di YouTube come sfondo a schermo intero sul tuo sito Web WordPress.

How to add YouTube video as fullscreen background in WordPress

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

Quando i visitatori arrivano per la prima volta sul tuo sito Web WordPress, hai solo pochi secondi per attirare la loro attenzione e convincerli a rimanere.

Uno sfondo video accattivante e accattivante è un ottimo modo per mantenere i visitatori sul tuo sito. Inoltre, ci sono molti diversi temi WordPress che supportano gli sfondi video.

Tuttavia, caricare e ospitare un video su WordPress può richiedere molta larghezza di banda. A seconda del tuo piano di hosting WordPress, potresti persino dover acquistare spazio di archiviazione aggiuntivo.

Una soluzione è aggiungere un video di YouTube come sfondo a schermo intero. In questo modo, puoi distinguerti dalla concorrenza senza rallentare il tuo sito Web o occupare spazio di archiviazione aggiuntivo.

Detto questo, vediamo come puoi aggiungere un video di YouTube come sfondo a schermo intero sul tuo sito Web WordPress.

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

Il modo più semplice per aggiungere un video di YouTube come sfondo a schermo intero è utilizzare gli sfondi avanzati di WordPress. Questo plug-in aggiunge un nuovo blocco Sfondo che consente di creare uno sfondo a schermo intero utilizzando qualsiasi colore, immagine o video, inclusi i video di YouTube.

An example of a YouTube video background in WordPress

Innanzitutto, dovrai installare e attivare il plug-in. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l'attivazione, vai semplicemente alla pagina o al post in cui desideri aggiungere un video di YouTube come sfondo a schermo intero. Puoi quindi andare avanti e fare clic sul pulsante "+".

Nel popup che appare, inizia a digitare "Background AWB". Quando viene visualizzato il blocco giusto, fai clic per aggiungerlo alla pagina.

How to add a fullscreen video to a WordPress blog post or page

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

Poiché desideri aggiungere un video di YouTube, fai clic sulla scheda "Video".

Questo plug-in ti consente di utilizzare un video self-hosted come sfondo. Tuttavia, i video occupano molto spazio di archiviazione e larghezza di banda, quindi non dovresti mai caricare un video su WordPress.

Detto questo, seleziona la scheda "YouTube / Video".

How to add a YouTube video as a fullscreen background in WordPress

Ora avrai bisogno dell'URL del video di YouTube che desideri utilizzare sul tuo blog WordPress.

In una nuova scheda, vai semplicemente al video e copia il link nella barra degli indirizzi.

Getting the URL for a YouTube video

Fatto ciò, torna alla dashboard di WordPress e incolla l'URL nella scheda "URL video".

Ora, l'editor di blocchi di WordPress mostrerà un'anteprima di come apparirà questo sfondo. Gli sfondi avanzati di WordPress modificano le dimensioni del video in base al contenuto che aggiungi su di esso, quindi non preoccuparti se il video al momento sembra un po' piccolo.

How to customize a YouTube background video in WordPress

Prima di iniziare ad aggiungere contenuti, è una buona idea configurare le impostazioni dello sfondo.

Per impostazione predefinita, lo sfondo del video è disattivato sui dispositivi mobili. Smartphone e tablet in genere hanno schermi più piccoli e meno potenza di elaborazione rispetto ai computer desktop. Con questo in mente, è una buona idea lasciare lo sfondo del video disabilitato sui dispositivi mobili.

Tuttavia, se desideri mostrare lo sfondo del video sui dispositivi mobili, fai clic per attivare l'interruttore "Abilita sui dispositivi mobili".

Showing a YouTube background on mobile devices

Fuori dagli schemi, il blocco riprodurrà l'intero video di YouTube in loop.

Un'altra opzione è riprodurre una parte specifica del video digitando l'ora esatta nelle caselle "Ora di inizio" e "Ora di fine".

How to add a YouTube background video to a website

Puoi anche interrompere la riproduzione del video in loop disabilitando l'interruttore "Loop".

Per impostazione predefinita, il video verrà riprodotto solo quando il visitatore può vederlo nel proprio browser. Questo aiuta ad aumentare la velocità e le prestazioni di WordPress, quindi in genere vorrai lasciare l'interruttore "Riproduci sempre" disabilitato.

Quando aggiungi il video per la prima volta, viene mostrato con un'opacità al 100%, quindi sembra solido.

A seconda del design del tuo sito, potresti voler sperimentare uno sfondo video semitrasparente trascinando il dispositivo di scorrimento "Opacità immagine". Questo può essere un modo per creare uno sfondo video di YouTube più sottile.

Changing the opacity settings for a YouTube video

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

Basta fare clic per espandere la sezione "Colore sovrapposizione" e quindi utilizzare le impostazioni per creare sovrapposizioni colorate diverse.

Adding an overlay to a video background

Il plugin Advanced WordPress Backgrounds supporta alcuni diversi effetti di parallasse. Questa è una moderna tecnica di web design in cui l'elemento di sfondo scorre più lentamente del contenuto in primo piano, il che spesso aggiunge profondità al design della pagina.

Per provare i diversi effetti di parallasse, fai clic per espandere la sezione "Parallasse", quindi scegli un'opzione dal menu a discesa.

Adding parallax effects to a WordPress website

Dopo aver scelto uno stile di parallasse, avrai accesso ad alcune impostazioni extra in cui puoi modificare la velocità. Puoi anche abilitare e disabilitare l'effetto di parallasse sui dispositivi mobili.

Allo stesso modo, puoi sperimentare diversi effetti di parallasse del mouse, che fanno sì che lo sfondo scorra più lentamente quando il visitatore sposta il mouse.

Per dare un'occhiata a queste impostazioni, fai clic per espandere la sezione "Mouse Parallax".

Adding mouse parallax effects to a background video

Quando sei soddisfatto di come è impostato lo sfondo del video di YouTube, è il momento di iniziare ad aggiungere contenuti come testo, collegamenti e immagini.

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

Adding blocks to a YouTube background video

Questo apre un popup in cui puoi scegliere il blocco che vuoi aggiungere. Il plug-in Advanced WordPress Backgrounds funziona con tutti i blocchi standard di WordPress, quindi puoi aggiungere qualsiasi contenuto desideri.

Dopo aver configurato il primo blocco, è sufficiente fare nuovamente clic sul pulsante "+" e quindi aggiungere il blocco successivo che si desidera utilizzare.

Adding a RafflePress giveaway block to a video background

Continua semplicemente a ripetere questo processo per creare il layout del post o della pagina.

Quando sei soddisfatto di come appare, fai clic sul pulsante "Aggiorna" o "Pubblica" per pubblicare la pagina. Ora, se visiti il ​​tuo sito Web WordPress, vedrai lo sfondo del video in azione.

An example of a YouTube video background in WordPress

Bonus: come aggiungere un feed video di YouTube in WordPress

Uno sfondo video può attirare l'attenzione dei visitatori e allo stesso tempo promuovere il tuo canale YouTube. Tuttavia, se vuoi davvero ottenere più visitatori e abbonati su YouTube, allora potresti voler aggiungere più video al tuo sito web.

È qui che entra in gioco Smash Balloon.

Smash Balloon YouTube Feed Pro è il miglior plug-in per la galleria di YouTube sul mercato. Mostra automaticamente tutti i video più recenti dal tuo canale YouTube, in modo che i visitatori vedano sempre i contenuti più recenti.

Embedding a YouTube playlist using Smash Balloon

Crea semplicemente un feed YouTube utilizzando il semplice editor di Smash Balloon, quindi aggiungilo a qualsiasi pagina o post utilizzando lo shortcode o il blocco già pronto del plug-in.

Puoi anche utilizzare Smash Balloon per incorporare playlist, preferiti e streaming live di YouTube sul tuo sito Web WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

La cosa migliore di Smash Balloon è che non rallenta il tuo sito. La funzione di memorizzazione nella cache di YouTube integrata nel plug-in assicurerà che il tuo sito si carichi sempre velocemente, il che è ottimo per la SEO.

Speriamo che questo articolo 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 con WordPress e le nostre scelte di esperti per i migliori plug-in della galleria video di YouTube.

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