Chcete-li začít přizpůsobovat rozvržení a typografii svého Webové stránky, musíte nejprve otevřít nástroj pro přizpůsobení tématu 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í.
Nastavení rozvržení
Panel rozvržení vám umožňuje upravit různé možnosti velikosti a rozmístění Webové stránky. Zde můžete zvětšit nebo zmenšit mezery mezi sloupci, řádky a sekcemi a upravit velikost postranního panelu. Z tohoto panelu můžete také povolit režim Boxed Layout.
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.
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
Panel typografie je místo, kde můžete upravit výchozí vzhled textu v celém textu Webové stránky. 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ů, mezery mezi písmeny a styly písma. Nakonec si také můžete vybrat z desítek písem, které lze použít pro každé z nich.
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.
To je pro tento tutoriál vše, doufám, že vám umožní lépe upravit písmo a rozvržení Divi téma.
[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”]STÁHNOUT TÉMA DIVI [/vcex_button][/vc_column=][vc_column /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”]STAŽTE SI TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ostatní výukové programy Divi
- 5 webové stránky pro použití v hotelu Divi téma
- Jak přidat text na produkt Divi WooCommerce
- Jak změnit barvu nabídky mezi stránkami Divi
- Jak přizpůsobit mřížky blogu s Divi
- Jak používat role Divi editor na WordPress
- Jak vytvořit posuvník Divi na celé obrazovce
- Jak změnit barvu nabídek mezi stránkami Divi
- Funkce, které pravděpodobně nevíte o Divi
- Jak používat Divi Builder na WordPress
- Jak používat modul posunu videa Divi
- Jak používat modul Divi Builder Flip
- Jak přidat zkušební modul na Divi Builder
- Jak používat textový modul Divi
- Jak vytvořit posuvník na Divi
- Jak upravit roli uživatele Divi
- Jak používat modul Divi Social Media
- Jak používat modul obchodu na téma WordPress Divi
- Jak používat modul bočního panelu Divi
- Jak používat modul tabulky ceny Divi
- Jak používat titulní modul publikací Divi
- Jak přidat video modul Divi
- Jak používat navigační modul článku
- Jak používat vyhledávací modul Divi
- Jak používat modul peněženky Divi
- Jak používat modul osob na nástroji Divi Builder
- Jak používat modul peněz s filtrem Divi
- Jak používat posuvný modul s plnou šířkou
- Jak používat modul obrazu Divi Builder
- Jak používat navigační modul plné šířky nástroje Divi Builder
- Jak používat modul galerie obrázků
- Jak používat modul karty Divi Builder Full-Width Card
- Jak používat portálový modul Divi s plnou šířkou
- Jak používat modul záhlaví Divi s plnou šířkou
- Jak používat počítací modul Divi
- Jak používat posuvník článků v Divi Builderu
- Jak používat modul Divi Email Optin