Lettertype wijzigen in WordPress-thema - 3 methoden (2024)

verander wordpress lettertype thema

Heeft u problemen bij het wijzigen van het lettertype in een WordPress-thema?

De typografie van uw website is cruciaal voor zowel de branding als de bruikbaarheid, dus het kiezen van het juiste lettertype is belangrijk.

Gelukkig bevatten de meeste WordPress-thema's de mogelijkheid om de lettertypen te wijzigen, hoewel sommige in dit opzicht flexibeler zijn dan andere. Daarnaast zijn er plug-ins beschikbaar die met elk thema kunnen worden gebruikt.

We beginnen dit bericht door te demonstreren hoe u de ingebouwde opties van het thema kunt gebruiken om het lettertype in een WordPress-thema te wijzigen.

Bovendien, als je thema nog niet de gewenste lettertypen bevat, zullen we enkele gratis plug-ins delen die je kunt gebruiken om meer lettertype-opties toe te voegen aan elk WordPress-thema, zelfs als het geen flexibele ingebouwde opties heeft.

We laten ook zien hoe u de WordPress-editor kunt gebruiken om de lettertypen die in specifieke inhoud worden gebruikt, aan te passen.

 

1. Het lettertype in een WordPress-thema wijzigen met behulp van de WordPress Customizer

U kunt de lettertype-opties van een thema meestal vinden in de native WordPress Customizer, waar de meeste WordPress-thema's in 2022 afhankelijk zijn van stijl- en ontwerpaanpassing.

In deze eerste sectie laten we zien hoe u deze ingebouwde lettertype-opties kunt gebruiken met ons aanpasbare Neve-thema als voorbeeld.

Het is cruciaal om te onthouden dat elk thema de dingen een beetje anders aanpakt. Neve is ook een redelijk aanpasbaar thema, dus de kans is groot dat je thema niet zoveel lettertypekeuzes heeft.

Dat gezegd hebbende, zou je deze methode met elk thema moeten kunnen volgen en op zijn minst toegang hebben tot enkele lettertypekeuzes.

Open de WordPress Customizer

Open de WordPress Customizer

Ga om te beginnen naar Uiterlijk → Aanpassen om de WordPress Customizer te openen:

Zoek instellingen voor lettertype/typografie

Hoe het lettertype in het WordPress-thema te veranderen

Zoek vervolgens de lettertype-/typografie-instellingen voor uw thema. Helaas bevinden deze zich voor elk thema anders, dus het kan zijn dat u door de verschillende instellingensecties moet scharrelen.

U vindt een optie op het hoogste niveau voor het Neve-thema genaamd Typografie; klik erop om het te kiezen.

Kies lettertypen en sla wijzigingen op

U kunt nu beslissen hoe u verder gaat. Afhankelijk van het thema zie je mogelijk een verdere verdeling van de typografische instellingen naar het soort inhoud. Dit is wat het Neve-thema doet:

U kunt bijvoorbeeld de lettertype-instellingen voor de koppen van uw thema openen (zoals de post- of paginatitel) en het WordPress-lettertype wijzigen. U kunt zien dat er tal van lettertypen beschikbaar zijn bij het gebruik van het Neve-thema:

De lettertypen in de live preview van uw thema zouden automatisch moeten worden bijgewerkt terwijl u uw selecties maakt.

Om uw nieuwe lettertypeselecties live te maken, klikt u op de blauwe knop Publiceren als u tevreden bent met hoe alles eruit ziet.

2. Hoe Google Fonts aan een WordPress-thema toe te voegen?

Als je de bovenstaande tutorial hebt gevolgd over het wijzigen van lettertypen in een WordPress-thema en je was niet onder de indruk van de ingebouwde lettertype-opties van je thema, met behulp van een plug-in die je toegang geeft tot meer lettertype-opties, met name tot de duizenden lettertypen in de Google-catalogus, is een goede terugvaloptie.

De gratis plug-in Easy Google Fonts is een van de meest populaire opties die hier beschikbaar zijn.

U kunt kiezen uit de meer dan 600+ gratis lettertypen die worden aangeboden door Google Fonts met behulp van Makkelijk Google Fonts, die kan worden geïntegreerd met elk WordPress-thema.

Voor degenen die niet bekend zijn, is Google Fonts waarschijnlijk de meest bekende bron van gratis lettertypen en biedt het meer dan genoeg keuze voor de meeste websites.

We schakelen over naar het standaardthema Twenty Twenty One (dat zeer eenvoudige typografische bedieningselementen heeft) om te demonstreren hoe dit werkt voordat we de plug-in configureren om meer lettertype-opties toe te voegen.

Installeer en activeer de plug-in

Installeer en activeer de plug-in

Installeer en activeer de Easy Google Fonts-plug-in van WordPress.org om aan de slag te gaan. Als u niet zeker weet hoe u dit moet doen, kunt u de sny-handleiding gebruiken voor het installeren van een WordPress-plug-in.

Kies welke Google Fonts je wilt gebruiken

Kies welke Google Fonts je wilt gebruiken

Het lettertype dat u wilt gebruiken, moet dan worden geselecteerd. De Google Fonts-website maakt het eenvoudiger om door al uw opties te bladeren, omdat u daar voorbeelden van elk lettertype kunt zien, ook al hebt u toegang tot de volledige lijst via de instellingen van de plug-in.

Als je wat ideeën nodig hebt, bekijk dan onze selectie van de beste Google-lettertypen. Bovendien moet u doorgaans ten minste twee complementaire lettertypen kiezen.

Zodra u een lettertype ontdekt dat u bevalt, moet u de naam van het lettertype opschrijven, zodat u het later kunt onthouden. Selecteer ook de specifieke stijlen die u verkiest. Als voorbeeld "Medium 500".

Open WordPress Customizer en bewerk lettertypen.

Om toegang te krijgen tot de WordPress Customizer, ga je naar Uiterlijk > Aanpassen in je WordPress-dashboard.

Het zijbalkmenu zou nu bovenaan een gedeelte 'typografie' moeten hebben. Deze instellingen worden beheerd door de Easy Google Fonts-plug-in, niet door uw thema:

Selecteer Standaard typografie in het submenu.

Voor verschillende soorten inhoud op uw site kunt u nu een lettertype selecteren in Google Fonts:

  • Alinea's – de tekst binnen pagina's/berichten.
  • Kop 1 – de titel van je blogpost/pagina.  
  • Kop 2 – de kop op het hoogste niveau in je bericht/pagina.
  • Kop 3 – een onderkop onder rubriek 2.

Klik op Lettertype bewerken voor het type inhoud dat u wilt wijzigen. De naam en het gewicht van het lettertype zijn vervolgens aan u om te kiezen. U zou de live preview van uw site-update moeten zien terwijl u uw beslissingen neemt.

Als u tevreden bent met uw selecties, klikt u op Publiceren om uw nieuwe lettertypen te publiceren.

3. Hoe WordPress-lettertypen in de editor te wijzigen

We hebben laten zien hoe u het lettertype in een WordPress-thema voor uw hele website kunt wijzigen met behulp van de twee hierboven genoemde methoden. Met andere woorden, alle alineatekst op uw site verandert als u het lettertype voor uw alineatekst wijzigt.

Het kan echter voorkomen dat u de lettertypen slechts voor een enkel gedeelte van de inhoud hoeft te wijzigen.

Gebruik de gratis plug-in "Fonts Plugin" om dit te configureren (waarmee je ook aangepaste lettertypen aan je WordPress-thema kunt toevoegen, net zoals de Easy Google Fonts-plug-in in het vorige gedeelte).

U krijgt een nieuw Google Fonts-blok waarmee u tekst kunt toevoegen met elk Google-lettertype na het installeren en activeren van de gratis plug-in. Bovendien kunt u koppen of alineatekst selecteren met behulp van de blokinstellingen:

Hoe het lettertype in een WordPress-thema te veranderen

U zou op dit moment het lettertype in een WordPress-thema moeten kunnen wijzigen.

De ingebouwde typografie-opties van de WordPress Customizer kunnen worden gebruikt als je al een flexibel thema hebt geïnstalleerd, zoals Neve.

Als je thema niet veel ingebouwde opties heeft, kun je ook ondersteuning toevoegen voor de 600+ Google Fonts-lettertypen door de Easy Google Fonts-plug-in te gebruiken (of de Fonts-plug-in die ik je in de bonussectie heb laten zien).

Bezoek een gids over hoe u converteer elk WordPress-thema in een op maat gemaakte site voor aanvullende suggesties over hoe u uw thema kunt personaliseren en van uw merk kunt voorzien.

Als je deze handleiding als video wilt zien, kun je op de onderstaande video klikken.

IMH

Wil je een snelle website?

Wie ben ik voor de gek aan het houden? Doen we dat niet allemaal?

Dus waarom worstelen zovelen van ons?

De grootste uitdaging is meestal het vinden van een snel, betrouwbaar hostingbedrijf.

We hebben allemaal de nachtmerries meegemaakt - ondersteuning duurt een eeuwigheid of lost ons probleem niet op, altijd iets aan jouw kant de schuld geven... 

Maar het grootste minpunt is dat de website altijd traag aanvoelt.

At CollectiveRay we hosten met InMotion-hosting en onze website is stom snel. We draaien op een custom stack van LightSpeed ​​server setup op MariaDB met een PHP7.4 engine en via Cloudflare. 

Gecombineerd met onze front-end optimalisaties bedienen we elke dag betrouwbaar 6000 gebruikers, met pieken van 50+ gelijktijdige gebruikers. 

Wil je een snelle installatie zoals de onze? Breng uw site gratis over naar InMotion-hosting en ontvang onze 50% KORTING op de huidige prijzen.

Probeer InMotion Hosting met 50% KORTING voor CollectiveRay ALLEEN voor bezoekers in september 2024!

InMotion-hosting 50% KORTING voor CollectiveRay bezoekers

Lettertype wijzigen in WordPress-thema Veelgestelde vragen

Hoe kan ik de lettergrootte in WordPress wijzigen zonder CSS te gebruiken?

U kunt de lettertypen in de meeste thema's wijzigen met de WordPress Theme Customizer. The Theme Customizer, te vinden onder Uiterlijk »Aanpassen, en is hiervoor de beste tool. Mogelijk kunt u de lettergrootte in sommige WordPress-thema's wijzigen. U kunt het gebruiken zonder CSS-code te schrijven als u deze optie kunt vinden.

Hoe kan ik de tekenstijl wijzigen met HTML?

U kunt gebruik maken van de stijleigenschap in HTML om de lettertypestijl van de tekst te wijzigen met behulp van HTML. De inline-stijl van een element wordt gespecificeerd via de eigenschap style. Het attribuut wordt gebruikt met de CSS-eigenschappen font-family, font-size, font-style en de HTML label. De tag wordt niet ondersteund door HTML5, dus wordt in plaats daarvan de CSS-stijl gebruikt om het lettertype aan te passen. 

Over de auteur
Shahzad Saeed
Shahzaad Saaed is te zien geweest op een groot aantal gezaghebbende websites, waaronder EasyDigitalDownloads, OptinMonster en WPBeginner, waar hij momenteel werkzaam is als senior contentschrijver. Shahzad is een WordPress-expert, webontwerper en algehele technologie- en ontwerpexpert. Hij is gespecialiseerd in contentmarketing om bedrijven te helpen hun verkeer te vergroten door middel van bruikbare en op ervaring gebaseerde artikelen, blogs en deskundige gidsen, allemaal ontleend aan zijn meer dan 10 jaar ervaring in het veld.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...