WordPress werken met tabellen

Werken met tabellen binnen WordPress

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.

WordPress Tabellen 01

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

WordPress Tabellen 02

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

WordPress Tabellen 03

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.

WordPress Tabellen TinyMCE 01

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

WordPress Tabellen TinyMCE 02

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

WordPress Tabellen TinyMCE 03

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.

WordPress Tabellen 04

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

WordPress Tabellen 05

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

WordPress Tabellen 06

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

WordPress Tabellen 06b

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.

WordPress Tabellen 07

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 harte welkom.

Robert Collewijn