[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.

Chcete-li začít přizpůsobovat rozvržení a typografii svého webu, musíte nejprve přejít na Přizpůsobovač motivů kliknutím na odkaz Divi> Přizpůsobení motivu na hlavním panelu WordPress. Tím se spustí přizpůsobení. Poté vyhledejte panel „Obecná nastavení“. Kliknutím na panel otevřete příslušná nastavení a zahájíte přizpůsobení. Na panelu „Obecná nastavení“ si všimnete tří částí: Nastavení rozvržení, Typografie a Pozadí.

obecné parametry divi.png

Nastavení rozvržení

Panel rozvržení umožňuje upravit různé možnosti velikosti a řádkování vašeho webu. Zde můžete zvětšit nebo zmenšit mezery mezi sloupci, řádky a oddíly a upravit velikost postranního panelu. Z tohoto panelu můžete také aktivovat režim „Boxed Layout“.

layout parameter.png

Povolit rozložení vnoření

Zde můžete upravit svůj web do formátu krabice, který rámuje obsah vašeho webu a odhaluje pozadí, které lze přizpůsobit.

Šířka obsahu webové stránky

Zde můžete nastavit maximální šířku sekce obsahu. Vzhledem k tomu, že je váš obsah v responzivním rozložení, upraví se na menší velikosti, ale nebude se rozšiřovat o více než zde nastavenou maximální šířku.
Výchozí hodnota je 1080px. Je to dobrá šířka pro většinu standardních notebooků a stolních počítačů.

Rozmístění sloupců na webu

Šířka okapu je velikost vodorovného prostoru (okraje) mezi sloupy v každém řádku.

Volitelné hodnoty pro šířku okapu jsou mezi 1 a 4.

1 představuje nulové rozpětí mezi sloupci.
2 představuje rozpětí 3% mezi sloupci.
3 představuje rozpětí 5,5% mezi sloupci.
4 představuje rozpětí 8% mezi sloupci.

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.

divi.png konfigurace

Použijte vlastní šířku postranního panelu

Tím nastavíte výchozí šířku postranního panelu pro svůj motiv. To platí pro všechny stránky ve vašem motivu, které mají postranní panel a které nejsou vytvořeny pomocí nástroje Divi Builder.

Výška sekce a linie

Tyto možnosti upravují velikost svislých mezer (horní a dolní výplň) pro každou sekci a řádek.

Barva zvýraznění motivu

Než začnete měnit barvy ostatních prvků, musíte to nejprve změnit. Jakmile to změníte, uložte a publikujte svá nastavení a obnovte stránku. Aktualizovaný motiv Accent Color by nyní měl automaticky vyplnit další prvky.

typografie

Typografický panel je místo, kde můžete upravit výchozí vzhled textu na celém vašem webu. Můžete upravit velikost písma a záhlaví, což se proporcionálně projeví ve všech oblastech webu. Můžete upravit jejich barvy i výšku řádků, řádkování písmen a styly písma. Nakonec si můžete také vybrat z desítek písem, která lze na každé použít.

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.

typografie na divi.png

Velikost textu těla

Tím se změní výchozí základní text motivu. Výchozí velikost je 14 pixelů.

Výška linie těla

Výška řádku každého řádku textu.

Velikost textu záhlaví

Zde vám Divi umožňuje nastavit výchozí velikost textu pro záhlaví. To ovlivňuje prvky Divi, jako jsou názvy modulů záhlaví Fullwidth.

Mezera v záhlaví

Mezery mezi písmeny upravují vodorovný prostor mezi písmeny. Hodnota mezery mezi písmeny záhlaví ovlivňuje všechny úrovně záhlaví (h1, h2, h3, h4, h5, h6), uvozovky a názvy snímků.

Výška řádku záhlaví

Stejně jako hodnota mezer mezi písmeny ovlivňuje hodnota výšky řádku záhlaví všechny úrovně záhlaví (h1, h2, h3, h4, h5, h6), uvozovky a nadpisy snímků.

Policejní styl

Pomocí těchto možností můžete změnit styl písma záhlaví.

Písmo textu a záhlaví

Výchozí písmo v Divi je Open Sans, ale Divi má na výběr téměř stovku písem! Využijte výhod těchto vestavěných písem a vyzkoušejte, která z nich nejlépe vyhovují vašemu tématu.

Barva tělových vazeb

Barva odkazu na tělo je převzata z akcentní barvy motivu. Zde to ale můžete kdykoli změnit.

Barva textu těla

Zde můžete změnit barvu textu vašeho těla.

Barva textu záhlaví

Zde můžete změnit barvu záhlaví.

Pozadí

Panel pozadí umožňuje upravit barvu pozadí motivu, nahrát vlastní obrázek pozadí a upravit jeho umístění na stránce. Obrázky a barvy pozadí fungují dobře, když jsou spárovány s nastavením Boxed Formatting v panelu Layouts zmíněném výše.

do divi.png

To je pro tento tutoriál vše, doufám, že vám umožní lépe upravit písmo a rozložení motivu Divi.
[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

6 akcie
podíl3
tweet1
Zadat2