Hoe de tekstkleur in WordPress te veranderen - DeLaatbusiness

Hoe de tekstkleur in WordPress te veranderen

6 min


101
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Onlangs vroeg een van onze lezers of er een eenvoudige manier was om de tekstkleur in WordPress te wijzigen?

Het antwoord is ja. U kunt uw lettertypekleur in WordPress eenvoudig op uw hele site wijzigen, of zelfs slechts voor een enkel woord in uw berichtinhoud.

In deze handleiding laten we u stap voor stap zien hoe u eenvoudig de tekstkleur in WordPress kunt wijzigen.

Verander eenvoudig de tekstkleur in WordPress

Er zijn veel redenen waarom u de tekstkleur in uw berichten of pagina’s wilt wijzigen. Misschien wilt u een trefwoord benadrukken of wilt u gekleurde ondertitels op een bepaalde pagina gebruiken.

U kunt ook de tekstkleur op uw hele site wijzigen. Misschien gebruikt uw thema een grijze kleur voor tekst, maar maakt u het liever zwart of donkerder grijs voor een betere leesbaarheid.

In deze zelfstudie behandelen we de volgende methoden:

Klik gewoon op een van die links om direct naar die methode te gaan.

Als je liever schriftelijke instructies hebt, blijf gewoon lezen.

Methode 1. De tekstkleur wijzigen met behulp van de visuele editor

U kunt de standaard WordPress-editor gebruiken om woorden, alinea’s of zelfs subkoppen in een andere kleur dan uw hoofdtekst te plaatsen.

Een voorbeeld van gekleurde tekst op een WordPress-pagina

Hier ziet u hoe u uw tekstkleur kunt wijzigen met de blokeditor.

Eerst moet je het bericht of de pagina bewerken die je wilt wijzigen of een nieuwe maken.

Typ vervolgens uw tekst in. U moet waar nodig een alineablok of een kopblok maken. Voor hulp hierbij, bekijk onze tutorial over het gebruik van de WordPress block editor .

Zodra uw tekst op zijn plaats zit, kunt u de kleur wijzigen.

De tekstkleur van een blok wijzigen

Voor dit eerste voorbeeld gaan we de tekstkleur van het hele blok wijzigen.

Klik gewoon op het blok en het paneel Blokkeerinstellingen zou aan de rechterkant van uw scherm moeten openen. Klik vervolgens op de pijl voor ‘Kleurinstellingen’ om dat tabblad uit te vouwen. Je ziet de tekstkleurinstellingen hier.

Een tekstkleur kiezen voor het hele blok in WordPress

Nu kunt u een nieuwe kleur voor de tekst kiezen. De visuele editor toont u enkele opties op basis van uw thema. U kunt eenvoudig op een van deze klikken om uw tekstkleur te wijzigen.

Als u een specifieke kleur in gedachten heeft, klikt u ook op de link ‘Aangepaste kleur’. Hierdoor wordt een kleurkiezer geopend waarin u handmatig een kleur kunt selecteren. Je kunt dit ook gebruiken om een ​​hexadecimale code in te typen.

Een aangepaste tekstkleur kiezen voor uw blok

Als u van gedachten verandert en terug wilt naar de standaard tekstkleur, klikt u gewoon op de knop ‘Wissen’ onder de kleuropties:

Je blok terugzetten naar de standaard tekstkleur

Pro-tip: als u de achtergrondkleur voor een blok wilt wijzigen, kunt u dat hier ook doen.

De tekstkleur van een woord of zin wijzigen

Wat als je alleen de kleur van een of twee woorden wilt veranderen? Dat is ook gemakkelijk met de blokeditor.

Eerst moet je de woorden markeren die je wilt wijzigen. Klik vervolgens op de kleine pijl naar beneden op de werkbalk van de inhoudseditor .

Markeer de woorden waarvan u de kleur wilt wijzigen

Klik vervolgens eenvoudig op de link ‘Tekstkleur’ ​​onder aan de vervolgkeuzelijst:

Klik op de link 'Tekstkleur' ​​onder aan de vervolgkeuzelijst

Je ziet nu dezelfde kleuropties als voor het hele blok. Nogmaals, u kunt kiezen uit een van de standaardopties of de link ‘Aangepaste kleur’ ​​gebruiken om elke gewenste kleur te selecteren.

Kies de tekstkleur voor uw gemarkeerde woord (en)

De kleuropties zijn niet beperkt tot alineablokken. U kunt ook de tekstkleur van kopblokken wijzigen. Net als bij alineablokken kunt u tekstkleur voor het hele blok instellen in de blokinstellingen. Als alternatief kunt u afzonderlijke woorden markeren en hun kleur wijzigen.

De tekstkleur van een kopblok wijzigen in WordPress

Opmerking: u kunt geen achtergrondkleur instellen voor kopblokken.

U kunt ook de tekstkleur in een lijstblok wijzigen, maar alleen door de woorden te markeren en de werkbalk te gebruiken. Er is geen optie in de blokinstellingen om de tekstkleur voor een heel lijstblok te wijzigen.

De kleur van het lettertype wijzigen met de klassieke editor

Als je nog steeds de klassieke WordPress-editor gebruikt , kun je de lettertypekleur wijzigen met de werkbalk.

Klik in de klassieke editor op de werkbalk Toggle helemaal rechts. Je ziet dan een tweede rij pictogrammen:

Klik op de schakelknop van de werkbalk om de tweede rij met pictogrammen te zien

Nu kunt u uw tekst selecteren en de lettertypekleur wijzigen met de vervolgkeuzelijst met lettertypekleuren.

Gebruik de tekstkleurknop in de klassieke editor

Methode 2. De tekstkleur wijzigen in de Theme Customizer

Wat als u de tekstkleur op uw hele website wilt wijzigen? Met veel van de beste WordPress-thema ‘s kunt u dit doen met behulp van de thema-aanpasser .

Voor dit voorbeeld gebruiken we het OceanWP- thema. Het is een van de beste gratis thema’s die beschikbaar zijn voor WordPress.

Ga in je WordPress-dashboard naar Uiterlijk »Aanpassen om de Theme Customizer te openen.

Ga naar Uiterlijk en vervolgens Aanpassen in je WordPress-dashboard

Vervolgens moet je zoeken naar een optie zoals ‘Typografie’. De beschikbare opties en hoe ze worden genoemd, variëren afhankelijk van uw thema.

Selecteer 'Typografie' of een vergelijkbare optie in de thema-aanpasser

Laten we doorgaan en klikken op het tabblad Typografie, of een gelijkwaardige optie. Zoek vervolgens naar een instelling waar u de tekst van uw berichten en pagina’s kunt wijzigen. In OceanWP wordt dit de ‘Body’-tekst genoemd. U moet hierop klikken, zodat u de lettertypekleur en meer kunt aanpassen.

Selecteer de hoofdtekst die u wilt wijzigen in de aanpasser

Wanneer u op de kleurkiezer voor lettertypen klikt, ziet u een kleurkiezer. Kies de kleur die u voor uw tekst wilt gebruiken. Dit verandert de tekstkleur in al je berichten en pagina’s.

Kies de kleur voor uw lichaamstekst met behulp van de thema-aanpasser

U kunt uw kopkleuren ook op een vergelijkbare manier wijzigen door de opties te gebruiken om H1, H2 enzovoort te wijzigen.

Als u tevreden bent met uw wijzigingen, klikt u op de knop ‘Publiceren’ boven aan het scherm.

Het publiceren van uw wijzigingen op uw website

Tip: het kiezen van zwarte of donkergrijze tekst op een witte of zeer lichte achtergrond is meestal het beste voor leesbaarheid.

Methode 3. De tekstkleur wijzigen met CSS-code

Wat als uw thema niet de mogelijkheid heeft om de tekstkleur te wijzigen?

U kunt de lettertypekleur op een hele site nog steeds wijzigen met de thema-aanpassing. Ga naar Uiterlijk »Customizer in het WordPress-dashboard.

Onderaan de lijst met opties ziet u een tabblad met de tekst ‘Extra CSS’.

Open de sectie Extra CSS van de thema-aanpasser

Klik vervolgens op het tabblad Extra CSS en u ziet enkele instructies plus een vak waarin u CSS-code kunt invoeren.

Om te beginnen kunt u deze code naar het vak kopiëren. Daarna kunt u de 6 cijfers wijzigen in de hex-code van de door u gekozen kleur.

p { color:#990000; }

Voer de CSS in om de alinakleur te wijzigen in de thema-aanpasser

Dit verandert de lettertypekleur van de gewone tekst in al je berichten en pagina’s in donkerrood (of welke kleur je ook kiest), zoals deze:

Tekstkleur op de hele site aangepast met CSS-code

Als je de kleur van de koppen in je bericht wilt wijzigen, kun je in plaats daarvan deze code toevoegen:

h2 { color:#990000; }

Nogmaals, verander de hex-code in de gewenste kleur.

Als u niet bekend bent met CSS of een beginnersvriendelijke CSS-editor wilt waarmee u eenvoudig de volledige stijlen van uw website kunt aanpassen, raden we u aan CSS Hero te bekijken . Het is een krachtige visuele editor waarmee je de stijlen van je hele site kunt aanpassen.

CSS Hero-plug-in

We hopen dat deze tutorial je heeft geholpen om te leren hoe je de tekstkleur in WordPress kunt veranderen. Misschien vind je onze tutorials ook leuk over het wijzigen van de lettergrootte in WordPress en het toevoegen van aangepaste lettertypen in WordPress .


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *