Hoe het lettertype van de website in WordPress te wijzigen

Het aanpassen van uw website is een belangrijk onderdeel van het maken en kan uw lezers en klanten aantrekken of verbazen. Laten we u leren hoe u het lettertype van de site in WordPress kunt wijzigen

Sitebron op wordpress
Het kunnen kiezen van verschillende lettertypen betekent niet dat je het moet doen

De bron van een website is een zeer belangrijk detail en kan verantwoordelijk zijn voor het succes of falen van uw website. Denk je van niet? Denk dan bijvoorbeeld aan een bruidswebsite, je zult zien dat het logo een volledig lettertype kan hebben vol achterkant, fijne lijntjes, rondingen en allerlei extra dingen waardoor het er klassieker uitziet. Maar stel je voor dat je de hele site leest met dit lettertype? Het geeft niet.

Aan de andere kant kan het ook erg saai worden als je elk element van je site met een standaardlettertype hebt. Een geheel witte website met het basislettertype, dat eruitziet als een Word-document. Het is ook niet interessant. Er zijn twee extreme gevallen die heel goed kunnen gebeuren en bepalen of een site goed of slecht zal zijn.

Maar hoe verander je het lettertype van de website? Daar gaan we het in deze tutorial over hebben. U kunt leren hoe u het lettertype van uw site kunt wijzigen, hetzij via programmeren, hetzij via enkele goede plug-ins om dit werk te doen. Als je geen verstand hebt van programmeren, raden we het gebruik van plug-ins aan, ze zorgen immers al voor al het codegedeelte van de site en voorkomen dat je per ongeluk iets verkeerd verandert en de rest schaadt.

Snelle veelgestelde vragen

U kunt in dit artikel de plug-ins Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer en Tiny MCE Advanced kennen. Wat is CSS?

Het betekent dat Cascading Style Sheets (CSS) code is om stijl (bijv. kleuren, lettertypen, spatiëring en andere) aan een document op het web te wijzigen of toe te voegen

-- Adverteren --
Welke plug-ins kan ik gebruiken om het lettertype van mijn WordPress-thema te wijzigen?

U vindt in dit artikel de plug-ins Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer en Tiny MCE Advanced

Kan ik elk lettertype in mijn WordPress-thema gebruiken?

Ja, betaalde lettertypen moeten worden gekocht voordat ze aan de site worden toegevoegd.


Waar kan ik gratis lettertypen downloaden?


Het lettertype van de site wijzigen in WordPress: zo doe je het

Wil je wat individualisme of branding toevoegen aan je WordPress-site? Een geweldige manier om dit te doen, is door de lettertypen binnen uw thema te wijzigen. Niet alle WordPress-gebruikers zijn echter gelijk en hebben dezelfde kennis. Het veranderen van het thema via CSS kan voor sommige gebruikers met programmeerkennis gemakkelijker zijn en het individueel doen door middel van de juiste stukjes code.

-- Adverteren --

Hoewel sommige gebruikers die een nieuw lettertype nodig hebben, zich misschien niet zo op hun gemak voelen met CSS en code te rommelen, hebben ze een meer rechttoe rechtaan optie nodig. Meer "visueel" en kan snel worden gedaan met een klik of twee. In dit artikel laten we u verschillende opties zien voor het bijwerken en wijzigen van lettertypen in uw WordPress-thema.

Hoe lettertypen in WordPress-thema's te wijzigen

Een WordPress-themaontwerper kan specifieke lettertypen kiezen voor specifieke delen van een thema. Om de lettertypen van een WordPress-thema te wijzigen, moet u in het CSS-script aangeven dat u het lettertype voor dat specifieke gebied weergeeft (koptekst, voettekst, hoofdtekst, enz.)

Als u van plan bent een geheel nieuw lettertype te gebruiken, moet u vooraf coderen via de @font-face-regel. Het eerste dat u hoeft te doen, is een lettertype kiezen dat is gelicentieerd voor gebruik op internet. Vervolgens moet u het door u gekozen lettertype naar de server uploaden. Ten slotte moet u uw lettertypefamilie bovenaan style.css definiëren. We raden aan om voor de veiligheid een eenvoudig thema te gebruiken, bij voorkeur niet in je eigen websitethema. Zie een voorbeeld met het lettertype “Museo 300”

@font-face {font-familie: Museo300; src: local('Museo300-Regular'), url(“fonts/Museo300-Regular.ttf”) format('truetype'); lettergewicht: normaal;}

1. Verander het lettertype globaal

Het globaal wijzigen van uw lettertype in uw thema is net zo eenvoudig als het invoeren van een regel code. Vind het in je thema-editor door op 'Editor' te klikken op het tabblad Uiterlijk. Onderaan de pagina vindt u de CSS-stylesheet van het thema. Hier worden de bronnen gedefinieerd.

Plak deze regel code bovenaan je stylesheet:

-- Adverteren --
*{font-familie:"Lettertypenaam"}

2. Wijzig het lettertype voor specifieke onderwerpgebieden

Meestal wilt u verschillende lettertypen voor verschillende delen van uw site. Het identificeren van lettertypegebieden kan echter lastig zijn, omdat WordPress-thema's lettertypen op zoveel verschillende manieren gebruiken. Lettertypen kunnen eigenlijk overal worden gebruikt (niet dat dit wordt aanbevolen, maar het kan wel).

Meestal wordt een bepaald lettertype gevonden in de hoofdtekst van de website. Dit is een uitgebreid lettertype en zal worden gebruikt om de bron te bepalen van lettertypen op de website die niet zijn gedefinieerd door een specifieke tag, klasse of div.

body {font-familie: Verdana, Arial, Helvetica, Futura, schreefloos; lettergrootte: 1in; opvulling:0; marge:0; }

Lettertypen in berichtinhoud bevinden zich meestal in de volgende CSS-klassen: inhoud, post, invoer en postinvoer.

Hoe de lettergrootte in WordPress te veranderen

Naast het toevoegen van een uniek lettertype aan uw WordPress-site, moet u de lettergrootte aanpassen. Er zijn een paar manieren om de lettergrootte en tekstopmaak in WordPress te vergroten of te verkleinen. De eerste methode zou zijn om de kopgrootte aan te passen. In de visuele editormodus kunt u alle beschikbare items zien op het tabblad "Alinea". U kunt de lettergrootte die uw thema gebruikt voor alinea's aanpassen met behulp van CSS-code, als u weet hoe u dit moet doen.

Waar vind ik lettertypen voor mijn WordPress-thema?

-- Adverteren --

Er zijn enkele sites waar u gratis lettertypen kunt downloaden om op de site op te nemen. Sommige plug-ins brengen deze bronnen al rechtstreeks met zich mee, maar als u ze afzonderlijk wilt downloaden, raden we de volgende sites aan:

  • Google-lettertypen: De website van Google is de grootste opslagplaats van gratis lettertypen. Je kunt ze ook op je computer gebruiken en in je WordPress-thema opnemen. Allemaal gratis.
  • Adobe Edge-weblettertypen: Een website voor gratis lettertypen die is ontworpen voor gebruik op Adobe-producten, maar ze werken prima op elke website. Het is ook gratis.
  • Fonts.com: Hier heb je enkele opties voor betaalde lettertypen. Het goede deel is dat u een meer "exclusief" lettertype kunt hebben en u kunt onderscheiden van uw concurrentie.
  • lettertype: Dit is voor degenen die zich echt willen onderscheiden en een aantal unieke lettertypen hebben. De lettertypen zijn betaald, maar ze bieden een aantal dingen die je normaal niet ziet.

Plug-ins voor WordPress-lettertypen

Als je jezelf niet als een expert in technologie, codering beschouwt of gewoon niet met de code wilt rotzooien, is het gebruik van een plug-in om lettertypestijlen aan te passen de juiste keuze voor jou. De realiteit is dat veel mensen zich tot WordPress wenden omdat codering hen vreemd is.

Dus, net zoals u een plug-in kunt gebruiken om u door goede SEO-praktijken te leiden, wilt u misschien een plug-in gebruiken om u te helpen bij het kiezen van de juiste lettertypen en om te bepalen welke er het beste uitzien op uw site. Om nog maar te zwijgen van het feit dat het veel gemakkelijker is om dit te doen door met de verschillende soorten lettertypen te experimenteren en te beslissen welke het beste voor u werkt.

Binnen de map met plug-ins zijn er veel gratis bronnen voor lettertypen die u kunnen helpen het gewenste ontwerp te krijgen, dus laten we er een paar voorstellen die u op die reis kunnen helpen. Onthoud dat deze plug-ins werken met gratis lettertypen! Je kunt een lettertype naar keuze kopen en deze ook aan je site toevoegen, en over het algemeen kun je dit doen via de hierboven beschreven methode, maar dat is aan jou!

Makkelijk Google Fonts

Eenvoudige Google-lettertypen
Makkelijk Google Fonts

Google heeft een enorme verzameling lettertypen en Makkelijk Google Fonts biedt een eenvoudige en gemakkelijke manier om aangepaste Google-lettertypen toe te voegen aan elk WordPress-thema zonder codering. Deze plug-in integreert met WordPress Customizer, zodat u Google-lettertypen in realtime op uw website kunt bekijken. U kunt de kleur van elke koptekst wijzigen om ze te onderscheiden. Zoek een lettertypefamilie die je leuk vindt en speel met verschillende versies ervan.

-- Adverteren --

WP Google-lettertypen

Wp google-lettertypen
WP Google-lettertypen

Als de bovenstaande plug-in niet geschikt voor u is, probeer dan de WP Google-lettertypen. De WP Google Font-plug-in maakt het nog gemakkelijker om de gratis service van Google te gebruiken om lettertypen van hoge kwaliteit aan uw WordPress-site toe te voegen. Deze plugin voegt niet alleen de benodigde Google code toe, maar biedt ook de mogelijkheid om vanuit de WordPress beheerder Google fonts toe te wijzen aan specifieke CSS elementen op je website. Het is een geweldige manier om uw site op te fleuren zonder veel ontwikkelingservaring of codeerkennis te hebben.

Gebruik een lettertype

Gebruik een willekeurig lettertype
Gebruik een lettertype

In tegenstelling tot de bovenstaande opties, met de Gebruik een lettertype, kunt u elk lettertype gebruiken dat u wilt, zolang het maar in het juiste formaat is. Letterlijk elk lettertype dat u op internet vindt, kunt u gebruiken en aan uw website toevoegen.

De plug-in integreert met de editor, zodat u elke gewenste sectie kunt markeren en het lettertype daar kunt wijzigen. U hoeft geen hoofdlettertype voor uw thema te kiezen, maar u kunt tijdens het schrijven kiezen wat u maar wilt. Als dit te veel werk lijkt, is er de mogelijkheid om een ​​lettertype toe te wijzen voor je hele site en een ander lettertype voor elk element. De plug-in is gratis en heeft meer dan 100.000 actieve plug-ins.

MW-lettertypewisselaar

mw lettertype-wisselaar
MW-lettertypewisselaar

MW-lettertypewisselaar stelt gebruikers in staat een selectie van lettertypen in te schakelen die verband houden met Perzische, Arabische en Latijnse talen. Deze plug-in biedt lettertypen voor meer dan 30 talen. Het is een handig hulpmiddel voor iedereen die een website wil maken die met andere talen spreekt, vooral die op basis van symbolen of ideogrammen, zoals een website die leert schrijven in het Japans.

Tiny MCE Advanced

Tiny mce geavanceerd
Tiny MCE Advanced

O Tiny MCE Advanced stelt u in staat om de knoppen toe te voegen, te verwijderen en te ordenen die worden weergegeven in de werkbalk van de visuele editor. Met deze plug-in kunt u de knoppen toevoegen, verwijderen en ordenen die worden weergegeven in de WordPress Visual Editor-werkbalk in alinea- of klassieke alinea-blokken in de blokeditor en in de klassieke editor (indien gewijzigd door een andere plug-in). Daar kunt u maximaal vier rijen knoppen configureren, inclusief lettergroottes, lettertypefamilie, tekst- en achtergrondkleuren, tabellen, enz.

-- Adverteren --

Nu is het aan jou. Als u wilt leren hoe u een WordPress-site helemaal opnieuw kunt bouwen, hebben we een handleiding om u op weg te helpen, evenals: enkele andere tips. Laat dus in de reacties achter wat je van onze tutorial vindt. Heb je andere lettertypetips op WordPress? Geniet en lees meer over technologie op onze website.

Avatar van Paulo Fabris

Paulo Fabris is een journalist, schrijver, RPG-speler, gamer, cosplayer, nerd en fan van anime sinds de tijd van TV Manchete.