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.

jděte na vizuální builder.jpeg

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.

přidejte modul video.jpeg

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ý.

přidejte modul video.jpeg

Naplňte video kurzor obsahem

jak vyplnit videoobsah Divi modul video.jpg

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 .

přidat nový prvek video.jpeg

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

video možnost design.jpeg

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

pokročilý parametr module.jpeg

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

nakonfigurujte videa.jpeg

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í.

individuální video configuration.jpeg

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

nastavit videa

Na kartě Návrh na videu můžete změnit barvu šipky na snímku ze světlé na tmavou.

individuální konfigurace videa

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