{"id":1361,"date":"2024-05-12T08:44:51","date_gmt":"2024-05-12T08:44:51","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1361"},"modified":"2025-07-01T08:51:37","modified_gmt":"2025-07-01T08:51:37","password":"","slug":"hoe-voeg-je-aangepaste-html-toe-aan-wordpress-tabellen","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-add-custom-html-to-wordpress-tables\/","title":{"rendered":"Aangepast HTML-blok"},"content":{"rendered":"<p>Met het blok Aangepaste HTML kun je een persoonlijk codefragment rechtstreeks aan je site toevoegen om interactieve elementen, ingesloten media, enz. weer te geven. Met de <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TafelBerg\">TafelBerg<\/a> plugin, kun je nu ook het Custom HTML blok toevoegen aan je WordPress tabellen.<\/p>\n\n\n\n<p>In deze documentatiepost laten we je aan de hand van een stap-voor-stap handleiding zien hoe je aangepaste HTML kunt toevoegen aan WordPress tabellen.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-2b1dca56-0cd7-426f-bcc2-9aaaba915d93\"><div class=\"ub-advanced-video-embed ub-advanced-video-autofit-youtube\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid #abb8c3; border-left: 1px solid #abb8c3; border-right: 1px solid #abb8c3; border-bottom: 1px solid #abb8c3; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; --ub-advanced-video-aspect-ratio: 480\/360; \"><iframe loading=\"lazy\" width=\"480\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/cVjNUr1jYRk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\t\t<div class=\"ub-advanced-video-channel-details\">\n\t\t<div class=\"ub-advanced-video-channel-content-wrapper\">\n\t\t\t<div class=\"ub-advanced-video-thumbnail-wrapper\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/yt3.ggpht.com\/oKziEGn9FgE4x1-YJFN2BlhUBADEjBAjmVMAZr1BRD0PxwNOq56Z3gM5LLmyjrKPxUMXs_i4Ug=s88-c-k-c0x00ffffff-no-rj\" class=\"ub-advanced-video-thumbnail\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"ub-advanced-video-title-wrapper\">\n\t\t\t\t<p class=\"ub-advanced-video-title\">DotCamp - WordPress Bijles<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ub-advanced-video-channel-subscribe\">\n\t\t\t<a href=\"https:\/\/www.youtube.com\/channel\/UChfvkb8WxFHAhjkl7CJrQtQ?sub_confirmation=1\" class=\"ub-advanced-video-channel-subscribe-button\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" width=\"24\" viewbox=\"0, 0, 576, 512\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M549.7 124.1c-6.281-23.65-24.79-42.28-48.28-48.6C458.8 64 288 64 288 64S117.2 64 74.63 75.49c-23.5 6.322-42 24.95-48.28 48.6-11.41 42.87-11.41 132.3-11.41 132.3s0 89.44 11.41 132.3c6.281 23.65 24.79 41.5 48.28 47.82C117.2 448 288 448 288 448s170.8 0 213.4-11.49c23.5-6.321 42-24.17 48.28-47.82 11.41-42.87 11.41-132.3 11.41-132.3s0-89.44-11.41-132.3zm-317.5 213.5V175.2l142.7 81.21-142.7 81.2z\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t<span>Aanmelden<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<\/div>\n    <\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Stap 01: het aangepaste HTML-blok aan de tabel toevoegen<\/h2>\n\n\n\n<p>Ga naar de cel waar je het blok wilt toevoegen. Klik op de <strong>plus (+) pictogram<\/strong>. Type <strong>Aangepaste HTML<\/strong> in het zoekvak. Voeg het blok toe aan de cel zodra deze verschijnt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp\" alt=\"Het aangepaste HTML-blok toevoegen aan de tabel\" class=\"wp-image-1362\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Het blok wordt in een mum van tijd aan de cel toegevoegd.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp\" alt=\"Aangepast HTML-blok is toegevoegd\" class=\"wp-image-1363\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 02: Voeg een HTML-codefragment toe aan het blok<\/h2>\n\n\n\n<p>Gewoon <strong>een HTML-codefragment kopi\u00ebren-plakken<\/strong> naar het blok. Haal de code overal vandaan waar je maar wilt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp\" alt=\"Een HTML-codefragment aan het blok toevoegen\" class=\"wp-image-1364\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Klik op de <strong>Voorbeeldknop<\/strong> op de werkbalk.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp\" alt=\"Ga naar het voorbeeld van het aangepaste HTML-blok\" class=\"wp-image-1365\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>De voorbeeldoptie geeft direct de inhoud weer die is ingesloten in de HTML-link.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp\" alt=\"Inhoud die wordt weergegeven met het blok Aangepaste HTML\" class=\"wp-image-1367\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 03: Instelling van het aangepaste HTML-blok configureren<\/h2>\n\n\n\n<p>Door deze optie in de rechter zijbalk aan te vinken, kun je een voorbeeld van het aangepaste HTML-fragment bekijken terwijl het blok niet geselecteerd is.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1370\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ik hoop dat je tevreden bent met deze documentatie. Het blok Aangepaste HTML heeft geen styliseringsoptie. Het is een van de eenvoudigste blokken van de TableBerg plugin.<\/p>\n\n\n\n<p>Met de plugin kun je ook een gestileerde lijst aan de tabel toevoegen. Laten we eens kijken naar <a href=\"https:\/\/tableberg.com\/nl\/docs\/tableberg-one\/tafelberg\/hoe-gestileerde-lijsten-toevoegen-in-wordpress-tabellen\/\" target=\"_blank\" rel=\"noopener\" title=\"hoe gestileerde lijsten toevoegen aan WordPress tabellen\">hoe gestileerde lijsten toevoegen aan WordPress tabellen<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Custom HTML block allows you to add a personalized code snippet directly to your site to display interactive elements, embedded media, etc. With the TableBerg plugin, you can now add the Custom HTML block to your WordPress tables as well. In this documentation post, we&#8217;ll show you how to add Custom HTML to WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[79,80],"class_list":["post-1361","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-custom-html-block","doc_tag-html-block"],"year_month":"2026-04","word_count":239,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/nl\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/custom-html-block\/"},{"term_name":"HTML Block","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"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=1361"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1361\/revisions"}],"predecessor-version":[{"id":9886,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1361\/revisions\/9886"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=1361"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}