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

Nimic nu atrage atenția oamenilor la fel de mult ca un fundal video fullscreen. Este o tendință de design pe care am văzut-o transformând site-uri WordPress obișnuite în experiențe web captivante și cu aspect profesional.

Partea cea mai bună? Puteți folosi videoclipuri YouTube pe care le aveți deja, făcând din aceasta o modalitate rentabilă de a adăuga mișcare pe site-ul dvs.

După ce am ajutat numeroase afaceri să-și îmbunătățească site-urile WordPress, vă putem spune că, atunci când sunt realizate corect, fundalurile video pot îmbunătăți dramatic primele impresii.

Deși ați putea crede că ar fi dificil de făcut, instrumentele WordPress de astăzi fac acest lucru surprinzător de ușor.

În acest ghid, vom împărtăși cele mai simple metode pentru a adăuga un videoclip YouTube ca fundal WordPress.

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

Un fundal video captivant și atrăgător pe antetul dvs. este o modalitate excelentă de a determina vizitatorii să rămână pe site-ul dvs. Când vizitatorii ajung pentru prima dată pe site-ul dvs. WordPress, aveți doar câteva secunde pentru a le atrage atenția.

În zilele noastre, multe teme WordPress diferite suportă fundaluri video. Cu toate acestea, încărcarea și găzduirea conținutului video pe WordPress poate consuma multă lățime de bandă.

În funcție de planul dvs. de găzduire WordPress, s-ar putea chiar să fie nevoie să cumpărați spațiu de stocare suplimentar.

La WPBeginner, recomandăm cu tărie să nu vă încărcați videoclipurile pe WordPress.

În schimb, puteți utiliza un serviciu precum YouTube și apoi încorporați videoclipul ca fundal pentru site-ul dvs. WordPress. În acest fel, puteți ieși în evidență față de concurenții dvs. fără a încetini site-ul și a afecta experiența utilizatorului.

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)
• Alternative: Add an Animated Background in WordPress

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

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 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 adaugi videoclipul pentru prima dată, acesta este afișat la opacitate 100%, deci pare solid. Nu ezita să tragi glisorul ‘Opacitate imagine’ pentru a face fundalul video 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ă dorești să personalizezi complet videoclipul de fundal fullscreen sau chiar să creezi cu ușurință toate paginile de pe site-ul tău, atunci această metodă este pentru tine.

Cel mai bun mod de a adăuga un videoclip YouTube ca fundal pe tot ecranul este cu 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

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

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.

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.