Sådan tilpasser du typografi og layout på Divi

takket være Blair Jersyer | Divi

For at begynde at tilpasse layout og typografi af din Websted, skal du først få adgang til Theme Customizer ved at klikke på linket Divi> Tema-tilpasning på dit WordPress-dashboard. Dette starter tilpasseren. Find derefter panelet "Generelle indstillinger". Klik på panelet for at åbne de relevante indstillinger og begynde at tilpasse. I panelet "Generelle indstillinger" bemærker du tre sektioner: Layoutindstillinger, Typografi og baggrund.

generelle parametre divi.png

Indstillinger for layout

Layoutpanelet giver dig mulighed for at justere forskellige størrelser og afstandsmuligheder til din Websted. Her kan du øge eller mindske afstanden mellem kolonner, rækker og sektioner og justere størrelsen på din sidebjælke. Du kan også aktivere Boxed Layout-tilstand fra dette panel.

layout parameter.png

Aktivér redningslayout

Her kan du redigere dit websted i et boksformat, der indrammer indholdet på dit websted og udsætter en baggrund, der kan tilpasses.

Bredden af ​​indholdet af hjemmesiden

Det er her, du kan indstille den maksimale bredde på din indholdssektion. Da dit indhold har et responsivt layout, vil det tilpasse sig til mindre størrelser, men udvides ikke mere end den maksimale bredde, der er angivet her.
Standard er 1080px. Det er en god bredde til de fleste standard laptops og desktops.

Kolonneafstand på hjemmesiden

Tagrendens bredde er mængden af ​​vandret mellemrum (margen) mellem kolonnerne i hver række.

De valgfri værdier for tagrendebredden ligger mellem 1 og 4.

1 repræsenterer nulmargenen mellem kolonnerne.
2 repræsenterer en margin på 3% mellem kolonnerne.
3 repræsenterer en margin på 5,5% mellem kolonnerne.
4 repræsenterer en margin på 8% mellem kolonnerne.

divi.png konfiguration

Brug brugerdefineret sidefeltbredde

Dette indstiller standardsidebjælkebredden til dit tema. Dette gælder for alle sider i dit tema, der har en sidebjælke, og som ikke er oprettet med Divi Builder.

Sektionens højde og linje

Disse indstillinger justerer mængden af ​​lodret afstand (top og bund polstring) for hver sektion og række.

Tema accentfarve

Inden du begynder at ændre farverne på dine andre elementer, skal du først ændre det. Når du har ændret det, skal du gemme og offentliggøre dine indstillinger og opdatere din side. Nu skal det opdaterede Accent Color-tema have autofyldt andre elementer.

Typographie

Typografipanelet er, hvor du kan justere standardudseendet for tekst på tværs af hele din Websted. Du kan justere størrelsen på din skrifttype og overskrifter, som vil afspejles i alle områder af webstedet proportionalt. Du kan justere deres farver samt linjehøjde, bogstavafstand og skrifttypestile. Endelig kan du også vælge mellem snesevis af skrifttyper, der skal anvendes på hver.

typografi på divi.png

Krops tekststørrelse

Dette ændrer standardteksten til dit tema. Standardstørrelsen er 14 pixel.

Højde på kropslinjen

Linjens højde for hver tekstlinje.

Sidehovedtekststørrelse

Divi giver dig mulighed for at indstille standardtekststørrelsen til din overskrift her. Dette påvirker Divi-elementer som titler på Fullwidth-header-moduler.

Header letter space

Bogstavafstand justerer det vandrette mellemrum mellem bogstaverne. Afstandsværdien for overskriftens bogstav påvirker alle overskriftsniveauer (h1, h2, h3, h4, h5, h6), citater og dias.

Header rækkehøjde

Ligesom bogstavafstanden påvirker overskriftsrækkens højdeværdi alle overskriftsniveauer (h1, h2, h3, h4, h5, h6), citater og titler af dias.

Politi stil

Brug disse indstillinger til at ændre skrifttypestilen på dine overskrifter.

Krops- og overskriftskrifttype

Standardskrifttypen i Divi er Open Sans, men Divi har næsten hundrede skrifttyper at vælge imellem! Udnyt disse indbyggede skrifttyper, og test, hvilke der bedst passer til dit tema.

Farve af kropsforbindelser

Farven på kropslinket arves fra dit temas accentfarve. Men du kan altid ændre det her.

Krops tekstfarve

Her kan du ændre farven på din krops tekst.

Farve på sidehovedtekst

Her kan du ændre farve på dine overskrifter.

Baggrund

Baggrundspanelet giver dig mulighed for at justere dit temas baggrundsfarve samt uploade et brugerdefineret baggrundsbillede og justere dets placering på siden. Baggrundsbilleder og farver fungerer godt, når de er parret med indstillingen Boxed Formatting i panelet Layouts, der er nævnt tidligere.

gør divi.png

Det er alt for denne tutorial, jeg håber, at den vil give dig mulighed for bedre at justere skrifttypen og layoutet 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=”flad” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI TEMA [/vcex_button][/vc_column 1 ][vc_column" /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”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andre Divi tutorials

Indsend kommentaren

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.