Come aggiungere video di YouTube come sfondo a schermo intero in WordPress
Tempo di lettura: 6 minuti

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.

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, ce ne sono molti diversi Temi WordPress che supportano sfondi video.

Tuttavia, caricare e ospitare un video su WordPress può richiedere molta larghezza di banda. Dipende dal tuo Hosting WordPress piano, 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 è utilizzando Sfondi WordPress avanzati. 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.

Un esempio di sfondo di un video di YouTube in WordPress

Innanzitutto, dovrai installare e attivare il plug-in. 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. 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.

Come aggiungere un video a schermo intero a un post o una pagina di un blog WordPress

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 dovresti non caricare mai un video su WordPress.

Detto questo, seleziona la scheda “YouTube / Video”.

Come aggiungere un video di YouTube come sfondo a schermo intero 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.

Ottenere l'URL di un video di YouTube

Fatto ciò, torna alla dashboard di WordPress e incolla l’URL nella scheda “URL video”.

Ora il 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.

Come personalizzare un video di sfondo di YouTube 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”.

Mostrare uno sfondo di YouTube sui dispositivi mobili

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”.

Come aggiungere un video di sfondo di YouTube a un sito web

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 aumentare la velocità e le prestazioni di WordPressquindi 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.

Modifica delle impostazioni di opacità per un video di YouTube

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.

Aggiunta di una sovrapposizione a uno sfondo video

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.

Aggiunta di effetti di parallasse a un sito Web WordPress

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”.

Aggiunta di effetti di parallasse del mouse a un video di sfondo

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).

Aggiunta di blocchi a un video di sfondo di YouTube

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.

Aggiunta di un blocco omaggio RafflePress a uno sfondo video

Continua semplicemente a ripetere questo processo per creare il file post o pagina disposizione.

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

Un esempio di sfondo di un video di YouTube 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. Automaticamente mostra tutti i video più recenti dal tuo canale YouTubein modo che i visitatori visualizzino sempre i contenuti più recenti.

Incorporamento di una playlist di YouTube utilizzando 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.

Creazione di un feed YouTube utilizzando il plug-in dei social media Smash Balloon

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 SEO.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un video di YouTube come sfondo in WordPress. Potresti anche voler dare un’occhiata alla nostra guida su come creare una landing page con WordPress e le nostre scelte esperte per il migliori plugin per la galleria video di YouTube.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale Youtube per i video tutorial di WordPress. Puoi trovarci anche su Cinguettio E Facebook.

La posta Come aggiungere video di YouTube come sfondo a schermo intero in WordPress apparso per la prima volta su WPBeginner.



Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.