Cum se deschide un videoclip într-o casetă lightbox cu Elementor

Doriți să deschideți un videoclip într-o casetă lightbox cu Elementor?

Elementor vine cu widgetul Video pentru a adăuga video fără efort la o pagină. Puteți adăuga chiar și videoclipuri dinamice utilizând funcția de conținut dinamic Elementor (este necesară versiunea pro).

Când adăugați un videoclip în Elementor, îl puteți configura pentru a se deschide într-o casetă lightbox încă numită Vizualizator.

Acest articol vă va arăta cum.

Dar mai întâi să aflăm Cum se instalează Elementor pe WordPress

În Elementor, există cel puțin două moduri de a adăuga videoclipuri într-o casetă lightbox. Puteți alege unul în funcție de cazul dvs. În primul rând, puteți utiliza widgetul video așa cum am menționat mai sus. Această metodă funcționează pe ambele versiuni ale Elementor. În al doilea rând, puteți utiliza funcția de link dinamic. Pentru a utiliza această din urmă metodă este necesară versiunea pro.

Cum se deschide un videoclip în Lightbox în Elementor folosind widgetul video

După cum sa menționat mai devreme, Elementor vine cu un widget video pentru a adăuga videoclipuri la o pagină sau șablon. Widgetul are o opțiune de setare pentru a deschide videoclipul într-o casetă lightbox.

Mai întâi, adăugați widgetul video în caseta de editare.

Adăugați videoclipul lipind linkul din câmp Legătură.

După ce ați terminat de adăugat videoclipul, deschideți blocul Suprapunere imagine în fila Conținut din panoul de setări și activați Opțiunea Suprapunere imagine. Doar activați opțiunea Vizualizator. Aceasta va deschide videoclipul într-o casetă lightbox. Dacă doriți, puteți adăuga o suprapunere de imagine.

Cum se deschide un videoclip în Lightbox în Elementor folosind Dynamic Link

În cazul în care utilizați Elementor Pro, puteți adăuga și videoclipuri utilizând funcția de legătură dinamică. Puteți utiliza orice widget care are o opțiune pentru a adăuga un link, inclusiv widget imagine, widget buton, widget text etc.

Mai întâi, adăugați widgetul (adică widgetul Buton) în caseta de editare, ca de obicei. În panoul de setări, faceți clic pe pictograma dinamică din câmp Legătură și selectați Lightbox.

Apoi faceți clic pe pictograma cheie din câmp Cutie de lumină. Faceți clic pe pictograma videoclipului și lipiți adresa URL a videoclipului pe care doriți să îl adăugați.

Aici. Puteți face clic pe element și ar trebui să afișeze videoclipul într-o casetă lightbox după cum urmează.

Personalizarea Lightbox-ului

Dacă aspectul implicit al lightbox-ului Elementor nu vă impresionează, îl puteți personaliza. Pentru a face acest lucru, puteți face clic pe pictograma hamburger din colțul din stânga sus al panoului de setări și faceți clic pe Setările site-ului.

Faceți clic pe Lightbox în bloc AJUSTĂRI.

După cum puteți vedea, există câteva opțiuni de setare pe care le puteți seta, inclusiv culori.

• Culoare de fundal: Culoarea de fundal a vizualizatorului
• Culoare UI: Culoarea butoanelor (buton închidere, buton ecran complet, buton zoom, buton partajare)
• Culoarea cursorului UI: Culoarea butoanelor în modul hover
• Culoarea textului: Culoarea textului. Se aplică imaginii lightbox

De asemenea, puteți seta dimensiunea butonului opțiunii Dimensiunea pictogramei barei de instrumente precum și dimensiunea pictogramelor de navigare ale opțiunii Dimensiunea pictogramelor de navigare. După ce ați terminat de realizat setările, faceți clic pe buton ACTUALIZAȚI pentru a aplica modificările.

Obțineți Elementor Pro acum!

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Toată lumea

All Around este un WordPress plug-in premium, după cum sugerează numele bine rotunjit. Vă oferă un design curat și receptiv, o serie de opțiuni de stil predefinite și suport pentru atingere.

Acest slider WordPress este o soluție versatilă all-in-one perfectă pentru orice site web. Dacă acesta este primul tău WordPress plug-in și plugin-ul slider, ar putea fi și ultimul de care aveți nevoie.

Vezi și articolul nostru pe Cum să câștigi bani cu blogul tău când ai trafic redus

Caracteristicile sale sunt:pe pagina complet răspunzătoare, Stiluri predefinite 6, lvideo de susținere, ddefilare verticală sau orizontală, psuport pentru mai multe glisiere pe o singură pagină, de exMai mult.

Descarca | Demo | web hosting

2. Ultimul Form Builder

Ultimate Form Builder este un WordPress plug-in premium care vă permite să creați formulare răspuns nelimitat. Are constructor formulare drag'n'drop care poate crea orice tip de formular (contact, sondaj, oferta, informatii etc.).

Acest plugin este ușor de utilizat. Puteți crea, personaliza și proiecta frumos formulare, aplicați șabloane de formulare deja existente pentru proiectare și utilizați-le pe site-ul dvs. web în cel mai scurt timp.

De asemenea, puteți primiți formularul prin e-mail și stochează-le în baza de date; care poate fi exportat în format CSV pentru utilizare prin intermediul tablou de bord a site-ului dvs. web.

Toate formularele proiectate de acest plugin sunt foarte sigure datorită un sistem Captcha eficiente.

Descarca | Demo | web hosting

3. Urmărirea expedierii WooCommerce

WCST va facilita clienților dvs. urmărirea comenzilor lor. Puteți asocia fiecare comandă cu o companie de transport și cu un număr de urmărire. 

WCST va posta informațiile de urmărire (adresa URL a companiei și codul de urmărire) direct în e-mailul „Comandă completă” și pe pagina „Vizualizare comandă”.

Descoperiți și lista noastră cu 50 WooCommerce plugin-uri pentru a îmbunătăți magazinul online

Prin simplul clic pe linkul generat de WCST, clienții dvs. își vor urma cu ușurință comenzile. Pe lângă calcularea costului de livrare a mărfurilor, această extensie WooCommerce vă permite să adăugați și să vă configurați propria companie de transport.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Plugurile 10 WooCommerce pentru a calcula costurile de expediere a parcelelor
• De ce ar trebui să utilizați un blocator de conținut în WordPress?
• Cum să traduceți blogul dvs. WordPress în mai multe limbi
• Cum să încărcați treptat comentariile Facebook și Disqus

Concluzie

Aici ! Gata pentru acest tutorial care vă arată cum să deschideți un videoclip într-o casetă lightbox cu Elementor. Dacă ai comentarii sau sugestii, nu ezitați să ne informați în secțiunea rezervată.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare. 

...