{"id":155,"date":"2025-02-09T03:44:50","date_gmt":"2025-02-09T03:44:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=155"},"modified":"2025-02-09T03:44:54","modified_gmt":"2025-02-09T03:44:54","slug":"hoe-knop-toevoegen-aan-tabelblok-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-button-to-table-block-in-wordpress\/","title":{"rendered":"Hoe knoppen toevoegen aan het tabelblok in WordPress"},"content":{"rendered":"<p>Tabellen worden meestal gebruikt om informatie op een gestructureerde manier te organiseren en te presenteren. Door knoppen aan de tabel toe te voegen, kun je gebruikers vaak triggeren om nieuwe berichten en pagina's te verkennen of de betreffende producten en diensten te kopen.<\/p>\n\n\n\n<p>Maar de standaard WordPress tabel heeft geen optie om knoppen toe te voegen. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tafelberg<\/a> is een prachtige plugin om dit probleem op te lossen. Het helpt je om eenvoudig knoppen te maken en toe te voegen aan de cellen, net als Gutenberg-blokken.<\/p>\n\n\n\n<p>Dit artikel legt uit hoe je een knop kunt toevoegen aan een tabelblok in WordPress om het aantrekkelijk te maken.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Probeer gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 1: Installeer de Tableberg-plugin<\/h2>\n\n\n\n<p>Ga naar je WordPress Dashboard. Navigeer naar <strong>Dashboard &gt; Plugins &gt; Nieuwe plug-in toevoegen<\/strong>.<\/p>\n\n\n\n<p>Type <strong>Tafelberg<\/strong> in het zoekvak in de rechterbovenhoek. De plugin verschijnt binnen een seconde hieronder. <strong>Installeer<\/strong> en <strong>Activeer<\/strong> het.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-border-dark-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 2: Tableberg-blok toevoegen aan je bericht\/pagina<\/h2>\n\n\n\n<p>Open de post of pagina waar je de tabel wilt toevoegen. Klik op de <strong>Plus (+) pictogram<\/strong> om de Gutenberg-editor te openen.<\/p>\n\n\n\n<p>Type <strong>Tafelberg<\/strong> in het zoekvak. Klik op het blok nadat het hieronder is verschenen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png\" alt=\"TableBerg toevoegen aan je post of pagina\" class=\"has-border-color has-border-dark-border-color wp-image-157\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 3: Selecteer het aantal rijen en kolommen<\/h2>\n\n\n\n<p>Definieer rij- en kolomnummers voor de tabel. Zoals je in de onderstaande afbeelding kunt zien, hebben we 4 rijen en kolommen gedefinieerd voor onze tabel.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png\" alt=\"Definieer rij- en kolomnummer voor de tabel\" class=\"has-border-color has-border-dark-border-color wp-image-158\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 4: een knop toevoegen aan de tabelcel<\/h2>\n\n\n\n<p>Klik met je cursor op een cel van de tabel. Je ziet een <strong>plus (+)<\/strong> pictogram verschijnt. Door op het plus-pictogram te klikken, krijg je vier verschillende blokken die je aan elke cel kunt toevoegen.<\/p>\n\n\n\n<p>Je krijgt het knopenblok in deze blokkenverzameling. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png\" alt=\"Blokknop op de TableBerg-cellen\" class=\"has-border-color has-border-dark-border-color wp-image-160\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 5: Meer tabelinhoud toevoegen <\/h2>\n\n\n\n<p>Je kunt zien dat we alle benodigde inhoud (afbeelding, lijst, beoordeling en prijs) aan de tabel hebben toegevoegd met behulp van de respectievelijke blokken.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png\" alt=\"Inhoud en knop toevoegen aan de tabel\" class=\"has-border-color has-border-dark-border-color wp-image-161\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 6: De knop op de tafel stylen<\/h2>\n\n\n\n<p>Selecteer de knop. Klik op de <strong>Link<\/strong> optie op de werkbalk om je gewenste bericht of pagina aan de knop te koppelen.<\/p>\n\n\n\n<p>Ga naar de <strong>Stijlen<\/strong> tabblad aan de rechterkant. Je krijgt verschillende aanpassingsopties zoals <strong>Typografie, Rand, Kleur, <\/strong>en <strong>Zweefkleur.<\/strong><\/p>\n\n\n\n<p>Voer de nodige aanpassingen naar wens uit.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png\" alt=\"Stylizeer de knop op de tafel\" class=\"has-border-color has-border-dark-border-color wp-image-162\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 7: Geef een voorbeeld van de tabel<\/h2>\n\n\n\n<p>Ga nu naar de voorkant van de post of pagina en bekijk de tabel die je hebt gemaakt. Als het ontwerp en de lay-out niet voldoen, ga dan opnieuw naar de editor en pas de nodige aanpassingen aan.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png\" alt=\"Een voorbeeld van de tabel\" class=\"has-border-color has-border-dark-border-color wp-image-163\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusie<\/h3>\n\n\n\n<p>De TableBerg plugin heeft op dit moment vier blokken. Maar onze ontwikkelaars werken er voortdurend aan om in de komende dagen met nog meer verbluffende blokken te komen om je ervaring met het maken van tabellen te verbeteren.<\/p>\n\n\n\n<p>Blijf op de hoogte van onze nieuwe releases en aankondigingen.<\/p>\n\n\n\n<p>Lees ook: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-knop-voor-oproepen-tot-actie-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zo maak je een knop met oproepen tot actie in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-koop-op-amazon-knop-toevoegen-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe voeg je een 'Kopen op Amazon' knop toe in WordPress?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/best-button-plugins-for-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/best-button-plugins-for-wordpress\/\" rel=\"noreferrer noopener\">7 Beste knoppenplugins voor WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Tables are usually used to organize and present information in a structured way. By adding buttons to the table, you can often trigger users to explore new posts and pages or buy respective products and services. But the default WordPress table doesn\u2019t have the option to add buttons. Tableberg is a wonderful plugin to solve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1673,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Button-to-a-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/155\/revisions\/7454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/1673"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}