Želite li saznati kako otvoriti YouTube video u iskačućem prozoru na WordPressu?

La svijetla kutija ili modalni prozor (skočni prozor) je vrlo uobičajena značajka na mreži. Međutim, obično se koristi za prikaz slika, obrazaca za snimanje e-pošte, promocija ili čak obrazaca za registraciju. 

Ali da li ste znali da ga je moguće koristiti i za prikazivanje video zapisa WordPress ? Ne? 

Bez brige, u ovom uputstvu pokazat ću vam kako prikazati video (YouTube – Vimeo – itd.) u a svijetla kutija.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Razlozi zbog kojih biste trebali koristiti a lightbox za prikaz vaših video zapisa 

Les svijetla kutija su modalni prozori, međutim, ono što ne znate je da nisu sve slike prikazane u njima sve učitane tokom « utovar«  stranice. 

Le navigator opterećenje u slika kada svijetla kutija otvori se, ovo je slučaj i za video zapise. Ukratko, to je karakteristika koja omogućit će brže otvaranje stranica. Takođe će vam omogućiti da smanjite veličinu (longueur) vaše stranicejer će dio sadržaja ove stranice biti dostupan u ovom modalnom prozoru.

Primirje brbljanja, pređimo na posao.

Kako instalirati i konfigurirati plugin WP Video Lightbox

WP Video Lightbox je a plugin dostupno na WordPress.org. Što znači da ga možete instalirati direktno sa svoje WordPress nadzorne ploče ili preuzmi ga kao .zip datoteku.

Za više detalja, potražite naš korak po korak vodič o tome kako instalirati WordPress dodatak.

Nakon aktiviranja plugin, idite na stranicu s postavkama s ove lokacije " postavke >> video svijetla kutija ".

Idemo direktno na " prettyPhoto ".

U stvarnosti, ovo plugin koristite drugu pluginkoji je namijenjen prije svega za prikazivanje fotogalerije. Ali možete promijeniti neke informacije koje će se primijeniti na videozapise.

Za to ću objasniti neke mogućnosti (Obavezno), tako da se sve dogodi onako kako želite.

Već knjižara prettyPhoto mora biti aktiviran (provjeri « omogućiti prettyPhoto »). Da biste korisnicima dali do znanja da su na istoj stranici, prozor možete učiniti transparentnim (définir vrijednost od 0 do 1. Zarezne vrijednosti su prihvaćene).

Discover Karakteristike efikasnog skočnog prozora za WordPress 

Svi vaši okviri mogu imati naslov koji se može prikazati (pokazati naslov). Ponekad za velike modalne prozore morate dozvoliti promjenu veličine (dopustiti resize). A za duže videozapise korisnici će ih moći povećati (dopustiti Proširiti), da ih bolje posmatraju.

Za širinu i visinu svijetla kutija, možete urediti polja " default širina »Et« default visina ". 

Da biste odabrali temu svijetla kutija, promenite padajući meni tema ". Takođe je moguće aktivirati automatsku reprodukciju (označite polje " autoplay ").

Kako prikazati a svijetla kutija u članku

Le plugin predlaže listu Shortcodes koji će vam omogućiti prikaz svijetla kutija u člancima. Zaboravio sam vam reći da možete gledati i video zapise dostupne na Vimeo.

Da biste pogledali video YouTube ou Vimeomorate koristiti Shortcodes Suivant:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

Svako od ovih Shortcodes prihvaća parametre koji će vam omogućiti da:

• Definirajte identifikator (video_id) videozapisa, obično u ovom formatu " YzqKMmQ_3Sg ". primjer [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
• Podesite visinu video zapisa (visina)
• Podesite širinu video zapisa (širina)
• Dodajte opis (opis)
• Dodajte HTML sidro (sidro), ili tekst veze koja će otvoriti prozor
• Dodajte sličicu (auto_thumb)

Ako postavite HTML sidro, sličica će se zanemariti. U suprotnom, auto_thumb uzima vrijednost " 1 ".

Idite dalje otkrivajući takođe Kako koristiti i upravljati skraćenicama na WordPressu

Demo upotrebe

Uz ono što sam vam samo dao informacije, možete prikazati video zapise pomoću koda sličnog ovom:

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]

Za sličan rezultat

Možete vidjeti sličicu kao što je prikazano gore s kodom sličnim ovom.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" auto_thumb="1" description="Par Dr WP"]

Za rezultat identičan ovom

Prije odlaska

Treba napomenuti da su neki parametri u Shortcodes prebrisat će one definirane u postavkama.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. FileBird

Da li ste se ikada mučili da upravljate hiljadama datoteka slika, video zapisa ili dokumenata koje ste otpremili na svoj WordPress FTP? da ili ne, nije bitno, važno je znati da je WordPress dodatak FileBird će vam pomoći da s lakoćom upravljate svojim medijskim datotekama i donijeti više snage vašoj biblioteci.

Njegovo bešavno korisničko sučelje i kontekstni meni omogućavaju korisnicima da povlače i ubacuju datoteke u mape ili imaju potrebna prava za brzo stvaranje, preimenovanje ili brisanje mapa na isti način kao na računalu. S ovim dodatkom u ruci, vaše će se medijske datoteke sustavno organizirati i lako možete odabrati sliku koju ćete umetnuti na stranicu ili je objaviti.

Otkrijte i naše 6 WordPress dodataka koji će udahnuti novi život vašim člancima

Pored toga, ovaj je dodatak u potpunosti kompatibilan s najpopularnijim dodacima, posebno sa WooCommerce, a podržava i veliki broj jezika. Dakle, ako želite da poboljšate upravljanje bibliotekom medija, WordPress dodatak FileBird bi mogao biti vaše tajno oružje.

download | Demo | web hosting

2. Social Share & Locker Pro

Proširenje Social Share & Locker Pro osmišljeno je da pomogne vašoj web lokaciji da bude vidljivija na društvenim mrežama. Sa samo nekoliko klikova možete postaviti položaj ikona na društvenim mrežama ili zaključati sadržaj zahtijevajući dijeljenje na jednoj od društvenih mreža koje vam nude.

Imate 10 predložaka koji bi trebali pokrivati ​​najčešće želje. Svi su njezini modeli savršeni i izvrsno rade. Uz to, sa Social Share & Locker Pro moći ćete prikazati puno ime društvenih mreža ili samo ikonu. Ovisit će o vašem dizajnu, raspoloživom prostoru ili vašem ukusu.

download | Demo | web hosting

3. Kontakt obrazac 7 Tooltips

ovo WordPress ekstenzija dodatka za kontakt obrazac 7 donosi jednostavnu funkciju opisa alata vašem dodatku za kontakt obrazac 7. Njegovi opisi alata će se prikazati kada se pređe mišem na ciljni element. Na mobilnim uređajima, opisi pokazuju kada je ciljni element uključen.

Njegove glavne karakteristike su: jednostavnost upotrebe, podrška za sve verzije Obrasca za kontakt 7, prilagođavanje boje pozadine opisa, podrška za HTML kôd, potpuno izgled reagira i još mnogo toga.

download | Demo | web hosting

Ostali preporučeni resursi

Također vas pozivamo da se konzultirate sa resursima u nastavku kako biste otišli dalje u nadzor i kontrolu vaše web stranice i bloga.

• Elementor: Kako otvoriti popup sa url-a ili menija
• Kako demontirati verziju WordPress dodatka
• Kako pronaći sponzora i unovčiti svoj blog? : Vodič
• Kako prilagoditi kontrolnu tablu WordPress-a za klijenta
• Kako stvoriti odgovorne meni za mobilne WordPress

zaključak

To je to! To je sve za ovaj vodič, nadam se da će vam pomoći prikazati Youtube ili Vimeo video zapise u a lightbox na vašoj WordPress web lokaciji. osjećaj se slobodno da dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ali, u međuvremenu, recite nam nešto o svom komentari i prijedloge u posebnom odjeljku.

...