Ako prispôsobiť typografiu a rozloženie na Divi

odsek Blair Jersyer | divi

Ak chcete začať prispôsobovať rozloženie a typografiu svojho webové stránky, musíte najskôr prejsť do nástroja na prispôsobenie tém kliknutím na odkaz Divi> Prispôsobovač tém na vašom hlavnom paneli WordPress. Týmto sa spustí prispôsobovač. Potom vyhľadajte panel „Všeobecné nastavenia“. Kliknutím na panel otvoríte príslušné nastavenia a začnete upravovať. Na paneli Všeobecné nastavenia si všimnete tri sekcie: Nastavenia rozloženia, Typografia a Pozadie.

všeobecné parametre divi.png

Nastavenia rozloženia

Panel rozloženia vám umožňuje prispôsobiť rôzne možnosti veľkosti a rozmiestnenia webové stránky. Tu môžete zväčšiť alebo zmenšiť medzery medzi stĺpcami, riadkami a sekciami a upraviť veľkosť bočného panela. Z tohto panela môžete tiež povoliť režim rozloženia v rámčeku.

layout parameter.png

Povoliť rozloženie vnorenia

Tu môžete upravovať svoje stránky do formátu krabičky, ktorý rámuje obsah vašich stránok a odhaľuje pozadie, ktoré je možné prispôsobiť.

Šírka obsahu webovej stránky

Tu môžete nastaviť maximálnu šírku sekcie s obsahom. Pretože je váš obsah v responzívnom rozložení, upraví sa na menšie veľkosti, ale nerozšíri sa viac, ako je tu nastavená maximálna šírka.
Predvolená hodnota je 1080px. Je to dobrá šírka pre väčšinu štandardných notebookov a stolových počítačov.

Rozmiestnenie stĺpcov na webovej stránke

Šírka žľabu je veľkosť vodorovného priestoru (okraja) medzi stĺpmi v každom riadku.

Voliteľné hodnoty pre šírku odkvapov sú medzi 1 a 4.

1 predstavuje nulové rozpätie medzi stĺpcami.
2 predstavuje maržu 3% medzi stĺpcami.
3 predstavuje maržu 5,5% medzi stĺpcami.
4 predstavuje maržu 8% medzi stĺpcami.

konfigurácia divi.png

Použite vlastnú šírku bočného panela

Týmto sa nastaví predvolená šírka bočného panela pre vašu tému. To platí pre všetky stránky vo vašej téme, ktoré majú bočný panel a ktoré nie sú vytvorené v aplikácii Divi Builder.

Výška prierezu a línie

Tieto možnosti upravujú veľkosť vertikálnych rozstupov (horné a spodné polstrovanie) pre každú sekciu a riadok.

Farba akcentu témy

Predtým, ako začnete meniť farby svojich ostatných prvkov, musíte to najskôr zmeniť. Akonáhle to zmeníte, uložte a zverejnite svoje nastavenia a obnovte stránku. Aktualizovaná téma Accent Color mala teraz automaticky dopĺňať ďalšie prvky.

typografie

Panel typografie je miesto, kde môžete upraviť predvolený vzhľad textu v celom svojom texte webové stránky. Môžete upraviť veľkosť písma a hlavičiek, ktoré sa proporcionálne prejavia vo všetkých oblastiach stránky. Môžete upraviť ich farby, ako aj výšku riadkov, medzery medzi písmenami a štýly písma. Nakoniec si môžete vybrať z desiatok písiem, ktoré sa dajú použiť na každé.

typografia na divi.png

Veľkosť textu tela

Týmto sa zmení predvolený základný text témy. Predvolená veľkosť je 14 pixelov.

Výška línie tela

Výška riadku každého riadku textu.

Veľkosť textu hlavičky

Divi vám tu umožňuje nastaviť predvolenú veľkosť textu pre hlavičku. To ovplyvňuje prvky Divi, ako napríklad názvy modulov hlavičky Fullwidth.

Medzera v záhlaví

Medzery medzi písmenami upravujú vodorovný priestor medzi písmenami. Hodnota medzery medzi písmenami hlavičky ovplyvňuje všetky úrovne hlavičky (h1, h2, h3, h4, h5, h6), úvodzovky a názvy snímok.

Výška riadku hlavičky

Rovnako ako hodnota medzery medzi písmenami, aj hodnota výšky riadku hlavičky ovplyvňuje všetky úrovne hlavičiek (h1, h2, h3, h4, h5, h6), úvodzovky a nadpisy snímok.

Policejný štýl

Pomocou týchto možností môžete zmeniť štýl písma záhlavia.

Text písma a hlavičky

Predvolené písmo v Divi je Open Sans, ale Divi má na výber takmer sto typov písma! Využite výhody týchto zabudovaných typov písma a vyskúšajte, ktoré z nich pre vašu tému fungujú najlepšie.

Farba telových väzieb

Farba odkazu na telo je prevzatá z farby zvýraznenia motívu. Tu to však môžete kedykoľvek zmeniť.

Farba textu tela

Tu môžete zmeniť farbu textu tela.

Farba textu hlavičky

Tu môžete zmeniť farbu hlavičiek.

Pozadie

Panel pozadia vám umožňuje upraviť farbu pozadia témy, nahrať vlastný obrázok pozadia a upraviť jeho umiestnenie na stránke. Obrázky a farby pozadia fungujú dobre, ak sú spárované s nastavením Boxed Formatting na paneli Layouts, ktorý sme spomenuli skôr.

do divi.png

To je všetko pre tento tutoriál, dúfam, že vám umožní lepšie upraviť písmo a rozloženie 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”]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

Pridať komentár

Vaša emailová adresa nebude zverejnená. Povinné položky sú označené *

Táto stránka používa Akismet na zníženie nežiaducich. Získajte viac informácií o používaní údajov o komentároch.