Ž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 snimanje putem e-pošte, promocija ili čak obrazaca za registraciju. 

Ali jeste li znali da ga je moguće koristiti i za prikazivanje videozapisa WordPress ? Ne? 

Bez brige, u ovom uputstvu pokazat ću vam 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 ne znate je da nisu sve slike prikazane u njima sve učitane tijekom « punjenje«  stranice. 

Le Navigateur naboj les slika kada svjetleća kutija otvara se, to je slučaj i za videozapise. Ukratko, to je značajka koja omogućit će brže otvaranje 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 WordPress nadzorne ploče ili preuzmi ga kao .zip datoteku.

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

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

Idemo izravno do " 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ćiti prettyPhoto »). Da biste korisnicima dali do znanja da su na istoj stranici, prozor možete učiniti transparentnim (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 (Pokazati 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 koji će vam omogućiti prikaz svjetleća kutija u člancima. Zaboravio sam vam reći da također možete pregledati 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) videozapisa, 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

Demo 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 plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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 datoteka slika, videozapisa ili dokumenata koje ste prenijeli na svoj WordPress FTP? da ili ne, nije važno, važno je znati da je WordPress plugin FileBird će vam pomoći upravljati vašim medijskim datotekama s lakoćom i donijeti više snage vašoj knjižnici.

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 veliki broj jezika. Dakle, ako želite poboljšati upravljanje medijskom bibliotekom, WordPress plugin FileBird bi mogao 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 vaše web mjesto bilo vidljivije na društvenim mrežama. Uz 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. Također, uz 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.

Preuzmite | demo | Web hosting

3. Kontaktni obrazac 7 Tooltips

Cette WordPress proširenje dodatka Contact Form 7 donosi jednostavnu funkciju opisa alata u vaš dodatak Contact Form 7. Njegovi opisi alata prikazat će se kada se iznad ciljnog elementa zadrži pokazivač. Na mobilnim uređajima, opisi alata pokazuju kada je ciljni element uključen.

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 vodič, nadam se da će vam pomoći prikazati Youtube ili Vimeo videozapise u a lightbox na vašoj web stranici WordPress. slobodno 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.

...