Hoe maak je een tabel in WordPress zonder plugin

Hoe maak je een tabel in WordPress zonder plugin

We definiëren de hoofdgedachte van een CMS als volgt:
De eenvoudige manier om de inhoud van de website te onderhouden, houdt deze fris en accuraat voor niet-technische beheerders. Hierdoor kunt u uw website gebruiken als het primaire communicatiekanaal met lage kosten. Daarom is de overstap naar een Gutenberg-thema en blokken de beste keuze om je marketingdoelen te bereiken. We bewijzen het bovenstaande door te laten zien hoe je een tabel toevoegt in WordPress zonder plugin.

Je kunt een aantal blogposts vinden over hoe je een tabel toevoegt in WordPress zonder plugin waarin staat dat het niet eenvoudig is of dat je Google Docs of Word moet gebruiken. Nou, dat kan waar zijn, tenzij je nog steeds niet bent overgestapt op het Citadela Gutenberg thema. Oude thema's met hun page builder gebruiken een klassieke editor. En er was niet zo'n gemakkelijke optie als Gutenberg editor je geeft.

Nu beginnen

Begin nu met een risicovrije proefversie. Geen creditcard nodig.

Verken twee opties voor WordPress-tabellen in Citadela

Op basis van de inhoud van je WordPress tabel, heb je twee keuzes voor het Gutenberg blok dat een tabel maakt in WordPress. Je krijgt veel meer opties dan je je kunt voorstellen in combinatie met andere blokken.

Gebruik de premium versie van Citadela en je hebt geen extra plugin nodig om de tabel toe te voegen in WordPress.

Prijs tabel blok

Omdat tabellen meestal worden gebruikt om artikelen en prijzen te presenteren, hebben we een speciaal Prijstabel blok gemaakt, dat is opgenomen in Citadela Blocks plugin (algemeen compatibel met de meeste moderne WP-thema's). Je kunt het heel eenvoudig gebruiken in de WordPress blok editor om prijzen op een aantrekkelijke manier te presenteren en te beheren.

Dit blok heeft geavanceerde instellingen en je kunt de responsieve versie instellen volgens je behoeften. Het is beschikbaar in Citadela Pro Plugin.

Prijstabel gemaakt met speciaal WP blok

WordPress zelf biedt echter een standaardblok voor het maken van tabellen. Het heet eenvoudig: Tabel bloken je kunt er binnen een paar minuten een heel eenvoudige presentatie mee maken, bijvoorbeeld van je abonnementspakketten.

Tabel blok van WordPress

Vandaag bekijken we Table Block in meer detail en praten we over:

Waarom zijn tabellen in WordPress praktisch

Tabellen in WordPress - gebruikt in recepten voor voedselblogs
Tabellen helpen je om alle ingrediënten in je recepten beter te organiseren

Tabellen worden universeel gebruikt in Berichten en Pagina's. De basisfunctie is het organiseren van gegevens of getallen. Tabellen zijn ook nuttig voor bloggers. Reisbloggers kunnen bijvoorbeeld prijzen vergelijken voor individuele bestemmingen. Foodbloggers kunnen gemakkelijk een lijst van ingrediënten of benodigde hoeveelheden maken.

Last but not least is het mogelijk om tabellen te gebruiken om openingstijden of prijstabellen van diensten en producten te presenteren. Het maakt niet uit of je een website hebt voor een restaurant, schoonheidssalon of bakkerij. Je zult zeker gebruik kunnen maken van tabellen op je website.

Tabelblok gebruiken en tabel maken in WordPress (zonder plugin)

Tabellen maken in WordPress met behulp van block editor is een fluitje van een cent. Met behulp van Table block kun je in een paar klikken tabellen maken zonder plugin of codering. Laten we eens kijken hoe het werkt:

  • Als eerste moet je het WordPress Tabelblok invoegen. Je kunt dit doen door op "+" te klikken in de bovenste balk of ergens anders in de editor. Daarna kun je een bepaald blok kiezen.
Tabellen toevoegen in WordPress door op "+" te klikken
Tabellen toevoegen door op "+" te klikken

Het is ook mogelijk om tabelblok in te voegen met schuine streep "/" na het woord "table" om te zoeken naar tabelblok.

Tabelblok met schuine streep "/" toevoegen
Tabellen toevoegen met schuine streep "/"

Nadat je het tabellenblok hebt toegevoegd aan je pagina of bericht, moet je de basisinstellingen instellen, zoals het aantal kolommen en rijen.

Tabelblok met basisinstellingen
Nadat de tabel is gemaakt, stellen we het aantal kolommen en rijen in

Ontdek het nieuwste Citadela thema, waar je tabellen kunt maken met behulp van het WordPress Tabel blok en ook gebruik kunt maken van onze op maat gemaakte blokken. Leer meer over Citadela dat je kunt aanpassen met lay-out pakketten ontwikkeld voor specifieke soorten bedrijven.

Instellingen tabelblok in werkbalk

Nu weet je hoe je een tabel kunt maken in WordPress. Vervolgens laten we je zien hoe je ermee kunt werken.

Met de werkbalk boven de tabel kun je de opmaak en styling wijzigen. Met deze instellingen kun je veranderen hoe de tabel eruit komt te zien. Vergeet niet dat het uiteindelijke uiterlijk altijd afhangt van het actieve WordPress thema dat je gebruikt.

Wat kan er veranderd worden?

1. Blokstijlen

Met het eerste pictogram kun je tabelstijlen selecteren. Je kunt kiezen uit 2 opties:

  • Standaard - Tabelcellen hebben randen, zonder achtergrond. Achtergrondkleur voor het hele blok kan later worden toegevoegd.
  • Strepen - tabel zonder randen, maar elke tweede regel wordt gemarkeerd met een achtergrond. Deze stijl is moderner en minder formeel.
Standaard blokstijl en Strepen blokstijl
Kies de stijl van je Tabelblok tussen Standaard of Streep look

2. WordPress tabelblok uitlijnen

De uitlijning van de tabel kan ook worden gewijzigd in de bovenste werkbalk boven het blok. Je kunt kiezen voor een van de klassieke uitlijningen zoals links, rechts of in het midden, maar je kunt de tabel ook breed of volledig breed maken. De beschikbaarheid van de laatste twee is altijd afhankelijk van het actieve WordPress thema dat je gebruikt.

3. Tabelinhoud opmaken

Tekst of getallen in tabellen kunnen vet of cursief worden weergegeven. Je kunt een link naar een andere pagina, grafiek of afbeelding toevoegen.

4. Tekstuitlijning in tabel

De nieuwste versie van WP zorgt ervoor dat het mogelijk is om niet alleen de hele tabel uit te lijnen, maar ook de tekst binnen de rijen. Je kunt nu ingevoegde tekst op elke regel apart uitlijnen. Deze functie helpt je om een mooiere tabel te maken.

5. Aantal kolommen en rijen

Hoe voeg je kolommen of rijen in tabellen toe in WordPress? In het tabellenblok is dat heel eenvoudig. Met dit blok kun je heel snel cellen toevoegen of verwijderen. Klik gewoon op "Tabel bewerken" en daarna op de actie die je wilt uitvoeren. Als je op "Rij toevoegen na" klikt, wordt er onderaan meteen een nieuwe rij aangemaakt.

Rij toevoegen na in aangemaakte tabel
Eenvoudige manier om de volgende rij toe te voegen in slechts 2 klikken

WordPress Tabel blok instellingen in inspector

Terwijl je met de bovenste werkbalk instellingen voor tabelcellen kunt wijzigen, wordt een werkbalk aan de rechterkant, Inspector genaamd, gebruikt voor complexere instellingen van tabelblokken. Ook hier kun je blokstijlen configureren (Standaard of Strepen), maar je kunt ook achtergrondkleur en tabelbreedte instellen.

Tafelinstellingen

Standaard passen tabelcellen zich dynamisch aan aan de hoeveelheid tekst die erin staat. Je kunt ook de functie "Vaste breedte tabelcellen" gebruiken. Alle cellen hebben dan dezelfde breedte, ongeacht wat je erin zet.

Functie voor tabelcellen met vaste breedte
Als je de functie "Tabelcellen met vaste breedte" inschakelt, heeft elke cel dezelfde grootte

Kleurinstellingen

Met Inspector kun je ook de achtergrondkleur van de tabel wijzigen. Als je Standaardstijl hebt geselecteerd, zal de hele tabel dezelfde achtergrondkleur hebben. Als je Strepen selecteert, krijgt alleen elke tweede regel een achtergrond.

Kleurinstellingen van tabelblok
Kleur van blok wijzigen

Nieuw toegevoegde functie: Ondersteuning van header en footer

Om tabellen toegankelijker te maken, hebben ontwikkelaars de header en footer optie toegevoegd aan het WordPress Tabel blok. Deze functionaliteit zorgt ook voor een betere structurele definitie (van gegevens) en geeft nauwkeurigere informatie aan mobiele assistenten. De tabelstructuur omvat nu <thead>, <tfoot>en <tbody> om de kop, voettekst en body van de tabel te identificeren en te onderscheiden. Je kunt de kop- en voetteksten direct vanuit de Inspector in- of uitschakelen.

Wordpress Tabel blok
Nu kun je kop- en voetteksten toevoegen aan je tabel

Extra tip: Hoe maak je een tabel in WordPress zonder plugin naast de afbeelding?

Moet je een tabel en een afbeelding naast elkaar hebben? Dan moet je het blok Kolommen gebruiken. Met dit blok kun je verschillende inhoudstypen invoegen in kolommen en ze mooi uitlijnen.

Hoe doe je dat?

Voeg Tabelblok in in één kolom en Afbeeldingsblok in de tweede. Zo krijg je een geneste tabel binnen het WordPress Kolomblok naast de afbeelding. Het is heel eenvoudig en je hoeft je geen zorgen te maken over uitlijning of responsieve versie.

Geneste tabel in WordPress Kolommen blok
Met behulp van het blok Kolommen kun je je tabel naast de afbeelding plaatsen

Je kunt meer lezen over Kolomblok in ons artikel Hoe maak je kolommen in WordPress zonder plugin.

14 gedachten over “How to Create Table in WordPress without plugin

  1. Heel goed bericht, wordpress heeft opties die veel gebruikers niet zien, je bericht verduidelijkt het. Het is de dood van tabel plugins

  2. Wat een leuke informatie! Zeker een aanrader en een ontdekking!
    Het heeft me echt geholpen, heel erg bedankt.

  3. Zeer nuttig. Geweldig om meer te leren over de nieuwe blokfuncties van Gutenberg. Ga zo door! Nog een fijne dag 🙂

  4. Het mist een essentiële functie, namelijk responsief.

    Als ik de tabel mobiel bekijk met 6 kolommen of meer, wordt hij gecomprimeerd en ziet hij er vreselijk uit.
    Ze hadden het op zijn minst moeten testen!

  5. Nu je klaar bent met het maken van de tabel, is de volgende stap om hem toe te voegen aan je bericht. Daarvoor moet je eerst de Shortcode van de tabel kopiëren. Dat kun je doen door te navigeren naar TablePress Alle tabellen. Zoek vervolgens de tabel die je wilt kopiëren en klik eronder op Show Shortcode? Na een klik verschijnt er een pop alert met de shortcode.

  6. Ik begrijp niet waarom de WordPress ontwikkelaars er niet aan hebben gedacht om de tabel in 2020 responsive te maken. Hoe is dat zelfs maar mogelijk? Dus voordat het zover is, zullen er nog steeds plugins nodig zijn om dit op te lossen. Naar mijn eerlijke mening. Maar wel een geweldig artikel.

    1. Hallo daar,

      Bedankt voor het vragen. Er is standaard geen optie om dit te beheren in paneelbeheer. Misschien kunt u overwegen om een ander type tabelblok te gebruiken. Kijk eens naar die van PublishPress Blocks (waar u verschillende soorten randen, kleuren, lettertypen, achtergronden enz. kunt beheren).

      Fijne dag!
      Zlatko
      AIT-team

      1. Is er een manier om cellen van een kolom samen te voegen zonder plugins te gebruiken?

        1. Hallo daar,

          Bedankt voor je vraag. Het blok dat behandeld wordt door de WordPress community staat op dit moment geen samenvoegcellen toe. Misschien kan daar in de toekomst een optie voor komen.
          Als we je nog ergens mee kunnen helpen, neem dan gerust contact met ons op.

          Fijne dag!
          Zlatko
          AIT-team

Reacties zijn gesloten.