Plugin WordPress: Otevřete video v lightboxu s Elementorem
Přijali jsme web s klientem, který byl vytvořen Elementor, fantastický doplněk pro úpravy drag and drop pro WordPress, který transformuje, jak snadné je vytvořit složité, krásné rozvržení, které je responzivní ... bez programování nebo nutnosti porozumět krátkým kódům.
Elementor má určitá omezení, z nichž jedno jsem narazil na práci na klientském webu. Prostě chtěli tlačítko, které otevřelo video v Lightboxu ... něco, co Elementor nenabízí. Problém můžete vyřešit pomocí obrázku s tlačítkem přehrávání nebo bez něj ... ale Elementor má skvělý prvek tlačítka. Překvapuje mě, že to nenabídli z krabice.
Naštěstí k tomu existuje plugin!
Základní doplňky pro Elementor
Naštěstí existuje několik skvělých doplňků pro Elementor na trhu. Při výběru vývojáře pluginu však musíte být velmi opatrní. Mít web WordPress postavený na Elementoru vytváří závislost na Elementoru. Poté mít doplněk vytvořený jiným dodavatelem vytvoří další závislost. Pro úspěch vašeho webu WordPress je zásadní zajistit, aby měl vývojář zásuvných modulů spoustu instalací a související výnosy pro udržení a vylepšení pluginů při aktualizaci verzí WordPress a Elementor.
Jeden fantastický plugin je Základní doplňky pro Elementor. S více než 800,000 XNUMX instalacemi může být plugin nejoblíbenějším doplňkovým doplňkem pro Elementor na trhu. Klíčovou funkcí tohoto pluginu je schopnost snadno přidat a nakonfigurovat lightbox pro váš web WordPress vytvořený pomocí Elementoru.
Tlačítko Elementor Lightbox
Jakmile nainstalujete placenou verzi pluginu Essential Add-Ons pro Elementor, povolte Lighbox a modální funkce pro zobrazení prvku ve vašich prvcích Elementor. Poté jej můžete snadno vyhledat a přetáhnout na svou stránku:
Pak budete chtít upravit pár nastavení pro prvek:
- Nastavte Nastavení> Spouštěč na Kliknutí na tlačítko
- Nastavte Nastavení> Typ na Tlačítko
- Nastavte Nastavení> Tlačítko Text
- Nastavte Obsah> Typ na Odkaz na stránku / video / mapu
- Nastavte obsah> Zadejte URL stránky / videa / mapy na adresu URL vašeho videa
Poté můžete podle potřeby upravit styl lightbox a styl tlačítek. Je to bezproblémový zážitek mezi tímto doplňkem a Elementorem.
Zatímco tato funkce mohla stát za to zaplatit, plugin Essential Add-Ons pro Elementor má spoustu dalších funkcí obsažených jak v bezplatné, tak v placené verzi. Poznámka: Funkce Lightbox je v placené verzi.
Základní doplňky pro Elementor: Volné prvky
Bezplatná verze obsahuje některé základní prvky, které lze přidat:
- Informační pole - Zobrazte klíčové informace pomocí typu Info Box přidáním ikony nahoře a přidáním animačních efektů.
- Pokročilý akordeon - zobrazit obsah, povolit ikonu přepínání, vyplnit akordeonovou sekci požadovaným textem a vytvořit interaktivní vzhled pro publikum.
- Woo produktová mřížka - Prezentujte produkty WooCommerce kdekoli a zobrazujte produkty podle kategorií, značek nebo atributů. Jednoduše přidejte efekty rozložení na rozvržení, aby bylo ohromující.
- Flip box - Krásně předveďte obsah pomocí převrácené animace vlevo / vpravo při najetí myší.
- Pokročilé karty - zobrazit klíčové informace interaktivním způsobem, který podporuje vlastní design vnořených karet, aby přilákal publikum v instanci.
- Pricing Table - vytvořte efektivní tabulku cen produktů s dokonalým stylem, abyste získali více prodejů od svých potenciálních kupujících.
- Akordeon obrazu - Zvýrazněte své obrázky úžasnými efekty přechodu a kliknutí pomocí EA Image Accordion.
- Post Grid - zobrazit více blogových příspěvků v mřížce. Můžete si vybrat preferované rozvržení z nastavení rozvržení, přidat k němu animaci a zajistit, aby pro návštěvníky vypadalo interaktivní.
- Výzva k akci - Upravte obsah, barvu a odkaz na výzvu k akci tak, aby návštěvníky nasměroval na požadovanou akci.
- Countdown - Vytvořte a navrhněte časovač z výběru různých stylů.
- Zveřejnit časovou osu - zobrazit příspěvky blogu, stránky nebo vlastní příspěvky v ohromujícím vertikálním rozvržení. Můžete nastavit požadovaný počet příspěvků, přidat úžasné efekty, překryvný obrázek, tlačítko a další, abyste přitáhli zájem publika.
- Filtrovatelná galerie - zobrazujte obrázky v samostatných kategoriích, mřížkujte styly a upravte celkový design tak, abyste zajistili mimořádný vzhled.
Stáhněte si základní doplňky pro Elementor
Základní doplňky pro Elementor: Placené prvky
S placenou verzí získáte spoustu dalších prvků, které skutečně poskytují maximální možnosti ve vašem motivu založeném na Elementor.
- Lightbox a modální - předvádějte svá videa, obrázky nebo jiný obsah pomocí vyskakovacího okna. Můžete nastavit požadované spouštěcí akce, přidat animaci a nastavit rozložení tak, aby maximalizovalo zapojení.
- Srovnání obrázků - zmocněte své potenciální kupce k porovnání mezi vašimi dvěma obrázky produktů (Starý versus nový) úžasným způsobem.
- Logo kolotoč - vyberte si efekt kolotoče svých přání, přidejte logo a upravte výstup tak, aby krásně zobrazoval všechny vaše klienty nebo partnery.
- Paralaxové efekty - umožněte svým návštěvníkům zažít váš web s vícevrstvým paralaxovým efektem, který dokonce zahrnuje interakci při najetí myší.
- Promo - Přidejte atraktivní nadpis, vnitřní obsah, obsah myši a krásné obrázky, abyste upoutali pozornost návštěvníka.
- Přepnout obsah - Přidejte do svého obsahu efekt přechodu, který zvýrazní rozdíly, na které se mají vaši návštěvníci zaměřit.
- Google Maps - Nakonfigurujte prvek mapy, přidejte ikony značek a zajistěte, aby byl pro návštěvníky interaktivní.
- Efekt částic - přidejte na svůj web kreativní sekce, aby vynikl.
- Interaktivní karty - přineste do svých bloků obsahu pokročilé funkce, jako je interní posouvání a efekty vznášení.
- chráněný obsah - omezit obsah heslem nebo rolí uživatele.
- Odeslat blok - zobrazujte své příspěvky na blogu pomocí různých jedinečných stylů pomocí síly moderního CSS Flex. Můžete si vybrat rozvržení, přidat animaci, přidat ikonu a vše upravit - včetně efektů přechodu myší.
- Pokročilý popis - přidejte popisky nad a pod obsah.
- Navigace jedné stránky - pomocí Elementoru vytvořte jednostránkový web s pouhými několika kliknutími.
- Posuvník posudku - vytvořte interaktivní vývěsku, která krásně předvede několik recenzí v jedné oblasti obsahu.
- instagram - upoutejte pozornost návštěvníka svého webu a získejte více sledujících Instagramu zobrazením zdroje Instagramu na vašem webu.
- Obrázek Hotspot - přidejte hotspoty oblasti obrazu pomocí vlastních popisů nástrojů, aby uživatel mohl kliknutím na hotspoty odhalit související text.
Možnost pluginu, kterou opravdu oceňuji, je schopnost povolit nebo zakázat každý z těchto prvků na webu. To omezuje režii skriptu každé funkce přidávaného na váš web.