3 modi semplici per aggiungere uno sfondo video WordPress al tuo sito web
Pubblicato: 2021-12-11L'utilizzo di sfondi video sul tuo sito WordPress è un ottimo modo per distinguerlo dalla concorrenza e attirare più pubblico. Questo perché gli sfondi video ti consentono di trasmettere meglio i tuoi messaggi al tuo pubblico e di intrattenerli.
Se stai trovando un modo per aggiungere uno sfondo video WordPress al tuo sito, i seguenti suggerimenti e guide saranno molto utili.
- Perché dovresti aggiungere uno sfondo video WordPress al tuo sito?
- Alcuni suggerimenti utili su come aggiungere sfondi video WordPress al tuo sito
- Dove puoi procurarti uno sfondo video WordPress?
- 3 modi per aggiungere uno sfondo video WordPress al tuo sito web
- Usa un tema WordPress che supporti gli sfondi video
- Usa un generatore di pagine
- Gutenberg
- Generatore di pagine di Elementor
- Usa un plugin per sfondi video di WordPress
- Dispositivo di scorrimento intelligente 3
- Video Player e sfondo video a schermo intero
- Plugin WordPress in background per immagini e video a schermo intero
- Parole finali
Perché dovresti aggiungere uno sfondo video WordPress al tuo sito?
Di seguito sono riportati diversi vantaggi dell'aggiunta di sfondi video WordPress al tuo sito.
- Aggiungi stili fantastici e unici al tuo sito Web WordPress.
- Gli sfondi video sono attraenti. Quando gli utenti visitano il tuo sito Web, si fermeranno a guardare il tuo video invece di scorrere.
- Aiutarti a mettere in evidenza alcuni aspetti importanti della tua attività.
- Tira fuori prontamente la visione principale del tuo sito web.
- Rendi il tuo sito più condivisibile, il che porterà più traffico al sito web.
Alcuni suggerimenti utili su come aggiungere sfondi video WordPress al tuo sito
Prima di continuare, ecco alcuni suggerimenti utili che dovresti tenere a mente quando aggiungi uno sfondo video WordPress al tuo sito.
- Assicurati che il video che stai caricando abbia un'alta risoluzione.
- Assicurati che il video non influisca troppo sulla velocità di caricamento della pagina. Comprimerlo se necessario.
- Gli sfondi video dovrebbero essere completamente reattivi. Quindi starà bene su tutti gli schermi e dispositivi.
- Disattiva la riproduzione automatica con l'audio. Se vuoi farlo, assicurati che i tuoi visitatori abbiano la possibilità di disattivare l'audio.
- Imposta un'immagine di sfondo di riserva per i visitatori i cui browser Web non supportano gli sfondi video .
- Dovresti caricare brevi sfondi video.
Dove puoi reperire uno sfondo video WordPress ?
Lo sfondo del tuo video potrebbe ricevere molto traffico, soprattutto se si trovano sulla tua home page. Pertanto, vorrai che si distingua e attiri il più possibile i tuoi visitatori.
Se non hai un budget limitato, contatta un videomaker locale per girare un video per te. Assicurati di esprimere chiaramente la tua idea per assicurarti che i video soddisfino le esigenze del tuo marchio.
Non hai tempo o denaro per girare video? Nessun problema. Puoi trovare filmati di alta qualità esenti da royalty su siti come Storyblocks e Pixabay.
3 modi per aggiungere uno sfondo video WordPress al tuo sito web
Usa un tema WordPress che supporti gli sfondi video
Il modo più veloce e semplice per aggiungere un video di sfondo WordPress al tuo sito è utilizzare un tema che lo supporti. Gli sfondi video di WordPress sono già una caratteristica predefinita di molti temi.
Puoi usare il tema Woostify o trovare un tema sul mercato. Ci sono molti posti sul Web in cui puoi trovare un tema WordPress a pagamento o gratuito che supporta sfondi video, come Temi WordPress, ThemeForest, ecc.
Dopo aver installato il tema, vai alla sua pagina della documentazione o contatta il supporto per sapere come aggiungere un video di sfondo WordPress.
Usa un generatore di pagine
Gutenberg
L'editor e page builder di WordPress predefinito, Gutenberg, ti consente già di aggiungere facilmente sfondi video.
- Fare clic sul segno ' + ' per aggiungere un nuovo blocco. Cerca ' copertina '. Quindi fare clic sul blocco Cover per aggiungerlo.
- Carica un video o aggiungilo dalla Libreria multimediale se lo hai già caricato.
- Fare clic sul testo " Scrivi titolo ..." per aggiungere un titolo.
- Personalizza lo sfondo del video Gutenberg utilizzando la barra degli strumenti e la barra laterale. Puoi aggiungere una classe CSS per personalizzarla ulteriormente.
Ecco cosa significano le opzioni nella barra laterale:
- Overlay : imposta il colore che appare sul video.
- Opacità sfondo : regola la trasparenza. Più basso è il valore, più trasparente sarà.
Come puoi vedere, l'opzione predefinita è piuttosto limitata. Ma è anche il modo più semplice poiché è integrato in WordPress fin dall'inizio. Quindi non è necessario installare nulla.
Generatore di pagine di Elementor
Elementor, considerato il page builder più popolare per WordPress, ti consente di aggiungere video di YouTube e file .mp4 allo sfondo del tuo sito web.
Alcuni dei temi hanno il supporto nativo per Elementor, come Woostify. Quindi questa è l'opzione migliore se anche il tuo tema è il caso.
Ci sono anche alcune opzioni avanzate per aggiungere un effetto, impostare un'immagine di fallback, scegliere un'ora di inizio e di fine, ecc.
Dopo aver scaricato e attivato il plug-in Elementor Website Builder, segui la guida seguente per aggiungere sfondi video Elementor al tuo sito.
- Apri un post/pagina nuovo o esistente con Elementor.
- Aggiungi una sezione dall'editor facendo clic sul pulsante "+".
- Seleziona la larghezza della sezione desiderata. In questo caso, selezionerò la sezione a larghezza intera.
- Apparirà un pannello di sinistra. Puoi scegliere l'aspetto della sezione dalla scheda Layout. Seleziona la larghezza del contenuto contrassegnata come '1' nella foto qui sotto. Lo selezionerò come in scatola. Puoi anche scegliere l'opzione a larghezza intera.
- Fai clic sulla scheda Stile contrassegnata come "2" nell'immagine sopra per aggiungere un video. Nella sezione dello sfondo, puoi scegliere tra tre stili di sfondo: solido, sfumato e sfondo video. Fare clic sull'opzione di sfondo del video contrassegnata come "1" nella foto qui sotto.
- Puoi anche utilizzare l'effetto al passaggio del mouse e l'effetto particella facendo clic sui pulsanti contrassegnati rispettivamente con "2" e "3" nella foto sopra.
- Puoi fornire un collegamento YouTube come video di sfondo. Oppure puoi caricare qualsiasi video .mp4 utilizzando la libreria multimediale. Quindi digita il permalink di esso.
- Puoi specificare l'ora di inizio e di fine e fornire un'immagine di riserva contrassegnata rispettivamente con "2" e "3" nella foto sopra.
- Potresti avere un problema di altezza. In tal caso, regolare l'altezza minima dalla scheda Layout.
Questo è tutto! Sebbene questo metodo sia molto più complicato, hai molto più controllo e funzionalità avanzate per regolare i video in background di Elementor in base alle tue esigenze.
Usa un plugin per sfondi video di WordPress
Se desideri ottenere ulteriori opzioni di personalizzazione sullo sfondo del video, dovresti utilizzare plug-in di terze parti che supportano questa funzionalità.
Al giorno d'oggi, puoi scegliere tra molti plug-in WordPress gratuiti ea pagamento che ti offrono opzioni per utilizzare i video di YouTube, Vimeo e MP4 in background. In questo articolo, ne elencheremo solo alcuni degni di nota.
Dispositivo di scorrimento intelligente 3
Se stai cercando il miglior plug-in di sfondo video WordPress gratuito, Smart Slider 3 sarà la scelta migliore.
Con esso, puoi creare blocchi video. Quindi incorporali nel tuo sito come sezioni separate o immagini eroe con effetti di scorrimento in parallasse.
Il plugin supporta i video di YouTube e Vimeo. Ti permette anche di caricare file .mp4 e usarli.
Smart Slider 3 ti consente anche di aggiungere tutti i livelli che desideri ai blocchi video, inclusi testo, pulsanti, loghi, miniature, ecc. Puoi anche regolare l'opacità, disattivare l'audio, video in loop e molti altri.
Per aggiungere sfondi video WordPress a un post/pagina, puoi inserire shortcode o brevi script PHP direttamente nel file modello del tuo sito WordPress.
Video Player e sfondo video a schermo intero
Questo è lo strumento definitivo per creare attraenti sfondi video a tutta larghezza. Ti consente di aggiungere video self-hosted, YouTube o Vimeo a qualsiasi pagina del tuo sito WordPress.
Puoi anche utilizzare il plug-in come lettore video per adattare i tuoi contenuti a tutti i tipi di dispositivi.
Plugin WordPress in background per immagini e video a schermo intero
Questo plug-in ti consente di visualizzare sfondi video, cursori di sfondo immagine, gallerie multimediali e gallerie video sullo sfondo a tutta larghezza del tuo sito WordPress.
È compatibile con i dispositivi mobili e include molte funzionalità degne di nota, tra cui testo dinamico, timer circolari, transazioni personalizzabili e altro ancora.
Parole finali
Quando un visitatore atterra sul tuo sito, hai solo pochi secondi per catturare la sua attenzione e farli rimanere più a lungo. Sfondi video WordPress sono uno dei modi più efficaci per farlo e amplificare le idee del tuo marchio. Utilizzando i suggerimenti e le guide che abbiamo fornito in questo post, speriamo che tu possa facilmente aggiungere uno sfondo video WordPress a qualsiasi pagina del tuo sito.