Voorkom lelijke afbrekingen met een vaste spatie

Soms wordt in een webtekst een regel niet afgebroken waar jij dat wilt. Bijvoorbeeld bij telefoonnummers. In het nummer staan spaties. De browser ‘denkt’ dat na een spatie een nieuwe regel mag beginnen. Maar bij een telefoonnummer wil je dat niet. Het is mooier en duidelijker als het hele nummer op één regel staat.

In dit geval is de oplossing een vaste spatie. Bij een vaste spatie zie je wel de witruimte van een spatie, maar het woord (of de regel) wordt nooit afgebroken op die plek.

Een voorbeeld:

zonder vaste spatie

In dit geval wil ik niet dat er wordt afgebroken tussen 030 en 2761327. En ook niet tussen tel. en 030.

In WordPress zijn er twee manieren om een vaste spatie te maken:

1. Vaste spatie via de knoppenbalk in de editor van WordPress

wordpress toolbar Boven de boven de ruimte waar je je post schrijft stan een aantal knoppen. Klik op het knopje  ‘Teken invoegen’ .

speciaal karakter invoegen

Kies vervolgens het lege vakje linksboven: speciaal karakter

Er wordt nu een vaste spatie ingevoegd. Je ziet er niets van. Het lijkt een gewone spatie. Maar het werkt.

Voetnoot!

Met de huidige versie van WordPress 3.9.1 werkt optie 1 niet meer. Het lege vakje linksbovenin is nu ook echt leeg. Helaas.
Nu blijft dus optie 2 over.

2. Vaste spatie met code

Je kunt bij het bewerken van tekst in WordPress op de tab ‘Tekst’ klikken aan de rechterbovenkant. WordPress tab tekst

Op de plek waar de vaste spatie moet komen type je   Het resultaat:

met vaste spatie

Op wpbieb.nl publiceer ik samen met een aantal collega’s handige WordPress tips voor collega-webdesigners. De hierboven beschreven tip is van mijn collega Corine Voogt op WPbieb: Vaste spatie.

Deel dit:

Kan ik je helpen bij jouw project?

Mail of bel me voor een vrijblijvend advies en prijsindicatie.