Hvordan tilpasse typografi og layout på Divi

pari Blair Jersyer | Divi

For å begynne å tilpasse oppsettet og typografien til din nettstedet Web, må du først få tilgang til Theme Customizer ved å klikke på lenken Divi> Theme Customizer på WordPress-dashbordet. Dette vil starte tilpasningen. Se deretter etter panelet "Generelle innstillinger". Klikk på panelet for å åpne de riktige innstillingene og begynne å tilpasse. I panelet "Generelle innstillinger" vil du legge merke til tre seksjoner: Oppsettinnstillinger, Typografi og Bakgrunn.

Generelle parametere divi.png

Oppsettinnstillinger

Layoutpanelet lar deg justere ulike størrelser og avstandsalternativer for din nettstedet Web. Her kan du øke eller redusere avstanden mellom kolonner, rader og seksjoner og justere størrelsen på sidefeltet. Du kan også aktivere Boxed Layout-modus fra dette panelet.

layout parameter.png

Aktiver hekkeoppsett

Her kan du redigere nettstedet ditt til et boksformat som rammer innholdet på nettstedet ditt og utsetter en bakgrunn som kan tilpasses.

Bredde av innholdet på nettstedet

Dette er hvor du kan angi maksimal bredde på innholdsseksjonen. Siden innholdet ditt har en responsiv layout, vil det justeres til mindre størrelser, men utvides ikke mer enn den maksimale bredden som er angitt her.
Standard er 1080px. Det er god bredde for de fleste standard bærbare datamaskiner og stasjonære datamaskiner.

Kolonneavstand på nettstedet

Rennens bredde er mengden horisontalt mellomrom (margin) mellom kolonnene i hver rad.

Valgfrie verdier for rennebredden ligger mellom 1 og 4.

1 representerer nullmarginen mellom kolonnene.
2 representerer en margin på 3% mellom kolonnene.
3 representerer en margin på 5,5% mellom kolonnene.
4 representerer en margin på 8% mellom kolonnene.

divi.png konfigurasjon

Bruk tilpasset sidefeltbredde

Dette angir standard sidelinjebredde for temaet ditt. Dette gjelder alle sidene i temaet ditt som har en sidefelt og som ikke er opprettet med Divi Builder.

Høyde på snitt og linje

Disse alternativene justerer mengden loddrett avstand (topp og bunn polstring) for hver seksjon og rad.

Tema aksent farge

Før du begynner å endre fargene på de andre elementene dine, må du endre det først. Når du har endret det, lagrer du og publiserer innstillingene og oppdaterer siden. Nå skal det oppdaterte Accent Color-temaet ha autofylte andre elementer.

Typographie

Typografipanelet er der du kan justere standardutseendet til tekst på tvers av hele teksten nettstedet Web. Du kan justere størrelsen på fonten og overskriftene, som vil reflekteres proporsjonalt i alle områder av nettstedet. Du kan justere fargene deres samt linjehøyde, bokstavavstand og skriftstiler. Til slutt kan du også velge mellom dusinvis av fonter som skal brukes på hver.

typografi på divi.png

Kropps tekststørrelse

Dette endrer standardteksten for temaet ditt. Standardstørrelsen er 14 px.

Høyde på kroppslinjen

Linjens høyde på hver tekstlinje.

Topptekststørrelse

Divi lar deg angi standard tekststørrelse for overskriften din her. Dette påvirker Divi-elementer som Fullwidth header module titler.

Topptekst mellomrom

Bokstavavstand justerer det vannrette rommet mellom bokstavene. Avstandsverdien for topptekst påvirker alle overskriftsnivåer (h1, h2, h3, h4, h5, h6), anførselstegn og lysbildetitler.

Toppradens høyde

Akkurat som verdien for bokstavavstand, påvirker toppradens høydeverdi alle topptekstnivåer (h1, h2, h3, h4, h5, h6), anførselstegn og titler av lysbilder.

Politiet stil

Bruk disse alternativene til å endre skriftstilen til overskriftene dine.

Kropp og topptekst

Standardfonten i Divi er Open Sans, men Divi har nesten hundre skrifttyper å velge mellom! Benytt deg av disse innebygde skriftene og test ut hvilke som passer best til temaet ditt.

Farge på kroppslinker

Fargen på kroppslinken er arvet fra temaets aksentfarge. Men du kan alltid endre det her.

Kropps tekstfarge

Her kan du endre fargen på kroppsteksten din.

Topptekstfarge

Her kan du endre fargen på topptekstene.

Bakgrunn

Bakgrunnspanelet lar deg justere temaets bakgrunnsfarge, samt laste opp et egendefinert bakgrunnsbilde og justere dets plassering på siden. Bakgrunnsbilder og farger fungerer bra når de er parret med innstillingen Boxed Formatting i Layouts-panelet som er nevnt tidligere.

gjør divi.png

Det er alt for denne opplæringen, jeg håper den vil tillate deg å bedre justere fonten og layouten til 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”]LAST NED 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”]LAST NED DEN MALER DIVI[/vcex_button][/vc_column][/vc_row]

Andre divisjoner

Legg inn kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Dette nettstedet bruker Akismet for å redusere uønsket. Lær mer om hvordan dine kommentarer data blir brukt.