{"id":1353,"date":"2024-05-12T02:50:37","date_gmt":"2024-05-12T02:50:37","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1353"},"modified":"2025-06-29T15:44:46","modified_gmt":"2025-06-29T15:44:46","password":"","slug":"hoe-voeg-ik-pictogrammen-toe-aan-wordpress-tabellen","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-add-icons-to-wordpress-tables\/","title":{"rendered":"Pictogrammen Blok"},"content":{"rendered":"<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Pictogrammen toevoegen aan een tabel in WordPress met Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/obP04Z5ILxs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Pictogrammen zijn grafische elementen die worden gebruikt in aanvullende tekstuele inhoud. Ze helpen bij het snel begrijpen en navigeren. Met behulp van pictogrammen kun je de aandacht van lezers vestigen op een melding, belangrijke punten markeren, belangrijke acties aangeven, enzovoort.<\/p>\n\n\n\n<p>Met de <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TafelBerg\">TafelBerg<\/a> plugin kun je eenvoudig een goede verzameling pictogrammen toevoegen aan je WordPress tabellen. Dit artikel laat je zien hoe je dat kunt doen. Laten we eens kijken hoe je pictogrammen kunt toevoegen aan WordPress tabellen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 01: het blokje met pictogrammen zoeken en toevoegen aan de tabel<\/h2>\n\n\n\n<p>Plaats je cursor op de cel waar je het blok wilt toevoegen. Zoek dan, net als bij elk Gutenberg-blok, de <strong>Pictogrammenblok<\/strong> en voeg het toe aan de cel door op de <strong>plus (+) knop<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-1024x523.webp\" alt=\"Het blokje met pictogrammen zoeken en toevoegen aan de tabel\" class=\"wp-image-1354\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Icon-Block-to-the-Table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Je kunt zien dat het Icon-blok is toegevoegd aan de 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\/05\/The-Icon-block-is-added.webp\" alt=\"Het blok Pictogrammen is toegevoegd\" class=\"wp-image-1355\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Icon-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: Instellingen van het blokje met pictogrammen configureren<\/h2>\n\n\n\n<p>U kunt dit pictogram weergeven als een alinea of een teken uit de <strong>Gedrag als optie<\/strong> onder de <strong>tabblad instellingen<\/strong>.<\/p>\n\n\n\n<p>Vervolgens kunt u de <strong>Pictogramgrootte<\/strong> en <strong>Rotatie<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1356\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Icon-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 03: Wijzig het pictogram in de pictogrammenbibliotheek<\/h2>\n\n\n\n<p>Scroll een beetje naar beneden. Je krijgt dan de <strong>Optie pictogram<\/strong> van waaruit u het standaardpictogram kunt wijzigen in het pictogram dat u leuk vindt.<\/p>\n\n\n\n<p>Je kunt pictogrammen selecteren uit de bibliotheek of importeren via URL.<\/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\/05\/Change-the-Icon-from-the-Icon-Library.webp\" alt=\"Het pictogram in de pictogrammenbibliotheek wijzigen\" class=\"wp-image-1357\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Icon-from-the-Icon-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 04: Het blokje met pictogrammen stylen<\/h2>\n\n\n\n<p>Zodra de instellingen klaar zijn, ga je naar de <strong>Tabblad Stijlen<\/strong>. U kunt de <strong>Pictogramkleur, zweefkleur, afmetingen, marine, rand,<\/strong> en <strong>radius<\/strong> van het blok.<\/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\/05\/Stylize-the-Icon-Block.webp\" alt=\"Het blokje met pictogrammen stylen\" class=\"wp-image-1358\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Icon-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Je kunt styliseringen toepassen op het blok.<\/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\/05\/Stylizations-applied-to-the-Icon-block.webp\" alt=\"Stylisaties toegepast op het blok Pictogrammen\" class=\"wp-image-1359\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylizations-applied-to-the-Icon-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Met het blok Pictogrammen kun je complexe informatie effectief overbrengen, de navigatie vereenvoudigen en visueel aantrekkelijke tabellen maken die bezoekers boeien en informeren.<\/p>\n\n\n\n<p>Voordat je dit artikel sluit, kun je deze documentatie bekijken op <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>Icons are some graphical elements that are used in complementary textual content. They aid in quick comprehension and navigation. Using them, you can draw readers&#8217; attention to a notification, highlight important points, signify important actions, and others. With the TableBerg plugin, you can easily add a good collection of icons to your WordPress tables. This [&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":[78,46,54],"class_list":["post-1353","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-icon-block","doc_tag-list-block","doc_tag-table-borders"],"year_month":"2026-04","word_count":298,"total_views":"0","reactions":{"happy":"1","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":"Icon Block","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/icon-block\/"},{"term_name":"List Block","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/list-block\/"},{"term_name":"Table Borders","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/table-borders\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1353","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=1353"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1353\/revisions"}],"predecessor-version":[{"id":9877,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1353\/revisions\/9877"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=1353"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=1353"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}