Szeretné tudni, hogyan lehet megnyitni egy YouTube-videót a WordPress előugró ablakában?

La világító doboz vagy a modális ablak (felbukkanó ablak) nagyon gyakori szolgáltatás a hálózaton. Általában azonban képek, e-mail rögzítési űrlapok, promóciók vagy akár regisztrációs űrlapok megjelenítésére használják. 

De tudta-e, hogy videofelvételek megjelenítésére is használható WordPress ? Nem? 

Semmi gond, ebben az oktatóanyagban megmutatom, hogyan lehet videót megjeleníteni (YouTube – Vimeo – stb.) egy világító doboz.

De korábban, ha még soha nem telepítette a WordPress Discover programot Hogyan kell telepíteni a WordPress blog 7 lépések et Hogyan lehet megtalálni, telepíteni és aktiválni a WordPress téma a blog 

És hát hát miért vagyunk itt?

Az okok, amiért érdemes használni a lightbox a videók megjelenítéséhez 

Les világító doboz modális ablakok, azonban amit nem tudsz, az az, hogy a bennük megjelenített képek nem mindegyike töltődik be a « chargement«  oldalt. 

Le Navigateur díj les képek amikor a világító doboz megnyílik, ez a videók esetében is érvényes. Röviden, ez egy olyan tulajdonság, amely lehetővé teszi az oldalak gyorsabb megnyitását. Ez lehetővé teszi a méret csökkentését is (hossz) Az oldalmert az oldal tartalmának egy része elérhető lesz ebben a modális ablakban.

A fecsegés fegyverszünete, kezdjük el az üzletet.

Hogyan kell telepíteni és konfigurálni csatlakoztat WP videóklip

A WP Video Lightbox a csatlakoztat elérhető a WordPress.org oldalon. Ami azt jelenti, hogy közvetlenül a WordPress irányítópultjáról telepítheti, ill töltse le .zip fájlként.

További részletek olvassa el lépésről lépésre a WordPress bővítmény telepítéséről.

Aktiválása után csatlakoztat, ebből a helyről lépjen a beállítások oldalára " beállítások >> videó világító doboz ".

Megyünk közvetlenül a " PrettyPhoto ".

A valóságban ez csatlakoztat használjon másikat csatlakoztat, amely elsősorban egy fotógaléria megjelenítésére szolgál. Megváltoztathatja azonban a videókra alkalmazandó információk egy részét.

Ehhez magyarázok néhány lehetőséget (Kötelező)Úgy, hogy az, amit szeretnék.

Már a könyvesboltban PrettyPhoto aktiválni kell (ellenőrizze « engedélyezése PrettyPhoto »). Az ablakot átlátszóvá teheti, hogy a felhasználók tudják, hogy ugyanazon az oldalon vannak (meghatározzák egy érték 0-tól 1-ig. Vessző értékeket elfogadunk).

Discover A WordPress hatékony felbukkanó tulajdonságai 

Az összes világítódoboznak lehet címe, amely megjeleníthető (Előadás cím). Néha nagy modális ablakok esetén engedélyeznie kell az átméretezést (Hagyjuk átméretezése). És hosszabb videók esetén a felhasználók kibővíthetik őket (Hagyjuk Bontsa), Hogy jobban néz.

A szélesség és a magasság világító doboz, szerkesztheti a mezőket " alapértelmezett szélesség "És" alapértelmezett magasság ". 

A téma kiválasztása világító doboz, változtassa meg a legördülő menüt téma ". Lehetőség van az automatikus lejátszás aktiválására is (jelölje be a négyzetet Automatikus lejátszás »).

Hogyan kell megjeleníteni a világító doboz egy cikkben

Le csatlakoztat javaslatot tesz a shortcodes amely lehetővé teszi a megjelenítést világító doboz cikkekben. Elfelejtettem elmondani, hogy az elérhető videókat is megtekintheti Vimeo.

Videó megtekintése Youtube ou Vimeohasználnia kell a shortcodes következő:

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

Ezek mindegyike shortcodes elfogadja a paramétereket, amelyek lehetővé teszik:

• Adja meg az azonosítót (video_id) videó általában ebben a formátumban " YzqKMmQ_3Sg ". EXEMPLE [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
• Állítsa be a videó magasságát (magasság)
• Állítsa be a videó szélességét (szélesség)
• Adjon meg egy leírást (leírás)
• HTML horgony hozzáadása (horgony), vagy az ablakot megnyitó hivatkozás szövege
• Adjon hozzá egy miniatűr képet (auto_thumb)

Ha HTML-horgonyot állít be, a miniatűr figyelmen kívül marad. Ellenkező esetben, auto_thumb értéke " 1 ".

Menjen tovább felfedezésével is Hogyan kell használni és kezelni shortcodes WordPress

Használat bemutatása

Azzal, amit most adtam neked információkkal, megjeleníthet egy videót egy ehhez hasonló kóddal:

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

Hasonló eredményhez

Megnézheti a fenti ábra szerinti miniatűr képet egy ehhez hasonló kóddal.

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

Az ezzel megegyező eredményért

mielőtt elhagyja

Meg kell jegyezni, hogy a shortcodes felülírja a beállításokban megadottakat.

Fedezzen fel néhány prémium WordPress-bővítményt  

Használhatsz mást is WordPress plugin modern megjelenést kölcsönözni és optimalizálni blogja vagy weboldala kezelését.

Kínálunk itt néhány prémium WordPress plugin-ot, amelyek segítenek abban.

1. FileBird

Kínlódott már a WordPress FTP-re feltöltött több ezer kép-, videó- ​​vagy dokumentumfájl kezelésével? igen vagy nem, mindegy, az a fontos, hogy tudd, hogy a WordPress plugint A FileBird segítségével könnyedén kezelheti médiafájljait, és több energiát visz a könyvtárába.

A zökkenőmentes felhasználói felület és a helyi menü lehetővé teszi a felhasználók számára, hogy fájlokat mappákba húzzanak, vagy rendelkezzenek a szükséges jogokkal a mappák gyors létrehozásához, átnevezéséhez vagy törléséhez, ugyanúgy, mint a számítógépen. Ezzel a bővítménnyel a kezedben a médiafájljaid szisztematikusan rendeződnek, és könnyedén kiválaszthatsz egy oldalba illesztendő képet vagy közzéteheted.

Fedezze fel a mi 6 WordPress beépülő modul új életet lehelhet a cikkekbe

Ezenkívül ez a bővítmény teljes mértékben kompatibilis a legnépszerűbb bővítményekkel, különösen a WooCommerce, és számos nyelvet támogat. Tehát ha lendületet szeretne adni a médiakönyvtár kezelésének, a WordPress plugint A FileBird lehet a titkos fegyvered.

Letöltés | demó | Web hosting

2. Social Share & Locker Pro

A Social Share & Locker Pro kiterjesztést úgy fejlesztették ki, hogy webhelye jobban látható legyen a közösségi hálózatokon. Néhány kattintással beállíthatja a közösségi ikonok helyzetét, vagy lezárhatja a tartalmát, ha megköveteli a megosztást az Ön által kínált közösségi hálózatok egyikén.

10 sablonod van, amelyeknek ki kell terjedniük a leggyakoribb kívánságokra. Minden modellje tökéletes és csodálatosan működik. Ezenkívül a Social Share & Locker Pro segítségével megjelenítheti a közösségi hálózatok teljes nevét vagy csak az ikont. Ez a tervezésétől, a rendelkezésre álló helytől vagy az ízlésétől függ.

Letöltés | demó | Web hosting

3. Kapcsolatfelvételi űrlap 7 Tooltips

Ezt WordPress kiterjesztés A Contact Form 7 beépülő modulja egy egyszerű eszköztipp funkciót hoz a Contact Form 7 beépülő modulhoz. Eszköztippjei akkor jelennek meg, amikor a célelem fölé viszi az egérmutatót. Mobileszközökön az eszköztippek jelzik, ha a célelem aktív.

Főbb jellemzői: egyszerű használat, a 7. űrlap összes verziójának támogatása, az eszköztipp háttérszínének testreszabása, a HTML-kód támogatása, teljes elrendezés érzékeny, és így tovább.

Letöltés | demó | Web hosting

Egyéb ajánlott források

Felkérjük Önt, hogy keresse meg az alábbi forrásokat, hogy tovább menjen webhelye és blogja irányításában és irányításában.

• Elementor: Hogyan lehet megnyitni egy felugró ablakot egy URL-ből vagy menüből
• A WordPress bővítmény verziójának visszavonása
• Hogyan találhat szponzort, és pénzt kereshet a blogoddal? : Az útmutató
• Hogyan szabni a WordPress műszerfalon az ügyfél
• Hogyan hozzunk létre egy reagáló menü mobil WordPress

Következtetés

Ez az! Ennyi ehhez a bemutatóhoz, remélem, hogy segít abban, hogy Youtube vagy Vimeo videókat jelenítsen meg a világítódoboz a WordPress webhelyén. bátran ossza meg barátaival a kedvenc közösségi hálózatokon. 

Azonban Ön is képes lesz konzultálni a mi erőforrások, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása.

De addig is meséljen nekünk észrevételek és javaslatok a dedikált részben.

...