Pridávanie videí na stránku v Divi je jednoduché, keď použijete modul Video. Tento modul umožňuje vkladať videá z ľubovoľného zdroja, ale tiež prispôsobiť miniatúru a tlačidlo prehrávania.
Ako pridať video modul na svoju stránku
Pred pridaním modulu videa na svoju stránku musíte najprv prejsť do Divi Builder. Raz Divi téma nainštalovaný na vašom webe, všimnete si tlačidlo Použite nástroj Divi Builder nad editorom príspevkov vždy, keď vytvoríte novú stránku. Kliknutím na toto tlačidlo aktivujete program Divi Builder a získate prístup ku všetkým modulom Divi Builder. Potom kliknite na tlačidlo Použite Visual Builder na spustenie generátora vo vizuálnom režime. Môžete tiež kliknúť na tlačidlo Použite Visual Builder pri prehliadaní webových stránok v popredí, ak ste pripojení k dashboardu WordPress.
Po zadaní nástroja Visual Builder môžete kliknutím na sivé tlačidlo plus pridať na svoju stránku nový modul. Nové moduly je možné pridávať iba do riadkov. Ak začínate novú stránku, nezabudnite najskôr na svoju stránku pridať riadok.
Vyhľadajte video mod v zozname režimov a kliknite na neho, aby ste ho pridali na svoju stránku. Zoznam režimov je prehľadateľný, čo znamená, že môžete tiež napísať slovo „video“ a potom kliknúť na kláves Enter, aby ste automaticky našli a pridali režim videa! Po pridaní modulu vás privíta zoznam možností modulu. Tieto možnosti sú rozdelené do troch hlavných skupín: Obsah , Koncepcia et pokročilý .
Príklad prípadu použitia: Pridanie videa na vašu vstupnú stránku
Pridanie videa na vašu vstupnú stránku je skvelý spôsob podporovať vaše produkty a zvýšiť konverzie. V tomto príklade vám ukážem, ako môžete pomocou modulu videa pridať video na svoju vstupnú stránku. Vložil som červený kruh tam, kde by malo ísť video.
Pomocou programu Visual Builder pridám novú sekciu s riadkom s plnou šírkou (1 stĺpec). V nastaveniach riadkov na karte Dizajn vyberiem možnosť „Použiť vlastnú šírku“. Pre možnosť Vlastná šírka, ktorá sa zobrazí, zadám vlastnú šírku 767 pixelov. Tým je zaistené, že video modul, ktorý pridám do tohto riadku, nepresiahne túto šírku a nebude príliš veľký pri väčších veľkostiach obrazovky.
Potom do riadku pridám video modul. Na karte Obsah v nastavení Video modulu zadám adresu URL videa, ktoré chcem vložiť na svoju vstupnú stránku. Pre tento príklad používam adresu URL videa z YouTube.
Potom do svojho videa pridám adresu URL prekrytia obrázka kliknutím na tlačidlo „Generovať video“. Týmto sa z videa automaticky stiahne rám, ktorý slúži ako prekrytie s novou ikonou vlastného videa.
Na karte Dizajn mením farbu ikony prehrávania tak, aby zodpovedala mojej vstupnej stránke.
Teraz mám pre svoju vstupnú stránku video, ktoré vyzerá čisto a zodpovedá môjmu dizajnu.
Teraz, keď ste videli režim videa v akcii, sa ponorte do všetkých jeho nastavení v nižšie uvedených sekciách. Poskytli sme podrobný pohľad na to, čo nájdete na každej karte v nastaveniach modulu, a vysvetlenie, čo každý z nich robí.
Možnosti obsahu
Adresa URL videa
Modul Divi Video umožňuje pridať video pomocou dvoch rôznych metód. Svoj vlastný video súbor si môžete stiahnuť z počítača kliknutím na tlačidlo „Stiahnuť video“ a výberom požadovaného súboru, alebo môžete zadať ľubovoľnú adresu URL videa z video zdroja tretích strán, napríklad Youtube alebo Vimeo. Stačí skopírovať a vložiť adresu URL z vášho prehliadača a vložiť ju do poľa Adresa URL videa. O zvyšok sa postará Divi!
Adresa URL prekrytia obrázka
Ak chcete nastaviť vlastný obrázok miniatúry videa, ktorý sa umiestni na štandardné rozhranie videa pomocou tlačidla vlastného prehrávania, aby sa vytvoril ostrejší a štylizovanejší vzhľad, môžete to urobiť pomocou poľa Prekryvný obrázok. Tento ovládací prvok vám umožňuje buď nahrať váš vlastný prispôsobený obrázok, alebo automaticky nechať súbor Divi vygenerovať ho z adresy URL vášho videa. Väčšina poskytovateľov videa podporuje túto možnosť, napríklad Youtube a Vimeo. Stačí kliknúť na tlačidlo „Generovať video“ a o zvyšok sa postará Divi!
Správcovská značka
V predvolenom nastavení sa váš video modul v generátore zobrazuje so štítkom „Video“. Admin Tag vám umožňuje zmeniť tento tag pre ľahšiu identifikáciu.
Možnosti návrhu
zmeniť farbu ikony
Ak určíte prekrytie obrázka pre svoj videopod, zobrazené video obsahuje ikonu prehrávania. Tu môžete určiť farbu tejto ikony, aby sa zhodovala s farbami na vašej stránke.
Možnosti avancées
Identifikátor a triedy CSS
To možno použiť na pridanie CSS ID alebo triedy do vášho modulu. Potom ich môžete použiť v šablóne so štýlmi alebo v poli Možnosti témy - vlastné CSS na použitie vlastného štýlu pre modul. Na identifikátory CSS je možné zacieliť aj pomocou ukotvovacích odkazov, ktoré odkazujú na určité oblasti vašej stránky.
Vlastné CSS
Tu môžete do svojho video modulu pridať vlastné CSS.
viditeľnosť
Ak chcete skryť svoj video modul na niektorých zariadeniach, môžete vybrať zariadenia, na ktorých chcete modul videa deaktivovať.
[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”]STIAHNUŤ TÉMU DIVI [/vcex_button][/vc_column=][vc_column width] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STIAHNUŤ TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ďalšie výukové programy spoločnosti Divi
- 5 webové stránky pre použitie v hoteli Divi tému
- Ako pridať text na produktoch Divi WooCommerce
- Ako zmeniť farbu ponuky medzi stránkami Divi
- Ako si prispôsobiť mriežky blogu s Divi
- Ako používať role Divi editor na WordPress
- Ako vytvoriť posuvník Divi na celej obrazovke
- Ako zmeniť farbu ponúk medzi stránkami Divi
- Funkcie, ktoré pravdepodobne neviete o Divi
- Ako používať Divi Builder na WordPress
- Ako používať modul posúvania videa Divi
- Ako používať modul Divi Builder Flip
- Ako pridať modul posudkov na Divi Builder
- Ako používať textový modul Divi
- Ako vytvoriť posúvač na Divi
- Ako upraviť rolu používateľa Divi
- Ako používať modul Divi Social Media
- Ako používať modul obchodu na tému WordPress Divi
- Ako používať modul bočného panela Divi
- Ako používať modul tabuľky cien Divi
- Ako používať titulný modul publikácií Divi
- Ako pridať video modul Divi
- Ako používať navigačný modul článku
- Ako používať vyhľadávací modul Divi
- Ako používať modul peňaľenky Divi
- Ako používať osobný modul na nástroji Divi Builder
- Ako používať modul peňaženky s filtrom Divi
- Ako používať posuvný modul s plnou šírkou
- Ako používať modul obrazu Divi Builder
- Ako používať navigačný modul v celej šírke nástroja Divi Builder
- Ako používať modul galérie obrázkov
- Ako používať modul kariet Divi Builder s plnou šírkou
- Ako používať portálový modul Divi s plnou šírkou
- Ako používať modul záhlavia Divi s plnou šírkou
- Ako používať počítací modul Divi
- Ako používať posúvač článkov v aplikácii Divi Builder
- Ako používať modul Divi Email Optin