Vaak krijg ik de vraag hoe om te gaan met tabellen binnen WordPress. Standaard is dit nagenoeg niet te doen, maar door het installeren van de Ultimate TinyMCE of TinyMCE Advanced plugin is dit wel mogelijk. Door middel van deze plugin komen er meerdere knoppen beschikbaar in de knoppenbalk en gootsteen. De gootsteen is een sub knoppenbalk van de knoppenbalk wanneer je een bericht of pagina bewerkt.

Tevens is het met deze plug-ins mogelijk om het verwijderen van de <p> en <br /> tags bij het opslaan te voorkomen.

Uitleg Ultimate TinyMCE

Normaal gesproken wordt ziet de knoppenbalk er als volgt uit.

Werken met tabellen binnen WordPress

De gootsteen zal worden getoond als men op het gootsteen icoontje te klikt of door middel van de toetsencombinatie CTRL+SHIFT+Z  te gebruiken

Werken met tabellen binnen WordPress

Maar dan nog zullen er nog geen functionaliteit voor tabellen beschikbaar zijn.

Werken met tabellen binnen WordPress

Om de tabel functionaliteiten van Ultimate TinyMCE wel mogelijk te gebruiken  moet men met Ultimate TinyMCE de knoppenbalk en gootsteen (naar wens) aanpassen. Na installatie van de plugin kunnen we de instellingen van TinyMCE Advanced aanpassen.

Werken met tabellen binnen WordPress

Pas de instellingen van de rij 3 en rij 4 knoppenbalk naar wens aan

Werken met tabellen binnen WordPress

Als men alles aanvinkt, ziet de knoppenbalk er als volgt uit

Werken met tabellen binnen WordPress

Uitleg TinyMCE Advanced

Om de tabel functionaliteiten van TinyMCE Advanced  wel mogelijk te gebruiken  moet men met TinyMCE Advanced de knoppenbalk en gootsteen (naar wens) aanpassen. Na installatie van de plugin kunnen we de instellingen van TinyMCE Advanced aanpassen.

Werken met tabellen binnen WordPress

Dit kan men doen door de gewenste knoppen aan te klikken en naar de balk toe te slepen.

Werken met tabellen binnen WordPress

Hieronder een voorbeeld van een knoppenbalk configuratie welke ik zelf veel toepas.

Werken met tabellen binnen WordPress

Wat er dan als volgt uitziet als men een bericht of pagina gaat bewerkt.

Werken met tabellen binnen WordPress

Een extra optie met TinyMCE Advanced maakt het mogelijk om het verwijderen van de <p> en <br /> tags bij het opslaan te stoppen. Deze instelling vindt onder de advanced opties.

Werken met tabellen binnen WordPress

Hierdoor is het ook mogelijk om meer geavanceerde HTML gebruiken zonder de back-end-filtering hier veel last van heeft. Het behoudt ook lege nieuwe lijnen in de editor door deze op te vulling met
tags.

Veel succes met het toepassen van deze WordPress handleiding en suggesties zijn altijd van harde welkom.

Robert Collewijn