[vc_row content_placement="middle" css=".vc_custom_1508940533685{background-color: #f8f6f6 !important;}" el_id="themeforestpro"][vc_column width="3/4" css=".vc_custom_1502759058885px0px !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}"][vc_column_text]

Divi: nejjednodušší téma WordPress k použití

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] STÁHNOUT [/vcex_button][/ vc_column][/vc_row]

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma.

Přidávání videí na stránku v Divi je jednoduché, když používáte modul Video. Tento modul umožňuje vkládat videa z libovolného zdroje, ale také přizpůsobit miniaturu a tlačítko přehrávání.

Jak přidat video modul na vaši stránku

Před přidáním modulu videa na stránku musíte nejprve přejít do Divi Builderu. Jakmile si téma Divi nainstalujete na svůj web, uvidíte tlačítko Použijte nástroj Divi Builder nad editorem příspěvků, kdykoli vytvoříte novou stránku. Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder při procházení webu v popředí, pokud jste připojeni k hlavnímu panelu WordPress.

divi stavitel

Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.

video modul divi.png

Vyhledejte video mod v seznamu modů a kliknutím na něj jej přidejte na svou stránku. Seznam modů je prohledávatelný, což znamená, že můžete také zadat slovo „video“ a poté kliknout na Enter pro automatické vyhledání a přidání video modu! Jakmile je modul přidán, budete uvítáni seznamem možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .

Příklad případu: Přidání videa na vaši vstupní stránku

Přidání videa na vstupní stránku je skvělý způsob, jak propagovat své produkty a zvýšit počet konverzí. V tomto příkladu vám ukážu, jak můžete pomocí video modu přidat video na svou vstupní stránku. Umístil jsem červený kruh, kam by mělo video směřovat.

vytvoření videa na divi exampleple.jpg

Pomocí Visual Builderu přidám novou sekci s řádkem s plnou šířkou (1 sloupec). V nastavení řádku na kartě Návrh vyberu možnost „Použít vlastní šířku“. Pro možnost Vlastní šířka, která se zobrazí, zadám vlastní šířku 767 pixelů. Tím zajistíte, že video modul, který v tomto řádku přidám, nepřesáhne tuto šířku a nebude příliš velký na větších velikostech obrazovky.

použijte vlastní šířku divi.png

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní tvořit Snadno a zdarma jakýkoli design webových stránek nebo blogu s profesionálním vzhledem. Přestaňte platit hodně za web, který si můžete udělat sami.

Pak do řádku přidám video modul. Na kartě Obsah v nastavení modulu videa zadám adresu URL videa, které chci vložit na svou vstupní stránku. V tomto příkladu používám adresu URL videa YouTube.

přidat video na divi.png

Poté přidám adresu URL překryvného obrázku pro své video kliknutím na tlačítko „Vytvořit video“. Tím se z videa automaticky vytáhne snímek, který bude sloužit jako překrytí s novou ikonou vlastního videa.

přidejte překrývání divi video.jpg

Na kartě Návrh změním barvu ikony přehrávání tak, aby odpovídala mé vstupní stránce.

Chcete prodávat své produkty na internetu?

Stáhněte si zdarma WooCommerce, nejlepší pluginy pro e-commerce pro prodej vašich fyzických a digitálních produktů na WordPress a snadné vytvoření vašeho online obchodu. Ideální pro začátečníky.

upravte ikonu přehrávače divi video.jpg

Nyní mám pro svou vstupní stránku video, které vypadá čistě a odpovídá mému designu.

konečný design s obsahem video.jpg

Nyní, když jste viděli režim videa v akci, se ponořte do všech jeho nastavení v následujících částech. Poskytli jsme podrobný pohled na to, co najdete na každé kartě nastavení modulu, a vysvětlení, co každý z nich dělá.

Možnosti obsahu

parametrový modul divi.png

URL videa

Modul Divi Video umožňuje přidávat video dvěma různými způsoby. Svůj vlastní video soubor můžete nahrát ze svého počítače kliknutím na tlačítko „Stáhnout video“ a výběrem požadovaného souboru, nebo můžete zadat libovolnou adresu URL videa ze zdroje videa třetí strany, například Youtube nebo Vimeo. Stačí zkopírovat a vložit adresu URL z vašeho prohlížeče a vložit ji do pole URL videa a Divi se postará o zbytek!

Adresa URL překryvného obrázku

Chcete-li nastavit vlastní miniaturu videa, která se umístí na standardní video rozhraní pomocí tlačítka pro vlastní přehrávání, aby se vytvořil ostřejší a stylizovanější vzhled, můžete to udělat pomocí pole Překrytí obrazu. Tento ovládací prvek vám umožňuje buď nahrát vlastní přizpůsobený obrázek, nebo automaticky nechat Divi vygenerovat jeden z adresy URL vašeho videa. Většina poskytovatelů videa tuto možnost podporuje, například Youtube a Vimeo. Jednoduše klikněte na tlačítko „Generovat video“ a o zbytek se postará Divi!

Správce štítku

Ve výchozím nastavení se váš video modul v generátoru zobrazí se štítkem „Video“. Značka Admin umožňuje změnit tuto značku pro snadnou identifikaci.

Možnosti návrhu

změnit barvu ikony

konstrukce profilu divi.png

Pokud určíte překryvný obrázek pro svůj videopod, zobrazené video obsahuje ikonu přehrávání nad videem. Zde můžete určit barvu této ikony, aby odpovídala barvám na vaší stránce.

Pokročilé možnosti

video modul advanced section.png

Identifikátor a třídy CSS

To lze použít k přidání ID CSS nebo třídy do vašeho modulu. Ty pak mohou být použity ve vašem seznamu stylů nebo v poli Možnosti motivu Vlastní CSS k použití vlastního stylu na modul. Na ID CSS lze také cílit pomocí kotevních odkazů, které odkazují na určité oblasti vaší stránky.

Vlastní CSS

Zde můžete do svého video modulu přidat vlastní CSS.

viditelnost

Pokud chcete skrýt váš video modul na některých zařízeních, můžete vybrat zařízení, na kterých chcete video modul deaktivovat.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" rozšířené "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"] STÁHNOUT TÉMA DIVI [/ vcex_button] [/ width_column] [»v] » 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 " TEM DOWNLOOWN DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Ostatní výukové programy Divi

16 akcie
podíl8
tweet3
Zadat5