{"id":357,"date":"2025-01-03T11:17:43","date_gmt":"2025-01-03T11:17:43","guid":{"rendered":"https:\/\/tableberg.com\/?p=357"},"modified":"2025-01-03T11:18:34","modified_gmt":"2025-01-03T11:18:34","slug":"hoe-voeg-ik-een-koptekst-toe-aan-een-tabel-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-a-header-to-a-table-in-wordpress\/","title":{"rendered":"Een koptekst toevoegen aan een tabel in WordPress"},"content":{"rendered":"<p>Een tabelkop is de bovenste rij van een tabel. Het geeft een titel voor de informatie in elke kolom. Terwijl <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-tabel-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">een tabel maken<\/a>hebben we de neiging om de bovenste rij handmatig vet te maken om een visueel signaal af te geven van de informatie die de respectieve kolommen bevatten.<\/p>\n\n\n\n<p>De tabelheader doet hetzelfde. Bovendien bevat het een soort HTML-code die gunstig is voor je inhoud vanuit SEO-perspectief. We laten je nu zien hoe je een koptekst toevoegt aan een tabel in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#Adding-a-Header-to-the-Default-Table-Block\">Een koptekst toevoegen aan het standaard tabelblok<\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#Adding-a-Header-to-the-Tableberg-Block\">Een koptekst toevoegen aan het Tableberg-blok<\/a><\/li>\n<\/ul>\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\" id=\"Adding-a-Header-to-the-Default-Table-Block\">Methode 1: een koptekst toevoegen aan het standaard tabelblok<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Selecteer het tabelblok<\/h3>\n\n\n\n<p>Als je klaar bent met het maken van een Table met de <a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-wordpress-tabelblok\/\" target=\"_blank\" rel=\"noreferrer noopener\">standaard tabelblok<\/a>Selecteer de tabel door op het pictogram Tabel in de werkbalk te klikken. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1024x451.png\" alt=\"\" class=\"wp-image-6449\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-768x339.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-Table-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 2: De koptekst inschakelen<\/h3>\n\n\n\n<p>Je krijgt de <strong>Tabblad Instellingen<\/strong> op de rechterzijbalk. Schakel eenvoudig de <strong>Koptekst<\/strong> onder het tabblad Instellingen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2638\" height=\"1130\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block.png\" alt=\"\" class=\"wp-image-6450\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block.png 2638w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-1024x439.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-768x329.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-1536x658.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-2048x877.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Enabling-the-Header-Section-in-the-Table-Block-18x8.png 18w\" sizes=\"auto, (max-width: 2638px) 100vw, 2638px\" \/><\/figure>\n\n\n\n<p>Je ziet de <strong>kopgedeelte verscheen<\/strong> op tafel. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2638\" height=\"1138\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section.png\" alt=\"\" class=\"wp-image-6451\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section.png 2638w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-1536x663.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-2048x883.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Header-Section-18x8.png 18w\" sizes=\"auto, (max-width: 2638px) 100vw, 2638px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 3: Labels toevoegen aan de koptekst<\/h3>\n\n\n\n<p>Je kunt zien dat we titels hebben toegevoegd aan de kopcellen van de tabel. Je hoeft ze niet handmatig vet te maken, want ze worden automatisch vet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2640\" height=\"1146\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels.png\" alt=\"\" class=\"wp-image-6452\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels.png 2640w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-1024x445.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-768x333.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-1536x667.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-2048x889.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Headers-Labels-18x8.png 18w\" sizes=\"auto, (max-width: 2640px) 100vw, 2640px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b69c5a73-418f-4fc2-8f46-1b3eacc23049\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-a-Header-to-the-Tableberg-Block\">Methode 2: Een koptekst toevoegen aan het Tableberg-blok<\/h2>\n\n\n\n<p>Als je tabel is aangemaakt met de <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tafelberg<\/a> plugin, kun je er op dezelfde manier een koptekst aan toevoegen. <\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffe8c2\"><strong>Controleer ook<\/strong>: <a href=\"https:\/\/tableberg.com\/nl\/docs\/hoe-standaard-tabelblok-converteren-naar-tabelbergblok\/\">Het standaard tabelblok converteren naar een Tableberg-blok<\/a><\/p>\n\n\n\n<p>Selecteer eerst je tabel door op de <strong>Tableberg pictogram <img loading=\"lazy\" decoding=\"async\" width=\"15\" height=\"15\" class=\"wp-image-58\" style=\"width: 15px;\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg.png\" alt=\"\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg.png 257w, https:\/\/tableberg.com\/wp-content\/uploads\/2023\/12\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 15px) 100vw, 15px\" \/><\/strong> (1). Van de <strong>Tabblad Instellingen<\/strong> (2), schakel de <strong>Koptekst invoegen<\/strong> (3) optie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2594\" height=\"1358\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-1960\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block.png 2594w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-300x157.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-1024x536.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-768x402.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-1536x804.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-2048x1072.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inserting-header-to-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2594px) 100vw, 2594px\" \/><\/figure>\n\n\n\n<p>Je ziet dat de kopsectie is ingeschakeld voor de tabel. Je kunt gewoon wat tekst toevoegen om de kolommen te labelen of naar wens andere blokken toevoegen.<\/p>\n\n\n\n<p>Je kunt de bovenste rij ook als header instellen. Schakel gewoon de <strong>Bovenste rij koptekst maken<\/strong> optie.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2590\" height=\"1358\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-1961\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block.png 2590w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-300x157.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-1024x537.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-768x403.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-1536x805.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-2048x1074.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Make-Top-Row-As-Header-in-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2590px) 100vw, 2590px\" \/><\/figure>\n\n\n\n<p>De bovenste rij wordt de koptekst.<\/p>\n\n\n\n<p>Als je wilt, kun je ook de achtergrondkleur van de tabelkop wijzigen. Klik gewoon op de <strong>Tabblad Stijlen<\/strong> (1) en verander de <strong>Achtergrondkleur koptekst<\/strong> (2).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1024x585.png\" alt=\"\" class=\"wp-image-1983\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1024x585.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-768x439.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-1536x878.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-2048x1171.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Header-Background-Color-of-the-Table-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0b67e626-2796-4440-9092-5184dfd6a80a\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p>Lees ook: <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-tabel-header-sticky-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe maak je een tabelkop klevend in WordPress?<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusie<\/h3>\n\n\n\n<p>Je kunt dus kopteksten toevoegen aan je WordPress tabellen. Vergeet niet om je kopteksten beschrijvend maar beknopt te houden, zodat ze niet veel ruimte innemen. Als ze niet duidelijk en betekenisvol zijn, zullen gebruikers het doel van de kolom in de tabel op het eerste gezicht niet begrijpen.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table header is the top row of a table. It provides a title for information in each column. While creating a table, we tend to bold the top row manually to pass a visual signal of the information that respective columns contain. The table header does the same thing. Plus, it carries a kind [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-a-Header-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\/357","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=357"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/357\/revisions"}],"predecessor-version":[{"id":6460,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/357\/revisions\/6460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/6457"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}