Chcete zistiť, ako otvoriť video YouTube vo vyskakovacom okne na WordPress?

La svetelný box alebo modálne okno (vyskakovacie okno) je veľmi častým prvkom na sieti. Vo všeobecnosti sa však používa na zobrazovanie obrázkov, formulárov na zachytávanie e-mailov, propagačných akcií alebo dokonca registračných formulárov. 

Vedeli ste však, že je možné ho použiť aj na zobrazenie videí WordPress ? Nie? 

Žiaden strach, v tomto tutoriále vám ukážem, ako zobraziť video (YouTube – Vimeo – atď.) v a svetelný box.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Dôvody, prečo by ste mali používať a lightbox na zobrazenie vašich videí 

Les svetelný box sú modálne okná, čo však neviete, je, že nie všetky obrázky zobrazené v nich sa načítajú všetky počas « nakladanie«  str. 

Le Navigateur poplatok les obrazy keď svetelný box otvorí, to je prípad aj videí. Je to skrátka vlastnosť, ktorá umožní rýchlejšie otvorenie vašich stránok, To vám tiež umožní znížiť veľkosť (dĺžka) Z vašej stránkypretože časť obsahu tejto stránky bude k dispozícii v tomto modálnom okne.

Prívetivosť, poďme sa pustiť do práce.

Ako nainštalovať a nakonfigurovať zapojiť WP Video Lightbox

WP Video Lightbox je a zapojiť dostupné na WordPress.org. Čo znamená, že si ho môžete nainštalovať priamo z hlavného panela WordPress, alebo stiahnite si ho ako súbor .zip.

Pre viac informácií, pozrite si nášho podrobného sprievodcu o tom, ako nainštalovať doplnok WordPress.

Po aktivácii zapojiť, prejdite na svoju stránku nastavení z tohto umiestnenia “ nastavenie >> Video svetelný box ".

Pôjdeme priamo k „ prettyPhoto ".

V skutočnosti to tak je zapojiť použite iný zapojiť, ktorý je určený predovšetkým na zobrazenie fotogalérie. Môžete však zmeniť niektoré informácie, ktoré sa použijú na videá.

Za týmto účelom vám vysvetlím niekoľko možností (Povinné)Takže to je, ako si prajete.

Už v kníhkupectve prettyPhoto musí byť aktivovaný (skontrolovať « Umožniť prettyPhoto »). Ak chcete dať používateľom vedieť, že sa nachádzajú na rovnakej stránke, môžete okno priehľadné (definovať hodnota od 0 do 1. Hodnoty čiarky sú akceptované).

Discover Charakteristiky efektívneho kontextového okna pre WordPress 

Všetky vaše lightboxy môžu mať názov, ktorý je možné zobraziť (Šou titul). Pre veľké modálne okná niekedy musíte povoliť zmenu veľkosti (povoliť veľkosť). A pre dlhšie videá ich budú môcť používatelia zväčšiť (povoliť Rozšíriť) Aby bolo možné lepšie sledovať.

Pre šírku a výšku svetelný box, môžete upraviť polia “ štandardné šírka "A" štandardné výška ". 

Ak chcete vybrať tému svetelný box, zmeňte rozbaľovaciu ponuku téma „. Je tiež možné aktivovať automatické prehrávanie (začiarknite políčko “ Autoplay »).

Ako zobraziť svetelný box v článku

Le zapojiť navrhuje zoznam shortcodes ktorý vám umožní zobraziť svetelný box v článkoch. Zabudol som vám povedať, že si môžete pozrieť aj videá dostupné na Vimeo.

Prezeranie videa YouTube ou Vimeomusíte použiť shortcodes nasledujúce:

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

Každý z nich shortcodes prijíma parametre, ktoré vám umožnia:

• Definujte identifikátor (video_id) videa, zvyčajne v tomto formáte “ YzqKMmQ_3Sg ". príklady [video_lightbox_youtub video_id = „YzqKMmQ_3Sg“]
• Nastavte výšku videa (výška)
• Nastavte šírku videa (šírka)
• Pridať popis (opis)
• Pridať kotvu HTML (Kotva) alebo text odkazu, ktorý otvorí okno
• Pridajte miniatúru (auto_thumb)

Ak nastavíte kotvu HTML, miniatúra bude ignorovaná. inak auto_thumb má hodnotu “ 1 ".

Choďte ďalej objavovaním Ako používať a spravovať shortcodes WordPress

Ukážka použitia

S informáciami, ktoré som vám práve poskytol, môžete video zobraziť pomocou kódu podobného tomuto:

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

Pre podobný výsledok

Miniatúru si môžete zobraziť vyššie uvedeným spôsobom s kódom podobným tomuto.

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

Výsledok je identický s týmto

pred odchodom

Je potrebné poznamenať, že niektoré parametre v shortcodes prepíše tie, ktoré sú definované v nastaveniach.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. FileBird

Už ste niekedy mali problémy so správou tisícok súborov obrázkov, videí alebo dokumentov, ktoré ste nahrali na svoj WordPress FTP? áno alebo nie, na tom nezáleží, dôležité je vedieť, že WordPress Plugin FileBird vám pomôže ľahko spravovať vaše mediálne súbory a prinesie viac výkonu do vašej knižnice.

Jeho plynulé užívateľské rozhranie a kontextové menu umožňujú používateľom presúvať súbory do priečinkov alebo majú potrebné práva na rýchle vytváranie, premenovanie alebo mazanie priečinkov rovnakým spôsobom ako v počítači. Vďaka tomuto doplnku v ruke budú vaše mediálne súbory systematicky usporiadané a môžete jednoducho vybrať obrázok, ktorý chcete vložiť na stránku, alebo ho zverejniť.

Objavte aj naše 6 doplnkov WordPress, ktoré vdýchnu vašim článkom nový život

Tento doplnok je navyše plne kompatibilný s najpopulárnejšími doplnkami, najmä s WooCommercea tiež podporuje veľké množstvo jazykov. Ak teda chcete zlepšiť správu knižnice médií, WordPress Plugin FileBird môže byť vašou tajnou zbraňou.

Stiahnuť | demo | web hosting

2. Social Share & Locker Pro

Doplnok Social Share & Locker Pro bol navrhnutý tak, aby umožňoval lepšiu viditeľnosť vášho webu v sociálnych sieťach. Iba niekoľkými kliknutiami môžete buď nastaviť polohu svojich sociálnych ikon, alebo uzamknúť obsah požadovaním zdieľania na jednej zo sociálnych sietí, ktoré ponúkate.

Máte 10 šablón, ktoré by mali pokryť najbežnejšie želania. Všetky jej modely sú dokonalé a fungujú úžasne. Vďaka aplikácii Social Share & Locker Pro budete môcť zobraziť celý názov sociálnych sietí alebo iba ikonu. Bude to závisieť od vášho dizajnu, dostupného priestoru alebo vášho vkusu.

Stiahnuť | demo | web hosting

3. Kontaktný formulár 7 Tooltips

Tento Rozšírenie WordPress doplnku Kontaktného formulára 7 prináša jednoduchú funkciu popisov do vášho doplnku Kontaktného formulára 7. Jeho popisky sa zobrazia, keď umiestnite kurzor myši nad cieľový prvok. Na mobilných zariadeniach popisky označujú, kedy je cieľový prvok zapojený.

Medzi jeho hlavné vlastnosti patrí: jednoduché použitie, podpora všetkých verzií kontaktného formulára 7, prispôsobenie farby pozadia popisu, podpora HTML kódu, úplné rozloženie responzívne a ďalšie.

Stiahnuť | demo | web hosting

Ďalšie odporúčané zdroje

Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.

• Elementor: Ako otvoriť kontextové okno z adresy URL alebo ponuky
• Ako degradovať verziu doplnku WordPress
• Ako nájsť sponzora a speňažiť svoj blog? : Sprievodca
• Ako prispôsobiť palubnej dosky WordPress pre klienta
• Ako vytvoriť reagujúce ponuku pre mobilné WordPress

záver

To je ono! To je pre tento návod všetko, dúfam, že vám pomôže zobraziť videá Youtube alebo Vimeo v lightbox na vašej webovej stránke WordPress. kľudne zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.

...