Heb je problemen met het wijzigen van het lettertype in een WordPress-thema?
De typografie van uw website is van cruciaal belang voor zowel de branding als de bruikbaarheid ervan. Daarom is het belangrijk om het juiste lettertype te kiezen.
Gelukkig bieden de meeste WordPress-thema's de mogelijkheid om de lettertypen te wijzigen, hoewel sommige hierin flexibeler zijn dan andere. Daarnaast zijn er plugins beschikbaar die met elk thema gebruikt kunnen worden.
We beginnen dit bericht met een uitleg hoe u de ingebouwde opties van het thema kunt gebruiken om het lettertype in een WordPress-thema te wijzigen.
Daarnaast delen we ook een aantal gratis plug-ins, als je thema nog niet de gewenste lettertypen bevat. Hiermee kun je meer lettertypeopties toevoegen aan elk WordPress-thema, zelfs als het thema niet over flexibele ingebouwde opties beschikt.
We laten ook zien hoe u de WordPress-editor kunt gebruiken om de lettertypen in specifieke stukken content te wijzigen.
{automatisch}
1. Hoe je het lettertype in een WordPress-thema kunt wijzigen met de WordPress Customizer
Normaal gesproken vindt u de lettertypeopties van een thema in de standaard WordPress Customizer. Dit is waar de meeste WordPress-thema's in 2022 afhankelijk zijn van stijl- en ontwerpaanpassingen.
In dit eerste gedeelte laten we zien hoe u de ingebouwde lettertypeopties kunt gebruiken met behulp van ons aanpasbare Neve-thema als voorbeeld.
Het is cruciaal om te onthouden dat elk thema de zaken net iets anders aanpakt. Neve is ook een redelijk aanpasbaar thema, dus de kans is groot dat jouw thema niet zoveel lettertypen biedt.
Dat gezegd hebbende, zou u deze methode met elk thema moeten kunnen gebruiken en in ieder geval toegang moeten hebben tot een aantal lettertypen.
Open de WordPress Customizer
Om te beginnen, ga naar Weergave → Aanpassen om de WordPress Customizer te openen:
Zoek lettertype-/typografie-instellingen
Zoek vervolgens de lettertype-/typografie-instellingen voor je thema. Helaas staan deze voor elk thema anders, dus je zult misschien even moeten zoeken in de verschillende instellingen.
Op het hoogste niveau vindt u de optie Typografie voor het Neve-thema. Klik erop om deze te selecteren.
Kies lettertypen en sla de wijzigingen op
U kunt nu beslissen hoe u verder wilt gaan. Afhankelijk van het thema ziet u mogelijk een verdere onderverdeling van de typografische instellingen per type content. Dit is wat het Neve-thema doet:
Je kunt bijvoorbeeld de lettertype-instellingen voor de koppen van je thema (zoals de bericht- of paginatitel) openen en het WordPress-lettertype wijzigen. Je ziet dat er talloze lettertypen beschikbaar zijn met het Neve-thema:
De lettertypen in de live preview van uw thema worden automatisch bijgewerkt terwijl u uw selecties maakt.
Om uw nieuwe lettertypeselectie te publiceren, klikt u op de blauwe knop Publiceren als u tevreden bent met het uiterlijk.
2. Hoe voeg je Google Fonts toe aan elk WordPress-thema?
Als u de bovenstaande tutorial over het wijzigen van lettertypen in een WordPress-thema hebt gevolgd en niet onder de indruk was van de ingebouwde lettertypeopties van uw thema, kunt u een plug-in gebruiken die u toegang geeft tot meer lettertypeopties, met name tot de duizenden lettertypen in de Google-catalogus, is een goede terugvaloptie.
De gratis Easy Google Fonts-plugin is een van de populairste opties die hier beschikbaar zijn.
U kunt kiezen uit de meer dan 600 gratis lettertypen die Google Fonts aanbiedt met behulp van Makkelijk Google Fonts, dat integreert met elk WordPress-thema.
Voor degenen die er niet bekend mee zijn: Google Fonts is waarschijnlijk de bekendste bron van gratis lettertypen en biedt meer dan voldoende keuze voor de meeste websites.
We schakelen over naar het standaardthema Twenty Twenty One (dat over heel basale typografische bedieningselementen beschikt) om te laten zien 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 Easy Google Fonts-plug-in van WordPress.org om aan de slag te gaan. Als je niet zeker weet hoe je dit moet doen, kun je de handleiding van Sny over het installeren van een WordPress-plug-in raadplegen.
Kies welke Google-lettertypen u wilt gebruiken
Selecteer vervolgens het lettertype dat u wilt gebruiken. De website van Google Fonts maakt het eenvoudiger om al uw opties te bekijken, omdat u daar voorbeelden van elk lettertype kunt bekijken. De volledige lijst is echter ook toegankelijk via de instellingen van de plug-in.
Als je wat ideeën nodig hebt, bekijk dan onze selectie van de beste Google Fonts. Kies daarnaast meestal minstens twee complementaire lettertypes.
Zodra je een lettertype hebt gevonden dat je bevalt, schrijf dan de naam ervan op zodat je het later kunt onthouden. Selecteer ook de specifieke stijlen die je mooi vindt. Bijvoorbeeld 'Medium 500'.
Open WordPress Customizer en bewerk lettertypen.
Om toegang te krijgen tot de WordPress Customizer, ga je naar Weergave > Aanpassen in je WordPress-dashboard.
Het zijbalkmenu zou nu bovenaan een sectie 'typografie' moeten hebben. Deze instellingen worden beheerd door de Easy Google Fonts-plug-in, niet door je thema:
Selecteer Standaardtypografie in het submenu.
Voor verschillende soorten inhoud op uw site kunt u nu een lettertype selecteren uit Google Fonts:
- Alinea’s – de tekst binnen pagina’s/berichten.
- Kop 1 – de titel van uw blogbericht/pagina.
- Kop 2 – de hoogste kop in uw bericht/pagina.
- Kop 3 – een subkop onder kop 2.
Klik op Lettertype bewerken voor het type content dat u wilt wijzigen. U kunt vervolgens zelf de naam en dikte van het lettertype kiezen. U zou een live preview van uw site-update moeten zien terwijl u uw keuzes maakt.
Wanneer u tevreden bent met uw selecties, klikt u op Publiceren om uw nieuwe lettertypen te publiceren.
3. Hoe je WordPress-lettertypen in de editor kunt wijzigen
We hebben laten zien hoe je het lettertype in een WordPress-thema voor je hele website kunt aanpassen met behulp van de twee hierboven genoemde methoden. Met andere woorden: alle alineatekst op je site verandert als je het lettertype voor je alineatekst wijzigt.
Soms hoeft u echter alleen de lettertypen voor een specifiek gedeelte van de inhoud aan te passen.
Gebruik de gratis plugin "Fonts Plugin" om dit te configureren (hiermee kunt u ook aangepaste lettertypen toevoegen aan uw WordPress-thema, net als de plugin Easy Google Fonts in het vorige gedeelte).
Je krijgt een nieuw Google Fonts-blok waarmee je tekst kunt toevoegen met elk Google-lettertype nadat je de gratis plugin hebt geïnstalleerd en geactiveerd. Daarnaast kun je koppen of alineatekst selecteren met behulp van de blokinstellingen:
Hoe verander je het lettertype in een WordPress-thema?
Op dit punt zou u het lettertype in een WordPress-thema moeten kunnen wijzigen.
De ingebouwde typografie-opties van de WordPress Customizer kunnen worden gebruikt als u al een flexibel thema hebt geïnstalleerd, zoals Neve.
Als je thema niet veel ingebouwde opties heeft, kun je ook ondersteuning toevoegen voor de meer dan 600 Google Fonts-lettertypen met behulp van de Easy Google Fonts-plug-in (of de Fonts-plug-in die ik je in het bonusgedeelte heb laten zien).
Bezoek een gids over hoe je converteer elk WordPress-thema naar een site met uw eigen huisstijl voor aanvullende suggesties over hoe u uw thema kunt personaliseren en van uw merk kunt voorzien.
Als u deze handleiding als video wilt bekijken, kunt u op de onderstaande video klikken.
https://www.youtube.com/watch?v=lSFFAYgFxZA
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 bezoekers binnen juli 2025 ONLY!
Veelgestelde vragen over het wijzigen van het lettertype in WordPress-thema's
Hoe kan ik de lettergrootte in WordPress wijzigen zonder CSS te gebruiken?
Je kunt de lettertypen in de meeste thema's wijzigen met de WordPress Theme Customizer. De Theme Customizer, te vinden onder Weergave » Aanpassen, is hiervoor de beste tool. Je kunt de lettergrootte in sommige WordPress-thema's mogelijk aanpassen. Je kunt deze optie gebruiken zonder CSS-code te schrijven als je deze optie hebt.
Hoe kan ik het lettertype wijzigen met behulp van HTML?
U kunt gebruik maken van de stijl eigendom 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. Dit attribuut wordt gebruikt met de CSS-eigenschappen font-family, font-size, font-style en de HTML-eigenschap. tag. De tag wordt niet ondersteund door HTML5, dus wordt de CSS-stijl gebruikt om het lettertype aan te passen.