Ako používať modul posúvania videa Divi

Skôr ako budete môcť na svoju stránku pridať modul videa, musíte najprv použiť Divi Builder. Raz Divi téma nainštalovaný na vašom webové stránky, všimnete si tlačidlo Použite vizuálneho staviteľa nad vydavateľom pri každom vytvorení novej stránky.

Kliknutím na toto tlačidlo aktivujete program Divi Builder a získate prístup ku všetkým modulom Divi Builder. Potom kliknite na tlačidlo Použite vizuálneho staviteľa na spustenie generátora vo vizuálnom režime. Môžete tiež kliknúť na tlačidlo Povoliť Visual Builder keď si prezeráte svoje webové stránky v popredí, ak ste prihlásení do svojho hlavného panela WordPress.

Po zadaní nástroja Visual Builder môžete kliknutím na sivé tlačidlo plus pridať na svoju stránku nový modul. Nové moduly je možné pridávať iba do riadkov. Ak začínate novú stránku, nezabudnite najskôr na svoju stránku pridať riadok.

V zozname modulov vyhľadajte modul na posúvanie videa a kliknutím naň ho pridajte na svoju stránku. V zozname režimov je možné prehľadávať, čo znamená, že môžete tiež napísať „Video slider“ a potom stlačiť kláves Enter, aby ste automaticky našli a pridali režim videa! Po pridaní modulu vás privíta zoznam možností modulu. Tieto možnosti sú rozdelené do troch hlavných skupín: Obsah , Koncepcia et pokročilý.

Naplňte video kurzor obsahom

Predtým, ako upravíte príliš veľa nastavení, je pravdepodobne najlepšie pokračovať a vyplniť posúvač videa snímkami videa. Týmto spôsobom, keď urobíte zmeny, uvidíte, ako ovplyvňujú konečný výsledok. Ak chcete pridať novú snímku videa, musíte kliknúť na odkaz + Pridať novú položku .

Tu si môžete stiahnuť súbor .mp4 alebo Webm. Na YouTube môžete tiež vložiť adresu URL videa. Po nahraní súboru alebo pridaní odkazu na YouTube stačí kliknúť na zelené tlačidlo v pravom dolnom rohu a vrátite sa na hlavnú kartu obsahu modulu posúvača videa. Tento postup opakujte pre každé video, ktoré chcete pridať.

Nastavenia obsahu modulu video posúvača

Teraz, keď bol pridaný váš obsah, je treba preskúmať ešte niekoľko ďalších oblastí. Tri rozbaľovacie ponuky na karte obsahu, kde boli zoskupené nastavenia, ktoré ovplyvnia celý modul.

Položky

Pod položkami môžete upraviť nastavenie šípky a posúvača modulu posúvača videa.

veko

Tu si môžete zvoliť, či chcete alebo nechcete prekryť prekrytia videa na hlavnom videu. To je možné dosiahnuť pridaním prekrytia ku každému videozáznamu alebo automaticky vygenerovaným súborom Divi.

Správcovská značka

V tejto rozbaľovacej ponuke môžete pridať značku správcu, ktorá sa zobrazí v nástroji na vytváranie back-endu, a tiež kostru vizuálneho nástroja na tvorbu.

Parametre návrhu video posúvača

Na tejto karte je volaná iba jedna skupina parametrov Ovládanie farieb . Tu môžete zmeniť farbu posuvných ovládacích prvkov zo svetlej na tmavú, zmeniť farbu ikony prehrávania a upraviť farbu prekrytia miniatúr.

Rozšírené nastavenia modulu Video Slider

Na karte Pokročilé vo svojom module na posúvanie videa môžete pridať jedinečné ID a triedu css. Môžete tiež pridať vlastný css do rôznych preddefinovaných (a vopred vybraných) selektorov css vo vlastnom rozbaľovacom module videa css. Nakoniec v rozbaľovacom zozname viditeľnosti môžete upraviť viditeľnosť svojho modulu na telefónoch, tabletoch a stolových počítačoch.

Individuálne nastavenia videoobsahu

Ak chcete vytvoriť konkrétne nastavenia pre jednotlivé snímky, musíte ich nakonfigurovať v samotných snímkach videa. Stačí kliknúť na ikonu ozubeného kolieska na danom snímku a otvoriť jeho jedinečné nastavenia.

Video

Ako je uvedené vyššie, na tomto mieste môžete pridať svoj videoobsah.

veko

Z rozbaľovacieho zoznamu prekrytia môžete nahrať obrázok, ktorý prekryje vašu snímku videa, alebo zvoliť automatické generovanie.

Individuálne nastavenie dizajnu videa

Na karte Dizajn videozábery môžete zmeniť farbu šípky na diapozitíve zo svetlej na tmavú.

To je z tohto tutoriálu všetko, dúfam, že vám umožní používať modul rolovania videa na 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”]STIAHNUŤ TÉMU DIVI [/vcex_button][/vc_column=][vc_column width] /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”]STIAHNUŤ TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Ako používať modul posúvania videa Divi

Naplňte video kurzor obsahom