Jednou z exkluzivních vstupních stránek, které mnozí poskytují svým odběratelům během období kybernetického pondělí, je úžasná vstupní stránka vydání softwaru. Toto rozvržení obsahuje skvělé ilustrace a jedinečné použití rozdělovačů sekcí, které čtenáře ohromí. Návštěvníci.

cyber monday.jpg

Jak získat vstupní stránku exkluzivního softwaru pro Cyber ​​Monday

Než se vrhnete na toto použití, měli byste se seznámit s exkluzivní vstupní stránkou Cyber ​​Monday, kterou můžete získat, když se stanete novým členem Elegant Themes, upgradujete svůj stávající účet nebo už jste celoživotním členem. s námi. Pokud jste již doživotním členem, můžete se přihlásit do naší členské oblasti a stáhnout si všechny naše exkluzivní stránky zde. Všichni ostatní uživatelé budou muset pomocí tlačítka níže zakoupit nebo upgradovat, než budou moci dokončit zbytek našeho kurzu.

Již jste členem života? Balíček si můžete stáhnout hned, nemusíte se účastnit dohody Cyber ​​Monday!

Jak vytvořit kontextové demo video na Divi

Jakmile stáhnete novou vstupní stránku softwarové verze z naší členské oblasti, můžete pokračovat ve čtení následujícího.

V případě použití tohoto tutoriálu vám ukážeme, jak vytvořit video demo kliknutím na tlačítko. Video, které se zobrazí po kliknutí, bude vypadat skvěle na ploše a na malých obrazovkách. Je to skvělý přístup, pokud nechcete vložit video přímo na stránku, ale chcete s ním vytvořit interakci Návštěvníci.

přehled

Než se ponoříme do tutoriálu, pojďme se podívat na konečný výsledek v různých velikostech obrazovky.

Kancelář

konečný výsledek divi video popup.gif

Mobilní aplikace

vydělat mobilní video popup divi.gif

Začněme!

Použijte bezplatný plugin Popup plugin Video

Nainstalujte a aktivujte plugin

První věc, kterou musíte udělat, je stáhnout plugin zdarma Video PopUp . Tento plugin najdete na stránce webové stránky WordPress > Pluginy > Přidat nový > Hledat 'Video PopUp'. Jakmile najdete tento plugin, nainstalujte jej. Po dokončení nezapomeňte plugin aktivovat.

video popup.jpg

Nastavení pluginu

Pokračujte tak, že přejdete na obecná nastavení tohoto pluginu a aktivujete dvě možnosti nahoře.

konfigurační video popup.jpg

Přidejte novou stránku pomocí vstupní stránky verze softwaru

Přidejte novou stránku a aktivujte funkci Visual Builder

Je čas začít věci uvádět do praxe! Přidejte novou stránku, pojmenujte ji a okamžitě aktivujte Visual Builder.

vytvořit novou stránku divi.jpg

Stáhněte si rozložení verze softwaru z uložených rozvržení

Přejděte do části „Vaše uložená rozvržení“ a stáhněte si nahranou vstupní stránku.

nahrané rozvržení divi.jpg

Přidejte textový modul pod modul Blurb na tlačítko přehrávání

Jak vidíte, stránka již má tlačítko přehrávání, které nám pomůže dosáhnout požadovaného výsledku. Aby to ale fungovalo, musíme znovu vytvořit design v modulu Blurb pomocí textového modulu. Přidejte nový textový modul přímo pod modul Blurb.

přidat text nad modelem blurb.jpg

Přidejte obrázek do oblasti obsahu

Jakmile přidáte textový modul, přidejte obrázek tlačítka přehrávání do oblasti obsahu textového modulu kliknutím na „ Přidejte médium A výběrem tlačítka Přehrát v knihovně médií.

Přidejte médium k rozbalení divi.jpg

vyberte obrázek divi.jpg

Přidejte kopii do oblasti obsahu

Pokračujte přidáním kopie těsně pod obrázek.

duplicitní modul blurb.jpg

Nastavení textu

Aby modul odpovídal rozložení, povolíme v nastavení textu modulu centrální orientaci textu.

aktivovat centrální orientaci.jpg

Výchozí nastavení textu odkazu

A podle toho také upravíme parametry textu odkazu:

  • Link Písmo: Kabina
  • Hmotnost písma vazby: tučné
  • Barva textu odkazu: rgba (162,176,193,0.7)
  • Velikost textu odkazu: 17px
  • Výška linky spojení: 1.6em

design menu odkaz divi.jpg

Umístěte ukazatel myši na nastavení textu

Změna barvy textu myši.

  • Barva textu odkazu: # a2b0c1

změnit barvu odkazu divi.jpg

vzdálenost

Nakonec také přidejte záporný horní okraj do textového modulu.

  • Horní okraj: -20vw

nastavit horní okraj divi.jpg

Přidejte kontextové čtení do obsahu textového modulu

Přepněte do textového editoru

Chcete-li vytvořit vyskakovací okno po kliknutí, budeme muset přidat vlastní odkaz na obsah textového modulu. Vraťte se do oblasti obsahu textového modulu a vyberte režim Textový editor.

upravte textový modul v režimu textového editoru divi.jpg

Přidejte odkaz na veškerý obsah

Propojte své místo s obsahem s vyskakovacím oknem přidáním odkazu na obrázek a kopii. Nezapomeňte nahradit adresu URL odkazu svou vlastní.

<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a>

přidat odkaz na obrázek s videem divi.jpg

Demontujte modul Blurb z tlačítka přehrávání

Nyní, když jsme vytvořili textový mod, který vypadá přesně stejně jako Blurb mod, můžeme odstranit Blurb mod, který existoval dříve a to je vše! Tuto metodu můžete použít na jakýkoli typ rozložení, který používáte, ale je to opravdu velká přidaná hodnota pro vstupní stránku verze softwaru.

odstranit nepoužitý modul blurb divi.jpg

Závěrečné myšlenky

Jak můžete vidět, přidání vyskakovacího okna na Divi pomocí pluginu Video Popup je docela jednoduché. To vám umožní prezentovat videa na váš blog aniž byste jej museli automaticky integrovat do obsahu.