Cum să adăugați un videoclip YouTube ca fundal pe tot ecranul în WordPress

Fundalurile video pe tot ecranul atrag instantaneu atenția. Ele transformă un simplu site WordPress într-unul care pare rafinat, modern și proiectat profesional.

În general, am văzut cât de mult poate îmbunătăți un fundal video bine plasat primele impresii și poate menține vizitatorii implicați.

Vestea bună este că nu aveți nevoie de software special sau de dezvoltare personalizată. Puteți chiar folosi videoclipuri YouTube pe care le aveți deja, ceea ce îl face o modalitate accesibilă de a adăuga mișcare și personalitate paginilor dvs.

În acest ghid, vă vom prezenta cele mai ușoare moduri de a adăuga un videoclip YouTube ca fundal WordPress folosind instrumente prietenoase pentru începători.

De ce să folosiți un videoclip YouTube ca fundal pe tot ecranul?

Utilizarea unui videoclip YouTube ca fundal pe tot ecranul este o modalitate puternică de a capta imediat atenția vizitatorilor și de a-i menține implicați pe site-ul dvs.

Iată beneficiile:

• Mențineți timpii rapizi de încărcare a paginii: Încorporarea unui videoclip YouTube în loc să încărcați propriul videoclip menține site-ul dvs. ușor, ceea ce este important pentru experiența utilizatorului și SEO.
• Implicați vizitatorii instantaneu: Un fundal video animat poate capta atenția în primele secunde ale unei vizite.
• Diferențiați-vă de concurență: Creează un aspect vizual atrăgător și modern care diferențiază site-ul dvs.
• Economisiți lățime de bandă și spațiu de stocare: Găzduirea videoclipurilor pe WordPress poate consuma multe resurse ale serverului și poate necesita spațiu de stocare suplimentar.

La WPBeginner, recomandăm cu tărie încorporarea videoclipurilor de pe YouTube în loc să le încărcați direct pe WordPress. Această abordare vă permite să prezentați conținut captivant fără a încetini site-ul sau a pune presiune inutilă pe planul dvs. de găzduire.

Acestea fiind spuse, să vedem cum puteți adăuga un videoclip YouTube ca fundal pe tot ecranul pe site-ul dvs. WordPress. Vă vom arăta două metode și puteți utiliza aceste linkuri rapide pentru a naviga între ele:

• Metoda 1: Utilizați fundaluri WordPress avansate pentru fundal video pe tot ecranul (gratuit)
• Metoda 2: Utilizați Thrive Architect pentru a adăuga un fundal video fullscreen (Recomandat)
• Alternativă: Adăugați un fundal animat în WordPress cu SeedProd
• Întrebări frecvente despre fundalurile video

Metoda 1: Utilizați fundaluri WordPress avansate pentru fundal video fullscreen (gratuit)

Dacă sunteți în căutarea unei modalități gratuite și ușoare de a adăuga fundaluri video, atunci puteți utiliza Advanced WordPress Backgrounds.

Acest plugin gratuit adaugă un bloc de fundal care îți permite să creezi un fundal fullscreen folosind orice culoare, imagine sau video, inclusiv videoclipuri YouTube.

Mai întâi, va trebui să instalați și să activați pluginul în tabloul de bord WordPress. Dacă aveți nevoie de ajutor, vă rugăm să consultați ghidul nostru despre cum se instalează un plugin WordPress.

După activare, accesează pur și simplu pagina sau postarea unde dorești să adaugi un videoclip YouTube ca fundal fullscreen. În editorul de blocuri Gutenberg, apasă pe butonul de adăugare bloc ‘+’.

În fereastra pop-up care apare, începeți să tastați „Background AWB”. Când apare blocul corect, faceți clic pe el pentru a-l adăuga pe pagină.

În meniul din stânga, veți vedea trei file pentru diferitele tipuri de fundaluri pe toată lățimea pe care le puteți crea: Culoare, Imagine și Video.

Deoarece doriți să adăugați un videoclip YouTube, faceți clic pe fila „Video”. După aceea, alegeți fila „YouTube / Vimeo”. 

Acum puteți copia și lipi URL-ul fișierului video YouTube pe care doriți să îl utilizați pe blogul dvs. WordPress.

Acum, editorul de blocuri WordPress va afișa o previzualizare a modului în care va arăta acest fundal.

Fundalurile WordPress avansate modifică dimensiunea videoclipului în funcție de conținutul pe care îl adăugați deasupra acestuia, așa că nu vă faceți griji dacă videoclipul pare în prezent puțin mic.

Implicit, fundalul video este dezactivat pe dispozitivele mobile.

Cu toate acestea, dacă doriți să afișați fundalul video pe dispozitive mobile, faceți clic pentru a activa comutatorul „Activare pe dispozitive mobile”.

Doar țineți cont de faptul că fundalurile video pot consuma bateria și datele pentru utilizatorii de mobil.

Implicit, blocul va reda întregul videoclip YouTube în mod automat și în buclă. 

O altă opțiune este să redați o porțiune specifică a videoclipului tastând orele exacte (în secunde) în casetele „Ora de început” și „Ora de sfârșit”.

De asemenea, puteți opri redarea în buclă a videoclipului dezactivând comutatorul „Buclă”.

În mod implicit, videoclipul va fi redat numai atunci când vizitatorul îl poate vedea în browserul său. Acest lucru va ajuta la menținerea performanței site-ului dvs. web, deci, în general, veți dori să lăsați comutatorul „Redare întotdeauna” dezactivat.

Când adăugați videoclipul pentru prima dată, acesta este afișat la opacitate de 100%, deci este complet vizibil. Nu ezitați să glisați glisorul „Opacitate imagine” pentru a face fundalul videoclipului YouTube mai subtil.  

Dacă experimentați cu opacitatea, atunci s-ar putea să doriți să încercați să adăugați o suprapunere colorată. 

Pur și simplu faceți clic pentru a extinde secțiunea „Culoare suprapunere” și apoi utilizați setările pentru a crea diferite suprapuneri colorate.

Nu ezitați să explorați alte setări, cum ar fi efectul parallax și spațierea, pentru a face fundalul să arate exact așa cum doriți.

Când sunteți mulțumit de modul în care este configurat fundalul video YouTube, este timpul să începeți adăugarea de conținut precum linkuri, texte și imagini. 

Pentru a începe, faceți clic pe pictograma „+” din mijlocul blocului de fundal (AWB).

Aceasta deschide o fereastră pop-up unde puteți alege blocul pe care doriți să îl adăugați. Pluginul Advanced WordPress Backgrounds funcționează cu toate blocurile standard WordPress, astfel încât puteți adăuga orice conținut doriți.

Dacă adăugați text deasupra blocului, asigurați-vă doar că schimbați culoarea textului astfel încât să se potrivească bine cu fundalul video.

Când sunteți mulțumit de cum arată, pur și simplu faceți clic pe butonul „Actualizare” sau „Publicare” pentru a face pagina live. Acum, dacă vizitați site-ul dvs. WordPress, veți vedea fundalul video în acțiune. 

Metoda 2: Utilizați Thrive Architect pentru a adăuga un fundal video fullscreen (Recomandat)

Dacă doriți să vă personalizați complet fundalul video sau să proiectați pagini complete cu ușurință, această metodă este pentru dvs.

Pentru aceasta, veți avea nevoie de Thrive Architect.

După testări amănunțite, l-am găsit ca fiind un plugin super ușor de utilizat pentru crearea de pagini. Pe lângă o funcție de fundal video, dispune de o funcționalitate drag-and-drop flexibilă, astfel încât să puteți crea site-ul dorit fără nicio bătaie de cap.

În plus, vine cu șabloane inteligente de pagini de destinație optimizate pentru conversii, astfel încât pagina dvs. de destinație să fie pregătită pentru succes de la început.

Pentru mai multe informații despre Thrive Architect, puteți citi recenzia noastră despre Thrive Architect.

Dacă doriți să utilizați această metodă, puteți achiziționa mai întâi un plan Thrive Architect. Este disponibil pentru achiziție ca produs independent sau ca parte a pachetului Thrive Themes.

Apoi, pur și simplu instalați pluginul. Puteți consulta ghidul nostru despre cum să instalați un plugin WordPress pentru mai multe informații.

După aceea, puteți accesa „Pagini” din zona de administrare WordPress și selectați o pagină pentru a o edita. Plasați cursorul peste pagină și alegeți „Editare cu Thrive Architect”.

Apoi, faceți clic pe butonul „+” din partea dreaptă a paginii și găsiți elementul Secțiune de fundal.

Pur și simplu faceți clic pe el pentru a-l adăuga pe pagină.

În acest moment, puteți naviga în partea stângă a paginii și derula în jos la secțiunea Stil fundal.

Aici, pur și simplu activați comutatorul „Fundal video” și selectați „YouTube” pentru Sursă.

După aceea, accesează videoclipul YouTube pe care dorești să-l folosești ca fundal fullscreen.

Doar copiați URL-ul videoclipului YouTube așa:

Apoi, lipiți URL-ul în secțiunea corespunzătoare.

Acum ar trebui să vedeți fundalul pe ecran.

Deși fundalul este adăugat, nu este încă fullscreen.

Pentru a vă asigura că este pe tot ecranul, trebuie să derulați în sus la secțiunea Opțiuni principale. Apoi, activați opțiunile „Conținutul acoperă întreaga lățime a ecranului”, „Potrivește înălțimea cu ecranul” și „Extinde pentru a se potrivi lățimea ecranului”.

Să explorăm mai multe opțiuni. Pentru a adăuga conținut la fundalul dvs., tot ce trebuie să faceți este să faceți clic pe butonul „+” din dreapta din nou și să trageți și să plasați un element.

Puteți adăuga texte, imagini, formulare, butoane, testimonialele și multe altele. Thrive Architect are zeci de elemente axate pe conversie pe care le puteți utiliza pentru site-ul dvs. web.

Dacă credeți că culoarea de fundal nu contrastează suficient cu textul, pur și simplu reveniți la setările secțiunii Background.

Apoi, derulați din nou în jos la Stil fundal și, în opțiunea Adăugare strat, alegeți o culoare solidă. După aceea, puteți alege o culoare pentru a o folosi ca filtru de fundal și ajustați opacitatea după cum doriți.

Odată ce ați terminat, faceți clic pe „Aplicare”.

Un alt lucru pe care îl puteți ajusta în setările secțiunii Fundal este Comportamentul de derulare. Puteți alege dacă să îl faceți static, fix sau parallax.

Recomandăm să-l păstrați static, astfel încât fundalul să nu se miște pe măsură ce utilizatorul derulează în jos. Altfel, videoclipul va continua să ruleze, ceea ce poate încetini site-ul dvs..

Următorul lucru pe care îl puteți face este să accesați secțiunea Responsive. Aici, puteți alege dacă fundalul video să apară pe versiunile mobile și tabletă ale site-ului dvs.

Depinde de dvs., dar țineți cont că videoclipurile durează ceva timp pentru a se încărca. Poate deveni enervant pentru vizitatorii dvs. să aștepte să ruleze atunci când sunt pe un dispozitiv cu ecran mic.

Odată ce sunteți mulțumit de fundalul video YouTube pe tot ecranul, pur și simplu faceți clic pe butonul „Salvează lucrul” pentru a salva modificările.

Asta e tot!

Acum, accesați site-ul dvs. WordPress pentru a vedea cum arată live.

Iată cum arată pagina noastră web de test.

Alternativă: Adăugați un fundal animat în WordPress cu SeedProd

Deși fundalurile video pot fi atrăgătoare vizual, ele pot, de asemenea, încetini viteza de încărcare a site-ului dvs. web. Dacă doriți o alternativă, puteți adăuga un fundal animat în schimb.

Cel mai bun mod de a face acest lucru este cu SeedProd, un plugin puternic de construire a paginilor drag-and-drop pentru WordPress.

Permite adăugarea ușoară de fundaluri animate uimitoare pe site-ul dvs. web folosind particle.js. Particle.js este o bibliotecă JavaScript ușoară care creează animații interactive cu particule.

Pentru mai multe informații, puteți consulta ghidul nostru despre cum să adăugați un fundal animat în WordPress.

Sfat bonus: Adăugați un flux video YouTube în WordPress 

Doriți să adăugați mai multe videoclipuri pe site-ul dvs.? Deși WordPress are blocuri de încorporare video încorporate, acestea nu sunt cea mai atrăgătoare modalitate de a afișa videoclipuri, mai ales dacă aveți mai multe.

Aici intervine Smash Balloon YouTube Feed Pro. 

În opinia noastră, este cel mai bun plugin pentru galerii YouTube de pe piață, care afișează automat cele mai recente videoclipuri de pe canalul dvs. YouTube, astfel încât vizitatorii dvs. vor vedea întotdeauna cel mai nou conținut.

Pur și simplu creați un flux YouTube folosind editorul ușor al Smash Balloon și apoi adăugați-l pe orice pagină sau postare folosind fie un shortcode, fie blocul gata făcut al pluginului.

Puteți folosi, de asemenea, Smash Balloon pentru a încorpora liste de redare YouTube, favorite și transmisiuni live pe site-ul dvs. WordPress.

Cel mai bun lucru la Smash Balloon este că nu încetinește site-ul dvs. Funcția de caching YouTube încorporată a pluginului va asigura că site-ul dvs. se încarcă întotdeauna rapid, ceea ce este excelent pentru SEO.

Pentru mai multe detalii, puteți consulta ghidul nostru pas cu pas despre cum să afișați cele mai recente videoclipuri de pe un canal YouTube în WordPress.

Întrebări frecvente despre fundalurile video

Iată câteva întrebări pe care cititorii noștri le-au adresat frecvent cu privire la adăugarea de fundaluri video în WordPress:

Cum pun un videoclip YouTube pe tot ecranul?

Pentru a pune un videoclip YouTube pe tot ecranul, faceți clic pe pictograma de ecran complet din colțul din dreapta jos al playerului YouTube sau utilizați comanda rapidă de la tastatură f cât timp videoclipul este activ.

Cum adăugați un fundal video în WordPress?

Puteți adăuga un fundal video prin intermediul unui plugin sau al unui page builder precum Thrive Architect. Pentru videoclipurile YouTube, se recomandă încorporarea pentru a evita încetinirea site-ului dvs.

Ce fel de videoclipuri YouTube ar trebui să aleg ca fundal?

Recomandăm alegerea unui videoclip captivant vizual, suficient de subtil pentru a nu distrage atenția de la conținutul principal. Clipuri scurte în buclă, cu mișcare blândă, funcționează adesea cel mai bine.

Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați un videoclip YouTube ca fundal în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați o pagină de destinație virală cu listă de așteptare cu WordPress și selecțiile noastre experte pentru cele mai bune constructoare de teme WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.