Shtimi i videove në faqen tuaj në Divi është i thjeshtë kur përdorni modulin Video. Ky modul ju lejon të vendosni video nga çdo burim, por gjithashtu të personalizoni imazhin e miniaturës dhe butonin e luajtjes.
Si të shtoni një modul video në faqen tuaj
Përpara se të shtoni një modul video në faqen tuaj, së pari duhet të hidheni në Divi Builder. Pasi të Tema divi instaluar në faqen tuaj të internetit, do të vini re një buton Përdorni Divi Builder sipër redaktuesit të postimeve sa herë që krijoni një faqe të re. Klikoni në këtë buton për të aktivizuar Divi Builder dhe për të hyrë në të gjitha modulet Divi Builder. Pastaj klikoni në butonin Përdorni Visual Builder për të filluar gjeneratorin në modalitetin vizual. Ju gjithashtu mund të klikoni butonin Përdorni Visual Builder kur shfletoni uebfaqen tuaj në plan të parë nëse jeni të lidhur me pultin e WordPress tuaj.
Pasi të keni hyrë në Visual Builder, mund të klikoni në butonin gri plus për të shtuar një modul të ri në faqen tuaj. Modulet e reja mund të shtohen vetëm brenda rreshtave. Nëse po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.
Gjeni modin e videos në listën e modeve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e modeve është e kërkueshme, që do të thotë që ju gjithashtu mund të shtypni fjalën "video" dhe pastaj klikoni enter për të gjetur dhe shtuar automatikisht mod video! Pasi të shtohet moduli, ju do të përshëndeteni nga lista e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .
Përdorni shembullin e rastit: Shtimi i një videoje në faqen tuaj të uljes
Shtimi i një video në faqen tuaj të uljes është një mënyrë e shkëlqyer për të promovojë produktet tuaja dhe rritni konvertimet. Në këtë shembull, unë do t'ju tregoj se si mund të përdorni modulin e videos për të shtuar një video në faqen tuaj të uljes. Vendosa një rreth të kuq ku duhet të shkojë video.
Duke përdorur Visual Builder, shtoj një seksion të ri me një rresht me gjerësi të plotë (1 kolonë). Në cilësimet e rreshtit, nën skedën Design, unë zgjedh opsionin "Përdor gjerësinë e personalizuar". Për opsionin Gjerësia e personalizuar që shfaqet, unë fut një gjerësi të personalizuar prej 767 px. Kjo siguron që moduli i videos që po shtoj në këtë rresht nuk e kalon këtë gjerësi dhe bëhet shumë i madh në madhësi më të mëdha të ekranit.
Pastaj shtoj modulin e videos në rresht. Nën skedën Përmbajtja të cilësimit të Modulit të videos, unë fut URL-në e videos së videos që dua të vendos në faqen time të uljes. Po përdor URL-në e një videoje në YouTube për këtë shembull.
Pastaj shtoj një url të mbivendosjes së imazhit për videon time duke klikuar në butonin "Gjenero videon". Kjo tërheq automatikisht një kornizë nga videoja për të shërbyer si një mbivendosje me një ikonë të re të videos së personalizuar.
Nën skedën Design, unë ndryshoj ngjyrën e ikonës së luajtjes që të përputhet me faqen time të uljes.
Tani kam një video për faqen time të uljes që duket e pastër dhe përputhet me modelin tim.
Tani që keni parë mod video në veprim, zhytuni në të gjitha cilësimet e tij në seksionet më poshtë. Ne kemi dhënë një vështrim të hollësishëm të asaj që do të gjeni në secilën skedë të cilësimeve të modulit dhe një shpjegim të asaj që bën secili.
Opsionet e përmbajtjes
URL e videos
Moduli Divi Video ju lejon të shtoni video duke përdorur dy metoda të ndryshme. Ju mund të shkarkoni skedarin tuaj të videos nga kompjuteri juaj duke klikuar në butonin "Shkarkoni Video" dhe duke zgjedhur skedarin e dëshiruar, ose mund të futni ndonjë url video nga burimi i videos së palës së tretë siç është Youtube ose Vimeo. Thjesht kopjoni dhe ngjisni URL nga shfletuesi juaj dhe ngjisni atë në fushën URL Video dhe Divi do të kujdeset për pjesën tjetër!
URL e mbivendosjes së imazhit
Nëse dëshironi të vendosni një imazh të personalizuar të miniaturës së videos, i cili do të vendoset në ndërfaqen standarde të videos me një buton të personalizuar të luajtjes për të krijuar një pamje më të mprehtë dhe më të stilizuar, mund të zgjidhni ta bëni duke përdorur fushën Image Overlay. Ky kontroll ju lejon ose të ngarkoni imazhin tuaj të personalizuar, ose ta lini automatikisht Divi të gjenerojë një nga URL-ja e videos tuaj. Shumica e ofruesve të videove e mbështesin këtë mundësi, si Youtube dhe Vimeo. Thjesht klikoni në butonin "Gjeneroni video" dhe lëreni Divi të kujdeset për pjesën tjetër!
Etiketa Admin
Si parazgjedhje, moduli juaj i videos do të shfaqet me një etiketë 'Video' në gjenerator. Etiketa Admin ju lejon të ndryshoni këtë etiketë për identifikim të lehtë.
Opsionet e dizajnit
ndryshoni ngjyrën e ikonës
Nëse keni caktuar një mbivendosje të imazhit për podin tuaj të videos, videoja e shfaqur përmban një ikonë të luajtjes mbi video. Ju mund të caktoni ngjyrën e kësaj ikone këtu për t'u përputhur me ngjyrat në faqen tuaj.
Mundësi shtesë
Identifikues dhe klasa CSS
Kjo mund të përdoret për të shtuar një CSS ID ose një klasë në modulin tuaj. Këto më pas mund të përdoren në fletën tuaj të stilit ose në kutinë e Opsioneve të Temës Custom CSS për të aplikuar një stil të personalizuar në modul. ID-të e CSS mund të synohen gjithashtu me lidhje ankorimi për t'u lidhur me zona të caktuara të faqes tuaj.
Custom CSS
Këtu mund të shtoni CSS me porosi në modulin tuaj video.
dukshmëri
Nëse doni të fshehni modulin tuaj të videos në disa pajisje, mund të zgjidhni pajisjet në të cilat dëshironi të çaktivizoni modulin e videos.
[vc_row center_row=”po”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”i sheshtë” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SHKARKO TEMËN DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NADLOGO”]DOW templates DIVI[/vcex_button][/vc_column][/vc_row]
Tutoriale të tjera Divi
- faqet e internetit të 5 për përdorim restorant Divi temë
- Si të shtoni tekst në një produkt Divi WooCommerce
- Si të ndryshoni ngjyrën e menysë në mes të faqeve Divi
- Si të personalizoni rrjetet e një blogu me Divi
- Si të përdorni redaktorin e roleve Divi në WordPress
- Si të krijoni një rrëshqitës Divi në ekran të plotë
- Si ta ndryshoni ngjyrën e menusë në mes të faqeve Divi
- Karakteristikat që ju ndoshta nuk i dini për Divi
- Si të përdorni Divi Builder në WordPress
- Si të përdorni modulin scrolling video Divi
- Si të përdorni modulin Dili Builder Flip
- Si të shtoni një modul dëshmimi në Divi Builder
- Si të përdoret moduli i tekstit Divi
- Si të krijoni një shirit në Divi
- Si të redaktoni një rol të përdoruesit të Divi
- Si të përdorni modulin Divi Social Media
- Si të përdorni modulin e dyqaneve në temën WordPress Divi
- Si të përdorni modulin e sidebarit Divi
- Si të përdorni Modulin e Tabelës së Çmimeve të Divi-t
- Si të përdoret moduli i titullit të botimeve Divi
- Si të shtoni një modul video të Divi
- Si të përdorni modulin e lundrimit të artikullit
- Si të përdorni modulin e kërkimit Divi
- Si të përdorni modulin e portofolit Divi
- Si të përdorni modulin e personit në Divi Builder
- Si të përdorni modulin e portofolit me filtrin Divi
- Si të përdorni modulin e plotë slider width
- Si të përdorni modulin e imazhit të ndërtuesit Divi
- Si të përdorni modulin e navigimit të plotë të Divi Builder
- Si të përdorni modulin e galerisë së imazheve
- Si të përdorni modulin e kartës me gjerësi të plotë Divi Builder
- Si të përdorni modulin e Portofolit të Divi Full Width
- Si të përdorni modulin e headerit me gjerësi të plotë Divi
- Si të përdorni Modulin e Divi Counter
- Si të përdorni rrëshqitësin e artikujve në Divi Builder
- Si të përdorni modulin Optika të Divi Email
