Waarvoor gebruik je een Table block op je pagina?
In het begin van het internet werden tabellen gebruikt voor de opmaak van webpagina's. Dit was de makkelijkste manier om alle elementen op de pagina op de juiste plek te krijgen. Inmiddels is het gebruik van een tabel op een pagina op te maken bad practice. Met semantische HTML en CSS kan je web pagina's maken die goed zijn voor UX (user experience), SEO en makkelijk te gebruiken voor de ontwikkelaar van de website. Wanneer gebruik je dan wel een tabel op je pagina? Je gebruikt het Table block wanneer je informatie, zoals een prijslijst of een vergelijking van features, op een gestructureerde, overzichtelijke manier op je pagina weer te geven.
Hoe voeg je een tabel blok toe aan je post of pagina
- toevoegen:
- /tabel blok (table)
- + teken in de Gutenberg editor, zoek tabel
- stel het aantal kolommen en rijen in (kan je later aanpassen)
- klik 'create table'
- toolbar settings
- uitlijnen tabel blok
- uitlijnen tekst
- vette of cursieve tekst
- link aan tekst toevoegen
- tabel aanpassen:
- voeg rij toe voor
- voeg rij toe na
- verwijder rij
- voeg kolom toe voor
- voeg kolom toe na
- verwijder kolom
- block settings
- verschillende stijl opties
- tekst en/of achtergrond kleur aanpassen
- instellingen randen:
- lijndikte
- lijn stijl
- kleur
- tabel instellingen:
- vaste breedte cellen
- voeg tabel header toe
- voeg tabel footer toe
- typografie instellingen
Handig om te weten
- Afhankelijk van je Wordpress thema kan er een verschil zijn tussen de tabel in je Wordpress Editor en de uiteindelijke versie op je website. Bekijk de uiteindelijke versie met de preview functionaliteit
- Je kan per kolom de tekst uitlijnen (links, rechts of midden)
- Wanneer je een rand in wil stellen, moet je naast de dikte van de lijn ook de kleur instellen. De standaard 'kleur' is namelijk transparant
- heb je een rand (border) toegevoegd, en vind je het toch niet zo mooi? Verwijder de breedte, kleur en stijl en de rand is weg
Supersnel stap voor stap een tabel toevoegen
- /tabel
- aantal kolommen en rijen instellen
- header toevoegen
- voeg de inhoud aan je tabel toe
- rijen en kolommen toevoegen en/of verwijderen
- opmaak aanpassen
