WordPress beépülő modul: Nyisson meg egy videót egy átvilágító dobozban az Elementor segítségével

Elementor gomb Nyissa meg a videó lightboxot

Elfogadtunk egy weboldalt egy klienssel, amelyhez építettünk Elementor, egy fantasztikus fogd és vidd szerkesztési plugin a WordPress számára, amely átalakítja, hogy mennyire egyszerű komplex, gyönyörű elrendezéseket készíteni, amelyek reagálnak ... programozás és a rövid kódok megértése nélkül.

Az Elementornak vannak bizonyos korlátai, amelyek közül az egyiket egy ügyfél webhelyén dolgoztam. Egyszerűen csak egy gombot akartak, amely megnyitotta a videót egy átvilágító dobozban ... olyasmit, amit az Elementor nem kínál. Megoldhatja a problémát egy olyan kép használatával, amelynek lejátszási gombja van, vagy anélkül ... de az Elementor remek gombelemekkel rendelkezik. Meglepődtem, hogy ezt nem kínálták dobozon kívül.

Szerencsére van egy plugin ehhez!

Alapvető kiegészítők az Elementor számára

Szerencsére számos nagyszerű kiegészítő található az Elementor számára a piacon. A plugin fejlesztő kiválasztásakor azonban nagyon óvatosnak kell lennie. Ha az Elementorra épít egy WordPress webhelyet, függőséget teremt az Elementortól. Ezután egy másik szállító által létrehozott bővítmény létrehozása újabb függőséget eredményez. A WordPress webhely sikere szempontjából kulcsfontosságú annak biztosítása, hogy a beépülő modul-fejlesztő rengeteg telepítést és a hozzá kapcsolódó bevételt biztosítson a bővítmények karbantartásához és fejlesztéséhez, mivel a WordPress és az Elementor verziói frissülnek.

Az egyik fantasztikus bővítmény a Alapvető kiegészítők az Elementor számára. Több mint 800,000 XNUMX telepítéssel a plugin lehet a legnépszerűbb elem-kiegészítő plug-in az Elementor számára a piacon. A plugin egyik legfontosabb jellemzője, hogy könnyedén hozzáadhat és konfigurálhat egy átvilágítódobozt az Elementorral felépített WordPress-webhelyéhez.

Elementor Lightbox gomb

Miután telepítette az Essential Add-Ons for Elementor plugin fizetős verzióját, engedélyezze a Lighbox & Modal funkcióval megtekintheti az elemet az Elementor elemekben. Ezután könnyedén kereshet és áthúzhatja az oldalára:

elementor lighbox modal

Ezután módosítania kell az elem pár beállítását:

  • Állítsa a Beállítások> Trigger lehetőséget Kattintson a gombra
  • Állítsa a Beállítások> Típus lehetőséget Gomb
  • Állítsa be a Beállítások> elemet Gomb Text
  • Állítsa a Tartalom> Típus értékre Link oldalra / videóra / térképre
  • Állítsa be a Tartalom> elemet Adja meg az oldal / videó / térkép URL-t videó URL-jére

Ezután szükség szerint testre szabhatja az átvilágítódoboz és a gomb stílusát. Zökkenőmentes élmény ez a kiegészítő és az Elementor között.

elementor lightbox gomb

Bár ez a funkció együttesen megérte fizetni, az Essential Add-Ons for Elementor plugin rengeteg más funkcióval rendelkezik, mind ingyenes, mind fizetős verzióban. Megjegyzés: A Lightbox funkció fizetős verzióban van.

Alapvető kiegészítők az Elementor számára: Ingyenes elemek

Az ingyenes verzió tartalmaz néhány alapvető elemet, amelyek hozzáadhatók:

  • Információs mező - Jelenítse meg a legfontosabb információkat az Információs doboz típusával az ikon tetején ikon hozzáadásával és animációs effektusok hozzáadásával.
  • Haladó harmonika - tartalom megjelenítése, a váltó ikon engedélyezése, a harmonika rész kitöltése a kívánt szöveggel és interaktív megjelenés a közönség számára.
  • Woo termékrács - A WooCommerce termékeket bárhol bemutathatja, és kategóriák, címkék vagy attribútumok szerint jelenítheti meg a termékeket. Könnyen hozzáadhat lebegő effektusokat az elrendezéshez, hogy lenyűgöző legyen.
  • Flip doboz - A tartalom gyönyörű bemutatása balra / jobbra fordított animációval az egérrel.
  • Speciális lapok - a legfontosabb információkat interaktív módon jelenítse meg, amely támogatja az egyedi készítésű beágyazott fülek tervezését a közönség vonzására egy példányban.
  • Ártáblázat - hozzon létre egy hatékony stílusú, tökéletes stílusú árképzési táblázatot, hogy minél több eladást érjen el leendő vásárlóitól.
  • Képharmonika - Jelölje ki képeit csodálatos lebegési és kattintási effektusokkal az EA Image Accordion segítségével. 
  • Hozzászólás Rács - több blogbejegyzés megjelenítése rács elrendezésben. Kiválaszthatja a kívánt elrendezést az elrendezési beállítások közül, animációt adhat hozzá, és interaktívvá teheti a látogatók számára.
  • Cselekvésre ösztönzés - Stílusolja a cselekvésre ösztönzés tartalmát, színét és kapcsolja össze, hogy a látogatókat a kívánt művelethez irányítsa.
  • Visszaszámlálás - Készítsen és tervezzen időzítőt a különböző stílusok közül.
  • Post Timeline - a blogbejegyzéseket, oldalakat vagy egyéni bejegyzéseket lenyűgöző függőleges elrendezésben jelenítse meg. Beállíthatja a kívánt bejegyzések számát, csodálatos effektusokat, képfedvényt, gombot és még sok mást adhat a közönség érdeklődésének felkeltéséhez.
  • Szűrhető galéria - Külön kategóriákkal, rácsstílusokkal jelenítsen meg képeket, és testre szabhatja az általános kialakítást a rendkívüli megjelenés érdekében.

Töltse le az Elementor alapvető kiegészítőit

Alapvető kiegészítők az Elementor számára: Fizetett elemek

A fizetős verzióval rengeteg további elemet kap, amelyek valóban maximális képességeket nyújtanak az Elementor-alapú témában.

  • Fénydoboz és modális - a videókat, képeket vagy egyéb tartalmakat felugró ablakban mutassa be. Beállíthatja a kívánt aktiválási műveleteket, hozzáadhat egy animációt és beállíthatja az elrendezést az elkötelezettség maximalizálása érdekében.
  • Kép összehasonlítása - felhatalmazza a potenciális vásárlókat a két termékkép összehasonlítására (Régi vagy új) elképesztő módon.
  • Logó körhinta - válassza ki a kívánt körhinta hatást, adjon hozzá egy logót és stílusozza meg a kimenetet, hogy minden ügyfele vagy partnere gyönyörűen megjelenjen.
  • Parallaxishatások - lehetővé teszi a látogatók számára, hogy többrétegű parallaxis effektussal élhessék meg webhelyét, amely magában foglalja az egérmutatós interakciót is.
  • Promo - Adjon hozzá vonzó címsort, belső tartalmat, egérmutatót tartalmazó tartalmat és gyönyörű képeket, hogy lekapcsolja látogatói figyelmét.
  • Tartalomváltás - Adjon egy lebegő hatást a tartalmához, amely kiemeli azokat a különbségeket, amelyekre a látogatóknak koncentrálni kíván.
  • Google Maps - Konfigurál egy térképelemet, jelölő ikonokat ad hozzá, és interaktívvá teszi a látogatók számára.
  • Részecskehatás - adjon hozzá kreatív szakaszokat a webhelyéhez, hogy feltűnjön.
  • Interaktív kártyák - fejlett képességeket, például belső görgetést és lebegő effektusokat hozhat a tartalomblokkokba.
  • védett tartalom - a tartalom korlátozása jelszóval vagy felhasználói szerepkör szerint.
  • Post Block - jelenítse meg blogbejegyzéseit különféle egyedi stílusokkal, a modern CSS Flex erejével. Kiválaszthatja az elrendezést, hozzáadhat animációt, hozzáadhat egy ikont, és mindent stílusozhat - beleértve a lebegő effektusokat is.
  • Haladó eszköztipp - adjon tippeket a tartalom fölé és alá.
  • Egy oldal navigáció - egyetlen oldal létrehozása csak néhány kattintással az Elementor használatával.
  • Beszámoló csúszka - hozzon létre egy interaktív ajánlólapot, amely több kritikát is gyönyörűen bemutat egy tartalmi területen.
  • Instagram - hívja fel webhelye látogatóinak figyelmét, és hívjon minél több Instagram követőt azáltal, hogy Instagram-hírcsatornát jelenít meg webhelyén.
  • Kép Hotspot - add hozzá a képterület hotspotjait egyedi eszköztippekkel, hogy a felhasználó rákattinthasson a hotspotokra, hogy felfedhesse a társított szöveget.

A pluginnel egy olyan lehetőség, amelyet nagyon értékelek, az a lehetőség, hogy engedélyezheti vagy letilthatja ezeket az elemeket a webhelyen belül. Ez korlátozza az egyes funkciók szkriptjeinek hozzáadását a webhelyéhez.

Töltse le az Elementor alapvető kiegészítőit

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.