Želite li saznati kako otvoriti YouTube video u skočnom prozoru na WordPressu?

La svjetleća kutija ili modalni prozor (skočni prozor) vrlo je česta značajka na mreži. Međutim, općenito se koristi za prikaz slika, obrazaca za hvatanje e-pošte, promocija ili obrazaca za registraciju. 

Ali jeste li znali da se može koristiti i za prikaz videa na WordPress ? Ne? 

Ne brinite, u ovom tutorialu ću vam pokazati kako prikazati video (YouTube - Vimeo - itd...) u a svjetleća kutija.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Razlozi zbog kojih biste trebali koristiti a lightbox za prikaz videozapisa 

Les svjetleća kutija su modalni prozori; međutim, ono što možda ne znate jest da se ne učitavaju sve slike prikazane u njima tijekom cijelog procesa. "punjenje" stranice. 

Le Navigateur naboj les slika kada svjetleća kutija Kada se otvori, isto vrijedi i za videozapise. Ukratko, to je značajka koja omogućit će brže otvaranje vaših stranica, Također će vam omogućiti da smanjite veličinu (dužina) vaše stranicejer će dio sadržaja ove stranice biti dostupan u ovom modalnom prozoru.

Nagodba čavrljanja, pređimo na posao.

Kako instalirati i konfigurirati uključiti WP Video Lightbox

WP Video Lightbox je a uključiti dostupno na WordPress.org. To znači da ga možete instalirati izravno s vaše WordPress nadzorne ploče ili preuzmi ga kao .zip datoteku.

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

Nakon aktiviranja uključiti, idite na stranicu s postavkama s ove lokacije " postavke >> Video svjetleća kutija ".

Ići ćemo direktno na " prettyPhoto ".

U stvarnosti, ovo uključiti koristiti drugu uključiti, koji je prvenstveno namijenjen prikazivanju fotogalerije. Ali možete promijeniti neke podatke koji će se primijeniti na videozapise.

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

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

Otkrijte Karakteristike učinkovitog skočnog prozora za WordPress 

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

Za širinu i visinu svjetleća kutija, možete urediti polja " zadani širina "A" zadani visina ". 

Da biste odabrali temu svjetleća kutija, promijenite padajući izbornik tema Također je moguće aktivirati automatsku reprodukciju. (potvrdite okvir " Automatski prikaz ").

Kako prikazati a svjetleća kutija u članku

Le uključiti predlaže popis kratke kodove što će vam omogućiti prikazivanje svjetleća kutija u člancima. Zaboravio sam spomenuti da videozapise dostupne na Vimeo.

Da biste pogledali videozapis YouTube ou Vimeomorate koristiti kratke kodove suivant:

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

Svaki od njih kratke kodove prihvaća parametre koji će vam omogućiti da:

• Definirajte identifikator (VIDEO_ID) videa, obično u ovom formatu " YzqKMmQ_3Sg ". Exemple [video_lightbox_youtub video_id ="YzqKMmQ_3Sg"]
• Postavite visinu videozapisa (visina)
• Postavite širinu videozapisa (š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. Inače, auto_thumb uzima vrijednost " 1 ".

Idite dalje otkrivajući Kako koristiti i upravljati kratke kodove WordPress

Demonstracija slučaja upotrebe

Uz ono što sam vam upravo pružio 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 kratke kodove prebrisat će one definirane u postavkama.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress dodatke kako biste pružili moderan izgled i optimizirali opciju svog bloga ili web stranice.

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

1. FileBird

Jeste li se ikada mučili s upravljanjem tisućama slika, videozapisa ili dokumenata koje ste prenijeli na svoj WordPress FTP? Da ili ne, nije važno; važno je znati da će vam FileBird WordPress dodatak pomoći u jednostavnom upravljanju medijskim datotekama i donijeti više snage vašoj biblioteci.

Njegovo bešavno korisničko sučelje i kontekstni izbornik omogućuju korisnicima da povuku i ispuste 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

Osim toga, ovaj je dodatak u potpunosti kompatibilan s najpopularnijim dodacima, posebno sa WooCommerce, a također podržava i veliki broj jezika. Dakle, ako želite poboljšati upravljanje svojom medijskom bibliotekom, WordPress dodatak FileBird mogao bi biti vaše tajno oružje.

Preuzmite | demo | Web hosting

2. Social Share & Locker Pro

Proširenje Social Share & Locker Pro osmišljeno je kako bi pomoglo vašoj web stranici da postigne veću vidljivost na društvenim mrežama. U samo nekoliko klikova možete definirati položaj svojih ikona društvenih mreža ili zaključati svoj sadržaj, što zahtijeva dijeljenje na jednoj od odabranih društvenih mreža.

Imate 10 predložaka koje možete izabrati, a koji bi trebali pokriti većinu uobičajenih potreba. Svi ovi predlošci su izvrsni i rade savršeno. Nadalje, uz Social Share & Locker Pro možete prikazati puni naziv društvenih mreža ili samo ikonu. To će ovisiti o vašem dizajnu, raspoloživom prostoru ili osobnim preferencijama.

Preuzmite | demo | Web hosting

3. Kontaktni obrazac 7 Tooltips

Ovo WordPress proširenje za dodatak Contact Form 7 dodaje jednostavnu funkcionalnost opisa. Ovi opisi će se pojaviti kada se mišem zadrži iznad ciljnog elementa. Na mobilnim uređajima opisi pokazuju kada se s ciljnim elementom komunicira.

Njegove glavne značajke su: jednostavnost upotrebe, podrška za sve verzije Obrasca za kontakt 7, prilagodba boje pozadine opisa, podrška za HTML kôd, potpuno izgled reagira i još mnogo toga.

Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.

• Elementor: Kako otvoriti skočni prozor s url-a ili izbornika
• Kako spustiti verziju WordPress dodatka
• Kako pronaći sponzora i unovčiti svoj blog? : Vodič
• Kako prilagoditi ploču WordPress za klijenta
• Kako stvoriti odgovarajući izbornik za mobilne WordPress

Zaključak

To je to! To je sve za ovaj tutorial; nadam se da će vam pomoći u prikazivanju YouTube ili Vimeo videa u... lightbox na vašoj web stranici WordPress. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

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

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

...