Hoe typografie en lay-out aan te passen op Divi

par Blair Jersyer | Divi

Om te beginnen met het aanpassen van de lay-out en typografie van uw Site web, moet u eerst toegang krijgen tot de Thema-aanpasser door op de link te klikken Divi> Thema-aanpasser op uw WordPress-dashboard. Dit zal de customizer starten. Zoek vervolgens naar het paneel "Algemene instellingen". Klik op het paneel om de juiste instellingen te openen en te beginnen met aanpassen. In het paneel "Algemene instellingen" ziet u drie secties: Opmaakinstellingen, Typografie en Achtergrond.

algemene parameters divi.png

Layout instellingen

Met het lay-outpaneel kunt u verschillende opties voor grootte en afstand aanpassen aan uw Site web. Hier kunt u de afstand tussen kolommen, rijen en secties vergroten of verkleinen en de grootte van uw zijbalk aanpassen. U kunt vanuit dit paneel ook de modus Boxed Layout inschakelen.

layout parameter.png

Zet de nest-lay-out aan

Hier kunt u uw site bewerken in een vakindeling die de inhoud van uw site omkadert en een achtergrond laat zien die kan worden aangepast.

Breedte van de inhoud van de website

Hier kunt u de maximale breedte van uw inhoudssectie instellen. Omdat uw inhoud een responsieve lay-out heeft, wordt deze aangepast aan kleinere formaten, maar wordt deze niet meer uitgerekt dan de hier ingestelde maximale breedte.
De standaardwaarde is 1080px. Het is een goede breedte voor de meeste standaardlaptops en -desktops.

Kolomafstand op de website

De breedte van de goot is de hoeveelheid horizontale ruimte (marge) tussen de kolommen in elke rij.

De optionele waarden voor de gootbreedte liggen tussen 1 en 4.

1 vertegenwoordigt de nulmarge tussen de kolommen.
2 vertegenwoordigt een marge van 3% tussen de kolommen.
3 vertegenwoordigt een marge van 5,5% tussen de kolommen.
4 vertegenwoordigt een marge van 8% tussen de kolommen.

divi.png-configuratie

Gebruik aangepaste zijbalkbreedte

Dit stelt de standaardzijbalkbreedte voor uw thema in. Dit geldt voor alle pagina's in uw thema die een zijbalk hebben en die niet zijn gemaakt met Divi Builder.

Hoogte van sectie en lijn

Met deze opties wordt de hoeveelheid verticale afstand (opvulling boven en onder) voor elke sectie en rij aangepast.

Thema accentkleur

Voordat u begint met het veranderen van de kleuren van uw andere elementen, moet u dat eerst wijzigen. Nadat u deze heeft gewijzigd, slaat u uw instellingen op en publiceert u deze en vernieuwt u uw pagina. Nu zou het bijgewerkte Accent Color-thema automatisch andere elementen moeten hebben.

typografie

In het typografiepaneel kunt u de standaardweergave van tekst in uw geheel aanpassen Site web. U kunt de grootte van uw lettertype en kopteksten aanpassen, wat proportioneel in alle delen van de site wordt weerspiegeld. U kunt de kleuren, de lijnhoogte, de letterafstand en de lettertypestijlen aanpassen. Ten slotte kunt u ook kiezen uit tientallen lettertypen die u op elk lettertype kunt toepassen.

typografie op divi.png

Tekstgrootte van het hoofdgedeelte

Dit verandert de standaard hoofdtekst voor uw thema. De standaardgrootte is 14px.

Hoogte van de lichaamslijn

De lijnhoogte van elke regel tekst.

Tekstgrootte koptekst

Met Divi kunt u hier de standaardtekstgrootte voor uw koptekst instellen. Dit is van invloed op Divi-elementen zoals titels van koptekstmodules op volledige breedte.

Header letter ruimte

Letterafstand past de horizontale afstand tussen letters aan. De waarde van de afstand tussen de koptekst is van invloed op alle koptekstniveaus (h1, h2, h3, h4, h5, h6), aanhalingstekens en diatitels.

Hoogte koprij

Net als de waarde voor de letterafstand, heeft de waarde van de hoogte van de koptekstrij invloed op alle koptekstniveaus (h1, h2, h3, h4, h5, h6), aanhalingstekens en titels van dia's.

Politie stijl

Gebruik deze opties om de lettertypestijl van uw headers te wijzigen.

Hoofdtekst en koptekstlettertype

Het standaardlettertype in Divi is Open Sans, maar Divi heeft bijna honderd lettertypen om uit te kiezen! Profiteer van deze ingebouwde lettertypen en test welke het beste bij uw thema passen.

Kleur van lichaamskoppelingen

De kleur van de bodylink wordt overgenomen van de accentkleur van uw thema. Maar je kunt het hier altijd wijzigen.

Tekstkleur hoofdtekst

Hier kunt u de kleur van uw hoofdtekst wijzigen.

Kleur koptekst

Hier kunt u de kleur van uw headers wijzigen.

Achtergrond

Met het achtergrondpaneel kunt u de achtergrondkleur van uw thema aanpassen, een aangepaste achtergrondafbeelding uploaden en de positie ervan op de pagina aanpassen. Achtergrondafbeeldingen en kleuren werken goed wanneer ze worden gecombineerd met de Boxed Formatting-instelling in het eerder genoemde deelvenster Layouts.

doe divi.png

Dat is alles voor deze tutorial, ik hoop dat je hiermee het lettertype en de lay-out van de . beter kunt aanpassen Divi-thema.
[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”]DOWNLOAD DIVI THEMA [/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”]DOWNLOAD DE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi-zelfstudies

Plaats de reactie

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.