Przejdź do głównej treści

Samouczek Divi: Jak dodać moduł wideo do Divi

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecana]

Dodawanie wideo do swojej strony w Divi jest łatwe, gdy używasz modułu Wideo. Ten moduł umożliwia integrację filmów z dowolnego źródła, ale także dostosowanie miniatury i przycisku odtwarzania.

Jak dodać moduł wideo do swojej strony

Zanim dodasz moduł wideo do swojej strony, musisz najpierw przejść do Divi Builder. Po zainstalowaniu motywu Divi w witrynie zauważysz przycisk Użyj Divi Builder 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 Visual Builder aby uruchomić generator w trybie wizualnym. Możesz również kliknąć przycisk Użyj Visual Builder kiedy przeglądasz swoją witrynę na pierwszym planie, jeśli jesteś podłączony do pulpitu WordPress.

divi budowniczy

Po wprowadzeniu programu Visual Builder można kliknąć szary przycisk plus, aby dodać nowy moduł do strony. Nowe moduły można dodawać tylko w rzędach. Jeśli zaczynasz nową stronę, nie zapomnij najpierw dodać linii do swojej strony.

moduł wideo divi.png

Zlokalizuj moduł wideo na liście modułów i kliknij go, aby dodać go do swojej strony. Lista modułów jest dostępna do przeszukiwania, co oznacza, że ​​możesz również wpisać słowo "wideo", a następnie kliknąć enter, aby wyszukać i automatycznie dodać moduł wideo! Po dodaniu modułu zostaniesz przywitany przez listę opcji modułu. Te opcje są podzielone na trzy główne grupy: Treść , Koncepcja et zaawansowany .

Przykład użycia: Dodawanie filmu do strony docelowej

Dodanie filmu do strony docelowej to świetny sposób na promowanie produktów i zwiększenie liczby konwersji. W tym przykładzie pokażę, jak możesz użyć modułu wideo do dodania filmu do strony docelowej. Umieszczam czerwone kółko, w którym powinien iść film.

tworzenie filmu na divi exemple.jpg

Korzystając z programu Visual Builder, dodaję nową sekcję z linią o pełnej szerokości (kolumna 1). W ustawieniach linii na karcie Projekt wybieram opcję "Użyj niestandardowej szerokości". W wyświetlonej opcji niestandardowej szerokości wprowadzam niestandardową szerokość 767px. Oznacza to, że moduł wideo, który mam zamiar dodać w tym wierszu, nie przekracza tej szerokości i staje się zbyt duży na większych ekranach.

Łatwo stwórz swoją stronę internetową z Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestańcie słono płacić za to, co możecie zrobić sami. [Bezpłatny]

użyj niestandardowej szerokości divi.png

Następnie dodaję moduł wideo do wiersza. Na karcie Zawartość ustawienia modułu wideo wprowadzam adres URL filmu wideo, który chcę umieścić na stronie docelowej. W tym przykładzie korzystam z adresu URL filmu w YouTube.

dodaj wideo na divi.png

Następnie dodaję nakładkę obrazu do mojego filmu wideo, klikając przycisk "Generuj wideo". Spowoduje to automatyczne przeciągnięcie obrazu wideo w celu nałożenia go za pomocą nowej niestandardowej ikony wideo.

dodaj nakładkę divi video.jpg

Na karcie Projekt zmieniam kolor ikony odtwarzania, aby pasowała do mojej strony docelowej.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress z Envato i łatwo stwórz swoją stronę internetową. Już ponad 49.720.000 XNUMX XNUMX pobrań. [EXCLUSIVE]

edytuj ikonę odtwarzacza divi video.jpg

Teraz mam film na stronie docelowej, który wygląda na czysty i pasuje do mojego projektu.

ostateczny projekt z zawartością video.jpg

Po obejrzeniu modułu wideo w akcji zapoznaj się z wszystkimi jego ustawieniami w poniższych sekcjach. Dostarczyliśmy szczegółowy przegląd tego, co znajdziesz na każdej karcie parametrów modułu i wyjaśnienie, co każdy z nich robi.

Opcje zawartości

moduł parametrów divi.png

Adres URL filmu

Moduł Divi Video umożliwia dodawanie wideo przy użyciu dwóch różnych metod. Możesz pobrać swój własny plik wideo z komputera, klikając przycisk "Pobierz wideo" i wybierając żądany plik, lub możesz wprowadzić dowolny adres URL wideo ze źródła wideo innej firmy, takiego jak YouTube lub Vimeo. Po prostu skopiuj i wklej adres URL przeglądarki i wklej go w polu adresu URL filmu, a Divi zajmie się resztą!

URL nakładki obrazu

Jeśli chcesz ustawić miniaturę niestandardowego wideo, które zostanie umieszczone w standardowym interfejsie wideo za pomocą niestandardowego przycisku odtwarzania, aby utworzyć bardziej przejrzysty, bardziej stylizowany wygląd, możesz to zrobić za pomocą pola Nakładka obrazu. To pole umożliwia przesłanie własnego niestandardowego obrazu lub automatyczne zezwolenie Divi na wygenerowanie go z adresu URL filmu. Większość dostawców wideo obsługuje tę opcję, na przykład Youtube i Vimeo. Po prostu kliknij przycisk "Generuj wideo" i pozwól Divi zająć się resztą!

Etykieta administratora

Domyślnie Twój moduł wideo zostanie wyświetlony z tagiem "Wideo" w programie budującym. Karta Administracja umożliwia zmianę tego tagu w celu łatwej identyfikacji.

Opcje projektowania

zmienić kolor ikony

projekt sekcji divi.png design

Jeśli wybierzesz nakładkę obrazu dla swojego modułu wideo, wyświetlany film wideo zawiera ikonę odtwarzania na filmie wideo. Możesz tutaj ustawić kolor tej ikony, aby dopasować kolory twojej strony.

Łatwo stwórz swój sklep internetowy

Pobierz bezpłatne WooCommerce, najlepsze wtyczki e-commerce do sprzedaży fizycznych i cyfrowych produktów na WordPress. [Zalecana]

Zaawansowane opcje

moduł wideo advanced section.png

Identyfikator i klasy CSS

Można go użyć do dodania do swojego modułu identyfikatora lub klasy CSS. Można je następnie wykorzystać w arkuszu stylów lub w polu Opcje niestandardowego CSS, aby zastosować niestandardowy styl do modułu. Identyfikatory CSS mogą być również kierowane za pomocą linków zakotwiczających, aby łączyć się z pewnymi obszarami strony.

Niestandardowy CSS

Tutaj możesz dodać niestandardowy CSS do swojego modułu wideo.

widoczność

Jeśli chcesz ukryć swój moduł wideo na niektórych urządzeniach, możesz wybrać urządzenia, na których chcesz wyłączyć moduł wideo.

Inne samouczki Divi

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Pola obowiązkowe są oznaczone symbolem *

Ta strona używa Akismet do redukcji spamu. Dowiedz się więcej o tym, jak wykorzystywane są Twoje opinie.

Powrót do góry
16 akcji
udział8
ćwierkanie3
Enregistrer5