Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62.

Înainte de a putea adăuga un modul video la pagina dvs., trebuie mai întâi să utilizați Divi Constructor. Odata ce Divi tema instalat pe dvs site-ul web, veți observa un buton Utilizați constructorul vizual deasupra editorului de fiecare dată când creați o pagină nouă.

Faceți clic pe acest buton pentru a activa Divi Creați și accesați toate modulele Divi Builder. Apoi faceți clic pe butonul Utilizați constructorul vizual pentru a porni generatorul în modul vizual. De asemenea, puteți face clic pe buton Activați Visual Builder când răsfoiți dvs site-ul web în prim-plan dacă sunteți conectat la tabloul de bord WordPress.

accesați builder.jpeg vizual

După ce ați intrat în Visual Builder, puteți face clic pe butonul plus gri pentru a adăuga un nou modul la pagina dvs. Modulele noi pot fi adăugate numai în rânduri. Dacă începeți o pagină nouă, nu uitați să adăugați mai întâi un rând la pagina dvs.

adăugați modulul video.jpeg

Localizați modulul glisor video în lista de module și faceți clic pe el pentru a-l adăuga la pagina dvs. Lista modurilor poate fi căutată, ceea ce înseamnă că puteți, de asemenea, să tastați „Slider video” și apoi să apăsați Enter pentru a găsi și adăuga automat modul video! Odată adăugat modulul, veți fi întâmpinat de lista de opțiuni a modulului. Aceste opțiuni sunt separate în trei grupuri principale: Conținut , Concepție et avansat.

adăugați modulul video.jpeg

Umpleți cursorul video cu conținut

cum să umpleți conținutul video Divi modul video.jpg

Înainte de a regla prea multe setări, este cel mai bine să mergeți mai departe și să completați glisorul video cu diapozitive video. În acest fel, atunci când faceți modificări, veți putea vedea cum afectează rezultatul final. Pentru a adăuga un nou slide video, trebuie să faceți clic pe link + Adaugă un articol nou .

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați Ușor și Gratuit orice site web sau design de blog cu aspect profesional. Nu mai plătiți mult pentru un site web pe care îl puteți face singur.

adăugați un nou element video.jpeg

Aici puteți descărca un fișier .mp4 sau Webm. De asemenea, puteți introduce o adresă URL a videoclipului pe YouTube. După ce ați încărcat fișierul sau ați adăugat linkul YouTube, trebuie doar să faceți clic pe butonul verde din colțul din dreapta jos și veți reveni la fila principală de conținut a modulului glisor video. Repetați acest proces pentru fiecare videoclip pe care doriți să îl adăugați.

Setări conținut modul modul slider video

Acum că conținutul dvs. a fost adăugat, mai sunt câteva zone de explorat. Cele trei meniuri derulante din fila conținut în care au fost grupate setările care vor afecta întregul modul.

Element

Sub elemente, puteți ajusta setarea săgeții și glisorului modulului glisorului video.

capac

Aici puteți alege să afișați sau să ascundeți suprapunerile video de pe videoclipul principal. Acest lucru se poate face prin adăugarea unei suprapuneri la fiecare diapozitiv video sau generat automat de Divi.

Admin Label

În această listă derulantă, puteți adăuga o etichetă de administrator care va apărea în generatorul de back-end, precum și vizualizarea schelet a constructorului vizual.

Parametrii modulului de glisare video

video opțiune design.jpeg

În această filă există un singur grup de parametri numit Controlul culorilor . Aici puteți schimba culoarea comenzilor glisante din lumină în întuneric, puteți schimba culoarea pictogramei de redare și puteți regla culoarea suprapunerii miniaturilor.

Descoperiți cele mai bune instrumente pentru site-ul dvs

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

Setări avansate ale modulului glisor video

Advanced parametru module.jpeg

În fila Avansat a modulului glisor video, puteți adăuga un ID unic și o clasă CSS. Puteți adăuga, de asemenea, css personalizate la diferiți selectori css predefiniți (și preselectați) în modulul glisor video drop-down personalizat css. În cele din urmă, în lista verticală de vizibilitate, puteți regla vizibilitatea modulului dvs. pe telefoane, tablete și desktopuri.

Setări individuale de conținut video

configurați videos.jpeg

Dacă doriți să creați setări specifice pentru diapozitive individuale, acestea trebuie configurate chiar în diapozitive video. Doar faceți clic pe pictograma roată din diapozitivul respectiv pentru a deschide setările sale unice.

configurare video individuală.jpeg

Video

După cum s-a demonstrat mai sus, aici puteți adăuga conținutul video.

capac

Din lista derulantă suprapunere, puteți încărca o imagine pentru a suprapune diapozitivul video sau puteți alege să o generați automat.

Setări de proiectare video individuale

configurați videoclipuri

Peste 11 milioane de instrumente de descărcat

Envato Elements oferă cele mai bune resurse pentru a crea și dezvolta toate aspectele site-ului dvs. Veți găsi milioane de șabloane WordPress, grafice, resurse audio și multe altele. Perfect pentru incepatori.

În fila Proiectare a diapozitivului video, puteți schimba culoarea săgeții diapozitivului din lumină în întuneric.

configurare video individuală

Asta este tot pentru acest tutorial, sper că vă va permite să utilizați modulul de defilare video pe Divi.

[vc_row center_row = "da"] [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"] DESCARCĂ TEMA DIVI [/ vcex_button] [/ width»_column_column] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right" =" TEMP D FA-DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Alte tutoriale Divi

%d bloggerilor le place această pagină: