Tabellen opmaken in WordPress

Tabellen opmaken in WordPress

Het opmaken van een tabel in WordPress betekent dat je een tabel zo maakt en stileert dat het gemakkelijk wordt om gegevens in de tabel comfortabel te presenteren en weer te geven op webberichten en pagina's. Het helpt je om de duidelijkheid en leesbaarheid van je inhoud te verbeteren.

WordPress heeft een ingebouwd tabellenblok. Maar je kunt alleen tabellen op basisniveau maken met het blok, omdat het tal van geavanceerde functies mist. In dit geval kun je de Tafelberg plugin om je tabellen goed op te maken in WordPress.

In deze blogpost laten we je stap voor stap zien hoe je tabellen opmaakt in WordPress met de Tableberg plugin.

Wat valt er onder het opmaken van een tabel in WordPress?

Tabellen opmaken in WordPress

Je kunt alle bovenstaande opmaak uitvoeren op WordPress met de Tableberg plugin. Laten we eens kijken hoe je dat doet.

Opmerking: Het standaard Tabelblok heeft niet veel opties voor opmaak. In deze tutorial gebruiken we de Tableberg plugin voor het opmaken van een WordPress tabel.

1. Rijen en kolommen

Net als bij het standaard tabelblok kun je met Tableberg het aantal rijen en kolommen definiëren.

Stel het rij- en kolomnummer in

Ook hier, net als het standaard tabelblok, je kunt rijen en kolommen invoegen/verwijderen van de tafel.

De rij of kolom van de tabel toevoegen of verwijderen

2. Rand instellen (kleur en straal)

U kunt de tabel kleur en breedte van de rand, en radiuswat niet mogelijk is met het standaardblok. Je kunt ze beide instellen voor de binnen en buitengrenzen.

Rand instellen (kleur en straal)

3. Celmarge en opvulling

U kunt de marge en opvulling voor cellen aanpassen in twee manierenindividueel en universeel.

  • Marge en opvulling voor afzonderlijke cellen instellen

Plaats je cursor op een cel. Klik op de plus (+) pictogram naast de optie Afmetingen. Je ziet nu twee opties: Opvulling en Marge.

Padding en marge instellen voor afzonderlijke cellen

Nu kun je opvulling instellen voor de cel. Dit kan ook enkele andere cellen beïnvloeden, maar niet allemaal.

Padding instellen voor individuele cel
  • Celmarge en opvulling universeel instellen

Selecteer de hele tabel. Dan, ga naar het tabblad Stijlen.

Celmarge en opvulling universeel instellen

Als je naar beneden scrolt op het tabblad, kom je bij de optie Afmetingen. Onder de optie krijg je Celopvulling en Celafstand. Met deze opties kun je de celopvulling en spatiëring universeel instellen.

Opvulling en marge universeel instellen voor de tabelcellen

4. Uitlijning

Je kunt de uitlijning voor de celtekst afzonderlijk aanpassen.

Celuitlijning instellen

Je kunt ook de uitlijning van je hele tabel aanpassen. Selecteer hiervoor de tabel door op het Tableberg icoon te klikken. Kies vervolgens de uitlijningsoptie.

De uitlijning voor de tabel instellen

5. Achtergrondkleur

Selecteer de tabel. Land op de Tabblad Stijlen. Je krijgt de kleurenoptie. Je kunt de achtergrond apart kiezen voor de oneven rijen, even rijen, tabelkop en voettekst.

Achtergrondkleur toevoegen aan de tabel

Tableberg heeft ook enkele meer geavanceerde functies. Je kunt de celachtergrondkleur, rijachtergrondkleur en kolomachtergrondkleur afzonderlijk instellen.

Achtergrondkleur cel instellen

6. Lettertype en typografie

Met de standaardoptie van de plugin kun je de typografie-instellingen configureren, waaronder lettertype, uiterlijk, regelhoogte, letterafstand, decoratie, hoofdletters, enzovoort.

Lettertype en typografie kiezen

Leer hoe maak je een productspecificatietabel op WordPress.

7. Responsiviteit

Met Tableberg kun je je tabel perfect responsive maken, zodat hij er goed uitziet op alle apparaten, inclusief desktop, tablet en mobiel.

De tabel responsief maken

Hoewel we normaal gesproken geen kop- en voetteksten toevoegen aan onze dagelijkse tabellen, kun je deze eenvoudig toevoegen met de Tableberg plugin. Je vindt deze optie in de plugin.

Een kop- en voettekst aan je tabel toevoegen

9. Wereldwijde stijl

Globale stijl verwijst naar een consistente set van ontwerpen toegepast over de hele tabel. Met de Tableberg plugin kun je de Global Font Style configureren die de kleur van het lettertype, de linkkleur en de lettergrootte bevat.

Globale stijl in Tableberg

10. Afbeeldingen, knoppen en pictogrammen toevoegen

Net als met de Gutenberg block editor, kun je met de Tableberg plugin verschillende soorten inhoud zoals afbeeldingen, knoppen, pictogrammen en linten toevoegen aan je tabelcellen, met behulp van de respectievelijke blokken. Daarna kun je ze stileren zoals elk ander blok.

Afbeeldingen, knoppen en pictogrammen toevoegen

Verken hoe maak je een vergelijkingstabel op WordPress.

Conclusie

Jaren geleden waren mensen veel afhankelijk van aangepaste CSS en HTML-codering om tabellen op webpagina's te ontwerpen. Maar tegenwoordig, met de Tafelberg plugin kun je het eenvoudig doen, zonder dat je iets hoeft te coderen.

Tableberg heeft al veel spannende functies uitgebracht en er zitten nog veel meer functies in de pijplijn. Zeer binnenkort krijg je het als een one-stop oplossing voor alles wat je nodig hebt op een tafel. Haal de plugin dus vandaag nog in huis en beleef een geweldige ervaring.



Het Tableberg-team