Jak korzystać z modułu przewijania wideo Divi

Zanim będziesz mógł dodać moduł wideo do swojej strony, musisz najpierw użyć Divi Builder. Kiedyś Motyw Divi zainstalowany na twoim Witryna internetowa, zauważysz przycisk Użyj wizualnego budowniczego nad wydawcą za każdym razem, gdy tworzysz nową stronę.

Kliknij ten przycisk, aby aktywować Divi Builder i uzyskać dostęp do wszystkich modułów Divi Builder. Następnie kliknij przycisk Użyj wizualnego budowniczego aby uruchomić generator w trybie wizualnym. Możesz także kliknąć przycisk Włącz narzędzie Visual Builder kiedy przeglądasz swoje Witryna internetowa na pierwszym planie, jeśli jesteś zalogowany do pulpitu WordPress.

Po wejściu do programu Visual Builder możesz kliknąć szary przycisk plus, aby dodać nowy moduł do swojej strony. Nowe moduły można dodawać tylko w wierszach. Jeśli zaczynasz nową stronę, pamiętaj, aby najpierw dodać wiersz do swojej strony.

Znajdź moduł suwaka wideo na liście modułów i kliknij go, aby dodać go do swojej strony. Listę modów można przeszukiwać, co oznacza, że możesz także wpisać „suwak wideo”, a następnie nacisnąć klawisz Enter, aby automatycznie znaleźć i dodać mod wideo! Po dodaniu modułu zostaniesz powitany przez listę opcji modułu. Te opcje są podzielone na trzy główne grupy: Treść , Koncepcja et zaawansowany.

Wypełnij kursor wideo treścią

Zanim dostosujesz zbyt wiele ustawień, prawdopodobnie najlepiej jest wypełnić suwak wideo slajdami wideo. W ten sposób, wprowadzając zmiany, będziesz mógł zobaczyć, jak wpływają one na efekt końcowy. Aby dodać nowy slajd wideo, musisz kliknąć łącze + Dodaj nowy element .

Tutaj możesz pobrać plik .mp4 lub Webm. Możesz także wstawić adres URL filmu na YouTube. Po przesłaniu pliku lub dodaniu linku do YouTube wystarczy kliknąć zielony przycisk w prawym dolnym rogu, aby powrócić do zakładki głównej zawartości modułu suwaka wideo. Powtórz ten proces dla każdego filmu, który chcesz dodać.

Ustawienia zawartości modułu suwaka wideo

Po dodaniu treści jest jeszcze kilka obszarów do zbadania. Trzy menu rozwijane na karcie zawartości, w których zgrupowano ustawienia mające wpływ na cały moduł.

Elementy

Pod pozycjami możesz dostosować ustawienia strzałki i suwaka modułu suwaka wideo.

okładka

Tutaj możesz wybrać, aby pokazać lub ukryć nakładki wideo na głównym wideo. Można to zrobić, dodając nakładkę do każdego slajdu wideo lub automatycznie generowaną przez Divi.

Etykieta administratora

Na tej liście rozwijanej możesz dodać tag administratora, który pojawi się w kreatorze zaplecza, a także w widoku szkieletu kreatora wizualnego.

Parametry projektu modułu suwaka wideo

W tej zakładce jest tylko jedna grupa parametrów o nazwie Kontrola kolorów . Tutaj możesz zmienić kolor elementów sterujących suwaka z jasnego na ciemny, zmienić kolor ikony odtwarzania i dostosować kolor nakładki miniatur.

Ustawienia zaawansowane modułu suwaka wideo

Na karcie Zaawansowane w module suwaka wideo możesz dodać unikalny identyfikator i klasę css. Możesz także dodać niestandardowy css do różnych predefiniowanych (i wstępnie wybranych) selektorów css w niestandardowym rozwijanym module suwaka wideo css. Wreszcie, na liście rozwijanej widoczności możesz dostosować widoczność swojego modułu na telefonach, tabletach i komputerach stacjonarnych.

Indywidualne ustawienia treści wideo

Jeśli chcesz utworzyć określone ustawienia dla poszczególnych slajdów, musisz je skonfigurować w samych slajdach wideo. Po prostu kliknij ikonę koła zębatego na tym slajdzie, aby otworzyć jego unikalne ustawienia.

Vidéo

Jak pokazano powyżej, w tym miejscu możesz dodać treść wideo.

okładka

Z listy rozwijanej nakładki możesz przesłać obraz, aby nałożyć slajd wideo lub wybrać opcję automatycznego generowania.

Indywidualne ustawienia projektu wideo

Na karcie Projektowanie slajdu wideo możesz zmienić kolor strzałki slajdu z jasnego na ciemny.

To wszystko w tym samouczku, mam nadzieję, że pozwoli ci on korzystać z modułu przewijania wideo w 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”]POBIERZ MOTYW DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”centrum” font_family = „Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]POBIERZ SZABLONY DIVI[/vcex_button][/vc_column][/vc_row]

Jak korzystać z modułu przewijania wideo Divi

Wypełnij kursor wideo treścią