Dëshironi të mësoni se si të hapni një video në YouTube në një dritare kërcyese në WordPress?

La Lightbox ose dritarja modale (shfaqet) është një tipar shumë i zakonshëm në rrjet. Sidoqoftë, zakonisht përdoret për të shfaqur imazhe, formularë të kapjes me email, promovime apo edhe formularë regjistrimi. 

Por a e dini se është gjithashtu e mundur të përdoret për të shfaqur video në WordPress ? Nuk ka? 

Pa shqetësim, në këtë manual do t'ju tregoj se si të shfaqni një video (YouTube – Vimeo – etj.) në një Lightbox.

Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj 

Atëherë kthehu pse ne jemi këtu.

Arsyet pse duhet të përdorni një dritë për të shfaqur videot tuaja 

Les Lightbox janë dritare modale, sidoqoftë, ajo që nuk dini është se jo të gjitha imazhet e shfaqura në to janë ngarkuar të gjitha gjatë « ngarkim«  e faqes. 

Le lundërtar akuzë the images kur Lightbox hapet, ky është rasti edhe për videot. Me pak fjalë, është një tipar që do të lejojë që faqet tuaja të hapen më shpejt. Do t'ju lejojë gjithashtu të zvogëloni madhësinë (gjatësi) të faqes tuajsepse një pjesë e përmbajtjes së kësaj faqe do të jetë e disponueshme në këtë dritare modale.

Armëpushimi i muhabetit, le të zbresim në biznes.

Si ta instaloni dhe konfiguroni plugin WP Video Lightbox

WP Video Lightbox është a plugin në dispozicion në WordPress.org. Që do të thotë që ju mund ta instaloni atë menjëherë nga paneli juaj WordPress, ose shkarkojeni atë si skedar .zip.

Për më shumë detaje, shikoni udhëzuesin tonë hap pas hapi se si të instaloni një plugin WordPress.

Pas aktivizimit të plugin, shkoni në faqen e saj të cilësimeve nga ky vendndodhje " settings >> Video Lightbox '.

Ne do të shkojmë direkt në " prettyPhoto '.

Në realitet, kjo plugin përdorni një tjetër plugin, i cili ka për qëllim kryesisht për të shfaqur një galeri fotografish. Por mund të ndryshoni disa nga informacionet që do të aplikohen për video.

Për këtë, unë do të shpjegoj disa mundësi (Kërkuar), kështu që gjithçka shkon ashtu siç dëshiron.

Tashmë librari prettyPhoto duhet të aktivizohet (kontrolloni « Aktivizo prettyPhoto »)Për t'i bërë të ditur përdoruesit se janë në të njëjtën faqe, mund ta bëni dritaren transparente (përcaktoj një vlerë nga 0 në 1. Vlerat e presjes pranohen).

Zbuloj Karakteristikat e një popup efektiv për WordPress 

Të gjitha kutitë tuaja të lehta mund të kenë një titull që mund të shfaqet (Shiko titull). Ndonjëherë për dritare të mëdha modale duhet të lejoni ndryshimin e madhësisë (Lejoj resize). Dhe për video më të gjata, përdoruesit do të jenë në gjendje t'i zgjerojnë ato (Lejoj Expand), për t'i parë më mirë.

Për gjerësinë dhe lartësinë e Lightbox, ju mund të redaktoni fushat " parazgjedhur gjerësi "Dhe" parazgjedhur lartësi '. 

Për të zgjedhur temën e Lightbox, ndryshoni menunë rënëse temë ". Alsoshtë gjithashtu e mundur të aktivizoni luajtjen automatike (shënoni kutinë " Luaj automatikisht ").

hapni një video në Youtube në një dritare të hapur - përcaktoni-les-regalges

Si të shfaqni a Lightbox në një artikull

Le plugin propozon një listë të shortcodes që do t'ju lejojë të shfaqni Lightbox në artikuj. Kam harruar të të them se mund të shikosh edhe videot në dispozicion Vimeo.

Për të parë një video YouTube ou Vimeoju duhet të përdorni shortcodes Suivant:

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

Secili nga këto shortcodes pranon parametrat, të cilat do t'ju lejojnë të:

  • Përcaktoni identifikuesin (VIDEO_ID) e një video, zakonisht në këtë format " YzqKMmQ_3Sg '. Exemple [video_lightbox_youtub VIDEO_ID = "YzqKMmQ_3Sg"]
  • Vendosni lartësinë e videos (lartësi)
  • Vendosni gjerësinë e videos (gjerësi)
  • Shto një përshkrim (përshkrim)
  • Shto një spirancë HTML (spirancë), ose teksti i lidhjes që do të hapë dritaren
  • Shto një tablo (auto_thumb)

Nëse vendosni një spirancë HTML, tabloja do të injorohet. përndryshe, auto_thumb merr vleren " 1 '.

Shkoni më tej duke zbuluar gjithashtu Si të përdorni dhe menaxhoni shortcodes në WordPress

Demo e një përdorimi

Me ato që sapo ju ofrova informacion, mund të shfaqni një video duke përdorur një kod të ngjashëm me këtë:

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

Për një rezultat të ngjashëm

prezantimi-per-rezultate

Ju mund të shihni një tablo siç tregohet më lart me një kod të ngjashëm me këtë.

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

Për një rezultat identik me këtë

mini-dune-video

para se të largohej

Duhet të theksohet se disa parametra në shortcodes do të rishkruaj ato të përcaktuara në cilësime.

Zbuloni gjithashtu disa shtesa premium WordPress  

Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.

Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.

1. FileBird

Filebird

A keni luftuar ndonjëherë për të menaxhuar mijëra skedarë imazhesh, video ose dokumentesh që keni ngarkuar në WordPress FTP tuaj? po ose jo, nuk ka rëndësi, e rëndësishme është të dish se plugin WordPress FileBird do t'ju ndihmojë të menaxhoni skedarët tuaj të medias me lehtësi dhe t'i jepni më shumë fuqi bibliotekës suaj.

Ndërfaqja e tij e thjeshtë e përdoruesit dhe menyja e kontekstit lejojnë përdoruesit të zvarritin dhe lëshojnë skedarët në dosje ose të kenë të drejtat e nevojshme për të krijuar shpejt, riemëruar ose fshirë dosjet në të njëjtën mënyrë si ju në kompjuterin tuaj. Me këtë shtojcë në dorë, skedarët tuaj mediatik do të organizohen sistematikisht dhe ju lehtë mund të zgjidhni një imazh për ta futur në një faqe ose ta botoni atë.

Zbuloni edhe tonë 6 shtojca WordPress për t'u dhënë frymëzim artikujve tuaj

Përveç kësaj, kjo shtojcë është plotësisht e pajtueshme me shtojcat më të njohura, veçanërisht me WooCommerce, dhe gjithashtu mbështet një numër të madh gjuhësh. Pra, nëse doni t'i jepni një shtysë menaxhimit të bibliotekës suaj të mediave, plugin WordPress FileBird mund të jetë arma juaj sekrete.

ShkarkoDEMO web hosting

2. Ndarja Sociale & Dollapi Pro

Shtojca Social Share & Locker Pro është krijuar për të ndihmuar që faqja juaj të jetë më e dukshme në mediat sociale. Me vetëm disa klikime, mund të vendosni pozicionin e ikonave tuaja sociale ose të bllokoni përmbajtjen tuaj duke kërkuar ndarjen në një nga rrjetet sociale të ofruara nga ju.

Shtojca Social Locker Pro WordPress Plugin

Ju keni 10 shabllone që duhet të mbulojnë dëshirat më të zakonshme. Të gjitha modelet e saj janë perfekte dhe funksionojnë mrekullisht. Përveç kësaj, me Social Share & Locker Pro, ju do të jeni në gjendje të shfaqni emrin e plotë të rrjeteve sociale ose thjesht ikonën. Kjo do të varet nga dizajni juaj, hapësira e disponueshme ose shija juaj.

Shkarko | DEMO | web hosting

3. Forma e kontaktit 7 Tooltips

Cette Shtesa e WordPress i shtojcës së Formularit të Kontaktit 7 sjell një funksionalitet të lehtë të këshillës së veglave në shtojcën tuaj të Formularit të Kontaktit 7. Këshillat e veglave të tij do të shfaqen kur elementi i synuar të vendoset sipër. Në pajisjet celulare, këshillat e veglave tregojnë kur elementi i synuar është i përfshirë.

Formulari i kontaktit 7 Këshilla për Mjetet

Karakteristikat kryesore të tij janë: lehtësia e përdorimit, mbështetja për të gjitha versionet e Kontaktit 7, personalizimi i ngjyrës së sfondit të tipit të mjeteve, mbështetja për kodin HTML, paraqitja plotësisht të përgjegjshëm, dhe më shumë.

Shkarko | DEMO | web hosting

Burime të tjera të rekomanduara

Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.

Përfundim

Kjo është ajo! Kjo është e gjitha për këtë tutorial, shpresoj se do t'ju ndihmojë të shfaqni video të Youtube ose Vimeo në një kutinë e dritës në faqen tuaj të internetit në WordPress. të ndjehen të lirë për të ndajeni me miqtë tuaj në rrjetet tuaja të preferuara sociale

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.

Por, ndërkohë, na tregoni për tuajat komente dhe sugjerime në pjesën e dedikuar.

...