Jednou z exkluzívnych vstupných stránok, ktoré mnohí poskytujú svojim predplatiteľom počas obdobia kybernetického pondelka, je úžasná vstupná stránka vydaní softvéru. Toto rozloženie obsahuje skvelé ilustrácie a jedinečné použitie rozdeľovačov sekcií, ktoré čitateľov očaria. Návštevníci.

cyber monday.jpg

Ako získať vstupnú stránku exkluzívneho softvéru pre Cyber ​​Monday

Predtým, ako sa pustíte do tohto využívania, mali by ste sa oboznámiť s exkluzívnou vstupnou stránkou Cyber ​​Monday, ktorú môžete získať, keď sa stanete novým členom Elegant Themes, upgradujete svoj existujúci účet alebo už ste doživotným členom. s nami. Ak ste už doživotným členom, môžete sa prihlásiť do našej členskej oblasti a stiahnuť si všetky naše exkluzívne stránky tu. Všetci ostatní používatelia budú musieť pomocou nižšie uvedeného tlačidla kúpiť alebo inovovať, aby mohli dokončiť zvyšok nášho tutoriálu.

Už ste členom života? Balík si môžete stiahnuť hneď, nemusíte sa podieľať na dohode Cyber ​​Monday!

Ako vytvoriť kontextové demo video na Divi

Po stiahnutí vstupnej stránky novej verzie softvéru z našej oblasti členov môžete pokračovať v čítaní nasledujúceho.

V prípade použitia tohto tutoriálu vám ukážeme, ako vytvoriť video demo kliknutím na tlačidlo. Video, ktoré sa zobrazí po kliknutí, bude vyzerať skvele na pracovnej ploche a malých obrazovkách. Je to skvelý prístup, ak nechcete vložiť video priamo na svoju stránku, ale uprednostňujete interakciu Návštevníci.

prehľad

Predtým, ako sa ponoríme do tutoriálu, pozrime sa na konečný výsledok v rôznych veľkostiach obrazovky.

kancelária

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

Mobilné

vyvolať mobilné video popup

Začnime!

Použite bezplatný doplnok Plugin videa

Nainštalujte a aktivujte doplnok

Prvá vec, ktorú musíte urobiť, je stiahnuť si zapojiť zadarmo Video PopUp . Tento doplnok nájdete v priečinku webové stránky WordPress > Zásuvné moduly > Pridať nový > Hľadať „Video PopUp“. Keď nájdete tento doplnok, nainštalujte si ho. Po dokončení nezabudnite doplnok aktivovať.

video popup.jpg

Nastavenia doplnkov

Pokračujte tak, že prejdete na všeobecné nastavenia tohto doplnku a aktivujete dve možnosti hore.

konfigurácia videa popup.jpg

Pridajte novú stránku pomocou vstupnej stránky verzie softvéru

Pridajte novú stránku a aktivujte funkciu Visual Builder

Je čas začať uvádzať veci do praxe! Pridajte novú stránku, zadajte jej názov a okamžite aktivujte program Visual Builder.

vytvoriť novú stránku divi.jpg

Stiahnite si rozloženie verzie softvéru z uložených rozložení

Prejdite do časti „Vaše uložené rozloženia“ a stiahnite si vstupnú stránku, ktorú ste nahrali.

nahrané rozloženie divi.jpg

Pridajte textový modul pod modul Blurb na tlačidlo prehrávania

Ako vidíte, stránka už má tlačidlo prehrávania, ktoré nám pomôže dosiahnuť požadovaný výsledok. Aby to ale fungovalo, musíme znovu vytvoriť dizajn v module Blurb pomocou textového modulu. Pridajte nový textový modul priamo pod modul Blurb.

pridajte text nad modulom blurb.jpg

Pridajte obrázok do oblasti obsahu

Po pridaní textového modulu pokračujte a pridajte obrázok tlačidla prehrávania do oblasti obsahu textového modulu kliknutím na tlačidlo „ Pridajte médium A výberom tlačidla Prehrať v knižnici médií.

Pridajte médium na prehliadanie divi.jpg

vyberte obrázok divi.jpg

Pridajte kópiu do oblasti obsahu

Pokračujte pridaním kópie priamo pod obrázok.

duplicitný modul blurb.jpg

Nastavenia textu

Aby sa modul zhodoval s rozložením, povolíme v nastaveniach textu modulu centrálnu orientáciu textu.

aktivovať centrálnu orientáciu.jpg

Predvolené nastavenia textu odkazu

A zodpovedajúcim spôsobom upravíme aj parametre textu odkazu:

  • Písmo odkazu: Kabína
  • Hmotnosť písma odkazu: tučné
  • Odkaz Farba textu: rgba (162,176,193,0.7)
  • Veľkosť textu odkazu: 17px
  • Výška linky linky: 1.6em

návrh menu link divi.jpg

Umiestnite kurzor myši na nastavenia textu

Zmena farby textu myši.

  • Farba textu odkazu: # a2b0c1

zmeniť farbu odkazu divi.jpg

vzdialenosť

Nakoniec tiež pridajte záporný horný okraj do textového modulu.

  • Najlepšie zarovnanie: -20vw

nastaviť horný okraj divi.jpg

Pridajte kontextové čítanie do obsahu textového modulu

Prejdite do textového editora

Ak chcete vytvoriť vyskakovacie okno po kliknutí, budeme musieť pridať vlastný odkaz na obsah textového modulu. Vráťte sa do oblasti obsahu textového modulu a vyberte režim Textový editor.

upraviť textový modul v režime textového editora divi.jpg

Pridajte odkaz na celý obsah

Prepojte svoje miesto s obsahom s vyskakovacím oknom pridaním odkazu na obrázok a kópiu. Nezabudnite nahradiť adresu URL odkazu svojím vlastným.

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

pridať odkaz obrázok s videom divi.jpg

Odpojte modul Blurb od tlačidla prehrávania

Teraz, keď sme vytvorili textový režim, ktorý vyzerá úplne rovnako ako režim Blurb, môžeme odstrániť režim Blurb, ktorý existoval predtým, a je to! Túto metódu môžete použiť na akýkoľvek typ rozloženia, ktorý použijete, ale pre vstupnú stránku verzie softvéru je to skutočne veľká pridaná hodnota.

odstrániť nepoužitý modul blurb divi.jpg

záverečné myšlienky

Ako vidíte, pridanie kontextového okna na Divi pomocou doplnku Video Popup je celkom jednoduché. To vám umožní prezentovať videá na váš blog bez toho, aby ste ho museli automaticky integrovať do obsahu.