Než budete moci přidat video modul na svou stránku, musíte nejprve použít Divi Builder. Jednou Divi téma nainstalovaný na vašem Webové stránky, všimnete si tlačítka Použijte vizuální tvůrce nad vydavatelem pokaždé, když vytvoříte novou stránku.
Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte vizuální tvůrce pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Povolit Visual Builder když si prohlížíte své Webové stránky v popředí, pokud jste přihlášeni do svého řídicího panelu WordPress.
Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.
Vyhledejte modul posuvníku videa v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modů je prohledávatelný, což znamená, že můžete také zadat „Video slider“ a poté stisknout Enter pro automatické vyhledání a přidání video modu! Jakmile je modul přidán, budete uvítáni seznamem možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý.
Naplňte video kurzor obsahem
Než upravíte příliš mnoho nastavení, je pravděpodobně nejlepší pokračovat a vyplnit posuvník videa snímky videa. Tímto způsobem, když provedete změny, uvidíte, jak ovlivní konečný výsledek. Chcete-li přidat nový snímek videa, musíte kliknout na odkaz + Přidat novou položku .
Zde si můžete stáhnout soubor .mp4 nebo Webm. Můžete také vložit URL videa na YouTube. Pokud jste nahráli soubor nebo přidali odkaz na YouTube, stačí kliknout na zelené tlačítko v pravém dolním rohu a vrátíte se na hlavní kartu obsahu modulu posuvníku videa. Tento postup opakujte pro každé video, které chcete přidat.
Nastavení obsahu modulu Video Slider
Nyní, když byl přidán váš obsah, je třeba prozkoumat několik dalších oblastí. Tři rozevírací nabídky na kartě obsahu, kde byla seskupena nastavení, která ovlivní celý modul.
Prvky
Pod položkami můžete upravit nastavení šipky a posuvníku modulu pro posuv videa.
víko
Zde si můžete vybrat, zda chcete na hlavním videu zobrazit nebo skrýt překryvné vrstvy videa. Toho lze dosáhnout přidáním překrytí ke každému videonahrávce nebo automaticky generovaného Divi.
Správce štítku
V tomto rozevíracím seznamu můžete přidat značku správce, která se zobrazí v back-end builderu, a také pohled na kostru vizuálního builderu.
Parametry návrhu modulu posuvného videa
Na této kartě je volána pouze jedna skupina parametrů Ovládání barev . Zde můžete změnit barvu ovládacích prvků posuvníku ze světlé na tmavou, změnit barvu ikony přehrávání a upravit barvu překrytí miniatur.
Pokročilá nastavení modulu Video Slider
Na kartě Upřesnit v modulu posuvníku videa můžete přidat jedinečné ID a třídu css. Můžete také přidat vlastní css do různých předdefinovaných (a předvolených) selektorů css v modulu vlastního rozevíracího videa css. Nakonec můžete v rozevíracím seznamu viditelnosti upravit viditelnost svého modulu na telefonech, tabletech a počítačích.
Individuální nastavení obsahu videa
Chcete-li vytvořit konkrétní nastavení pro jednotlivé snímky, musíte je nakonfigurovat v samotných videonahrávkách. Jednoduše klikněte na ikonu ozubeného kola na tomto snímku a otevřete jeho jedinečné nastavení.
Video
Jak je ukázáno výše, zde můžete přidat svůj videoobsah.
víko
Z rozevíracího seznamu překrytí můžete nahrát obrázek, který překryje snímek vašeho videa, nebo zvolit automatické generování.
Individuální nastavení designu videa
Na kartě Návrh na videu můžete změnit barvu šipky na snímku ze světlé na tmavou.
To je pro tento tutoriál vše, doufám, že vám umožní používat modul pro rolování videa v Divi.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STÁHNOUT TÉMA DIVI [/vcex_button][/vc_column=][vc_column /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STAŽTE SI TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ostatní výukové programy Divi
- 5 webové stránky pro použití v hotelu Divi téma
- Jak přidat text na produkt Divi WooCommerce
- Jak změnit barvu nabídky mezi stránkami Divi
- Jak přizpůsobit mřížky blogu s Divi
- Jak používat role Divi editor na WordPress
- Jak vytvořit posuvník Divi na celé obrazovce
- Jak změnit barvu nabídek mezi stránkami Divi
- Funkce, které pravděpodobně nevíte o Divi
- Jak používat Divi Builder na WordPress
- Jak používat modul posunu videa Divi
- Jak používat modul Divi Builder Flip
- Jak přidat zkušební modul na Divi Builder
- Jak používat textový modul Divi
- Jak vytvořit posuvník na Divi
- Jak upravit roli uživatele Divi
- Jak používat modul Divi Social Media
- Jak používat modul obchodu na téma WordPress Divi
- Jak používat modul bočního panelu Divi
- Jak používat modul tabulky ceny Divi
- Jak používat titulní modul publikací Divi
- Jak přidat video modul Divi
- Jak používat navigační modul článku
- Jak používat vyhledávací modul Divi
- Jak používat modul peněženky Divi
- Jak používat modul osob na nástroji Divi Builder
- Jak používat modul peněz s filtrem Divi
- Jak používat posuvný modul s plnou šířkou
- Jak používat modul obrazu Divi Builder
- Jak používat navigační modul plné šířky nástroje Divi Builder
- Jak používat modul galerie obrázků
- Jak používat modul karty Divi Builder Full-Width Card
- Jak používat portálový modul Divi s plnou šířkou
- Jak používat modul záhlaví Divi s plnou šířkou
- Jak používat počítací modul Divi
- Jak používat posuvník článků v Divi Builderu
- Jak používat modul Divi Email Optin