Cum de a personaliza tipografia și aspectul pe Divi

de Blair Jersyer | Divi

Pentru a începe să personalizați aspectul și tipografia dvs site-ul web, mai întâi trebuie să accesați Personalizatorul de teme făcând clic pe link Divi> Personalizare temă pe tabloul de bord WordPress. Aceasta va lansa personalizatorul. Apoi căutați panoul „Setări generale”. Faceți clic pe panou pentru a deschide setările corespunzătoare și a începe personalizarea. În panoul „Setări generale”, veți observa trei secțiuni: Setări aspect, Tipografie și Fundal.

parametrii generali divi.png

Setări de aspect

Panoul de aspect vă permite să ajustați diferite opțiuni de dimensiune și spațiere pentru dvs site-ul web. Aici puteți crește sau micșora distanța dintre coloane, rânduri și secțiuni și puteți ajusta dimensiunea barei laterale. De asemenea, puteți activa modul Aspect în casetă din acest panou.

layout parameter.png

Activați aspectul de cuibărire

Aici puteți edita site-ul dvs. într-un format de casetă care încadrează conținutul site-ului dvs. și expune un fundal care poate fi personalizat.

Lățimea conținutului site-ului

Aici puteți seta lățimea maximă a secțiunii de conținut. Deoarece conținutul dvs. are un aspect receptiv, acesta se va adapta la dimensiuni mai mici, dar nu se va extinde mai mult decât lățimea maximă setată aici.
Valoarea implicită este 1080px. Este o lățime bună pentru majoritatea laptopurilor și desktopurilor standard.

Spațierea coloanelor pe site

Lățimea jgheabului este cantitatea de spațiu orizontal (marjă) dintre coloanele din fiecare rând.

Valorile opționale pentru lățimea jgheabului sunt cuprinse între 1 și 4.

1 reprezintă marja zero între coloane.
2 reprezintă o marjă de 3% între coloane.
3 reprezintă o marjă de 5,5% între coloane.
4 reprezintă o marjă de 8% între coloane.

divi.png configurare

Utilizați lățimea personalizată a barei laterale

Aceasta setează lățimea implicită a barei laterale pentru tema dvs. Acest lucru se aplică tuturor paginilor din tema dvs. care au o bară laterală și care nu sunt create cu Divi Builder.

Înălțimea secțiunii și liniei

Aceste opțiuni ajustează spațiul vertical (umplutura de sus și de jos) pentru fiecare secțiune și rând.

Culoarea accentului tematic

Înainte de a începe să schimbați culorile celorlalte elemente, trebuie mai întâi să le schimbați. După ce îl modificați, salvați și publicați setările și actualizați pagina. Acum, tema actualizată Accent Color ar fi trebuit să completeze automat alte elemente.

tipografie

Panoul de tipografie este locul în care puteți ajusta aspectul implicit al textului pe întregul vostru site-ul web. Puteți ajusta dimensiunea fontului și a antetelor, care se vor reflecta proporțional în toate zonele site-ului. Puteți ajusta culorile acestora, precum și înălțimea liniilor, spațierea dintre litere și stilurile de font. În cele din urmă, puteți alege și dintre zeci de fonturi pe care să le aplicați fiecăruia.

tipografie pe divi.png

Dimensiunea textului corpului

Aceasta modifică textul implicit al corpului pentru tema dvs. Dimensiunea implicită este de 14 px.

Înălțimea liniei corpului

Înălțimea liniei pentru fiecare rând de text.

Dimensiune text antet

Divi vă permite să setați dimensiunea textului implicită pentru antetul dvs. aici. Acest lucru afectează elementele Divi, cum ar fi titlurile modulului antet Fullwidth.

Spațiu pentru litere antet

Spațierea literelor reglează spațiul orizontal dintre litere. Valoarea spațierii literelor antetului afectează toate nivelurile antetului (h1, h2, h3, h4, h5, h6), ghilimele și titlurile diapozitivelor.

Înălțimea rândului antet

La fel ca valoarea spațierii literelor, valoarea înălțimii rândului antetului afectează toate nivelurile antetului (h1, h2, h3, h4, h5, h6), ghilimele și titlurile de diapozitive.

Stilul politiei

Utilizați aceste opțiuni pentru a modifica stilul de font al anteturilor.

Font corp și antet

Fontul implicit din Divi este Open Sans, dar Divi are aproape o sută de fonturi pentru a alege! Profitați de aceste fonturi încorporate și testați care dintre acestea se potrivesc cel mai bine temei dvs.

Culoarea legăturilor corporale

Culoarea legăturii corpului este moștenită de culoarea accentului temei dvs. Dar îl puteți schimba oricând aici.

Culoarea textului corpului

Aici puteți schimba culoarea textului corpului.

Culoare text antet

Aici puteți schimba culoarea anteturilor.

fundal

Panoul de fundal vă permite să reglați culoarea de fundal a temei, precum și să încărcați o imagine de fundal personalizată și să reglați poziționarea acesteia pe pagină. Imaginile de fundal și culorile funcționează bine atunci când sunt asociate cu setarea Formatare în cutie din panoul Aspecte menționat anterior.

do divi.png

Asta este tot pentru acest tutorial, sper că vă va permite să ajustați mai bine fontul și aspectul Divi tema.
[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”]DESCĂRCĂ TEMA DIVI [/vcex_button][/vc_column][vc_column] width=” 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=”fa fa-download”]DESCARCĂ ȘABLOANELOR DIVI[/vcex_button][/vc_column][/vc_row]

Alte tutoriale Divi

Posteaza comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.