Hoe kan ik resizable teksten toevoegen voor bezoekers van de site in WordPress

Heb je de knoppen voor het wijzigen van het lettertype op sommige populaire sites gezien? Het doel van deze knoppen is om bezoekers met een slecht zicht een gemakkelijkere manier te bieden om de tekengrootte aan te passen zonder de lay-out van een website te verbreken. Hoewel u de ingebouwde zoomfunctie van de browser kunt gebruiken door op de toetsen CTRL en + te drukken, vergroot dit de grootte van elk element op de pagina en niet alleen van de tekst. In dit artikel laten we u zien hoe u herbruikbare tekst voor sitebezoekers in WordPress kunt toevoegen.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Het eerste wat u hoeft te doen is de Accessibility Widget-plug-in installeren en activeren op uw website. Ga bij activering gewoon naar Uiterlijk »Widget en sleep de Accessibility Widget in een zijbalk.

U kunt een titel voor de widget invoeren. Vervolgens moet u selecteren welke HTML-elementen of CSS-klassen door de widget worden beïnvloed. De standaardopties zijn hoofdtekst, alinea, lijstitems en tabelcellen. Deze opties zouden voor de meeste websites moeten werken.

De widget biedt maximaal vier opties voor het wijzigen van de grootte. De standaardopties zijn 90%, 100%, 110% en 120%. U kunt de lettergroottes hier vergroten of verkleinen. De laatste widgetinstelling is controller-tekst. Dit is de tekst die gebruikers zullen zien. Meestal wordt letter A gebruikt om de optie voor het wijzigen van lettertypen weer te geven. Als je klaar bent, klik je op de knop Opslaan om je widgetinstellingen op te slaan.

U kunt nu uw website bezoeken om de widget in actie te zien. Dit is hoe de widget nu op uw website moet verschijnen:

Als u van mening bent dat de tekst van de controller niet merkbaar is, kunt u dat wijzigen met behulp van CSS. Voeg deze CSS-code bijvoorbeeld toe aan de stylesheet van uw thema:

 .widget_accesstxt a border: 2px solid # 000; opvulling: 2px; lettertype: vet;  

Deze CSS voegt een rand toe rond de tekst van de controller, maakt deze vetgedrukt en voegt een beetje opvulling toe.

We hopen dat dit artikel je geholpen heeft om een ​​herbruikbare tekstoptie toe te voegen aan je WordPress-site. U kunt ook onze gids raadplegen over het verbeteren van de toegankelijkheid op uw WordPress-site.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Google+.