Przejdź do głównej treści

Divi Tutorial: Jak dodać moduł wideo do Divi

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

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

Dodawanie filmów do swojej strony w Divi jest proste, gdy używasz modułu wideo. Ten moduł umożliwia osadzanie filmów z dowolnego źródła, ale także dostosowywanie obrazu 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 na swojej stronie internetowej zauważysz przycisk Użyj Divi Builder nad edytorem postów 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 także kliknąć przycisk Użyj Visual Builder podczas przeglądania witryny na pierwszym planie, jeśli jesteś podłączony do pulpitu nawigacyjnego WordPress.

divi budowniczy

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.

moduł wideo divi.png

Znajdź mod wideo na liście modów i kliknij go, aby dodać go do swojej strony. Listę modów można przeszukiwać, co oznacza, że ​​możesz także wpisać słowo „wideo”, a następnie kliknąć Enter, aby automatycznie znaleźć i dodać mod 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 zastosowania: dodanie wideo do strony docelowej

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

tworzenie wideo na divi exemple.jpg

Korzystając z programu Visual Builder, dodaję nową sekcję z wierszem o pełnej szerokości (1 kolumna). W ustawieniach wierszy na karcie Projekt wybieram opcję „Użyj niestandardowej szerokości”. W wyświetlonej opcji Szerokość niestandardowa wprowadzam niestandardową szerokość 767 pikseli. Daje to pewność, że moduł wideo, który zamierzam 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ą dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

użyj niestandardowej szerokości divi.png

Następnie dodaję moduł wideo do wiersza. Na karcie Treść w ustawieniach modułu wideo wpisuję adres URL wideo, które chcę umieścić na mojej stronie docelowej. W tym przykładzie używam adresu URL filmu z YouTube.

dodaj wideo na divi.png

Następnie dodaję adres URL nakładki obrazu dla mojego pliku wideo, klikając przycisk „Generuj wideo”. To automatycznie pobiera klatkę z wideo, aby służyć jako nakładka z nową niestandardową ikoną wideo.

dodaj nakładkę divi video.jpg

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

edytuj ikonę odtwarzacza divi video.jpg

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Teraz mam wideo na moją stronę docelową, które wygląda na przejrzyste i pasuje do mojego projektu.

ostateczny projekt z zawartością video.jpg

Teraz, gdy widziałeś mod wideo w akcji, zanurz się we wszystkich jego ustawieniach w poniższych sekcjach. Przedstawiliśmy szczegółowe informacje na temat tego, co znajdziesz na każdej karcie ustawień modułu, i wyjaśnienie, co robi każdy z nich.

Opcje zawartości

moduł parametrów divi.png

URL filmu

Moduł Divi Video umożliwia dodawanie wideo przy użyciu dwóch różnych metod. Możesz przesłać własny plik wideo ze swojego komputera, klikając przycisk „Pobierz wideo” i wybierając żądany plik lub możesz wprowadzić dowolny adres URL wideo z zewnętrznego źródła wideo, takiego jak Youtube lub Vimeo. Po prostu skopiuj i wklej adres URL z przeglądarki i wklej go w pole adresu URL wideo, a Divi zajmie się resztą!

URL nakładki obrazu

Jeśli chcesz ustawić niestandardowy obraz miniatury wideo, który zostanie umieszczony w standardowym interfejsie wideo z niestandardowym przyciskiem odtwarzania, aby uzyskać ostrzejszy i bardziej stylowy wygląd, możesz to zrobić za pomocą pola Nakładka obrazu. Ta kontrolka umożliwia przesłanie własnego spersonalizowanego obrazu lub automatyczne zezwolenie Divi na wygenerowanie go na podstawie adresu URL Twojego wideo. Większość dostawców wideo obsługuje tę opcję, np. Youtube i Vimeo. Po prostu kliknij przycisk „Generuj wideo” i pozwól Divi zająć się resztą!

Etykieta administratora

Domyślnie Twój moduł wideo pojawi się w generatorze z etykietą „Wideo”. Tag Admin umożliwia zmianę tego tagu w celu łatwej identyfikacji.

Opcje projektowania

zmień kolor ikony

projekt sekcji divi.png design

Jeśli wyznaczysz nakładkę obrazu dla swojego bloku wideo, wyświetlany plik wideo będzie zawierał ikonę odtwarzania. Możesz tutaj określić kolor tej ikony, aby pasował do kolorów na Twojej stronie.

Zaawansowane opcje

moduł wideo sekcja zaawansowana.png

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Identyfikator i klasy CSS

Można to wykorzystać do dodania identyfikatora CSS lub klasy do modułu. Można ich następnie użyć w arkuszu stylów lub w polu Opcje motywu Niestandardowy styl CSS, aby zastosować niestandardowy styl do modułu. Na identyfikatory CSS można również kierować linki zakotwiczenia, które prowadzą do określonych obszarów strony.

Niestandardowy CSS

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

widoczność

Jeśli chcesz ukryć 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. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

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