{"id":1340,"date":"2024-05-11T17:08:03","date_gmt":"2024-05-11T17:08:03","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1340"},"modified":"2024-06-22T23:07:46","modified_gmt":"2024-06-22T23:07:46","password":"","slug":"hoe-gestileerde-lijsten-toevoegen-in-wordpress-tabellen","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-add-styled-lists-in-wordpress-tables\/","title":{"rendered":"Gestileerd lijstblok"},"content":{"rendered":"<p>Met het blok Gestileerde lijst kun je informatie presenteren op een visueel aantrekkelijke manier die lezers kunnen begrijpen. Dit blok wordt gebruikt in verschillende secties van een website om productkenmerken, voordelen, serviceaanbiedingen en meer uit te leggen.<\/p>\n\n\n\n<p>Je kunt dit blok ook toevoegen aan WordPress tabellen om vergelijkingen, specificaties en andere soorten tabellen te maken. In deze doc laten we je zien hoe je Gestileerde lijsten kunt toevoegen aan WordPress tabellen met behulp van de <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TafelBerg\">TafelBerg<\/a> plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 01: het gestileerde lijstblok aan de tabel toevoegen<\/h2>\n\n\n\n<p>Stel dat we de kenmerken van een product in een tabel willen laten zien met behulp van het blok. Plaats je cursor op de cel waar je het blok wilt toevoegen.<\/p>\n\n\n\n<p>Druk op de <strong>plus (+) knop<\/strong> en vind de <strong>Gestileerde lijst blok<\/strong>. Voeg het blok toe aan de cel.<\/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-Styled-List-Block-to-the-Table.webp\" alt=\"Het blok met de gestileerde lijst toevoegen aan de tabel\" class=\"wp-image-1341\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Styled-List-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>De <strong>Gestileerde lijst blok<\/strong> wordt binnen een seconde toegevoegd aan de cel.<\/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\/The-Styled-List-block-is-added.webp\" alt=\"Het blok Gestileerde lijst is toegevoegd\" class=\"wp-image-1342\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-Styled-List-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 blok Gestileerde lijst configureren<\/h2>\n\n\n\n<p>Voordat u inhoud toevoegt, kunt u de instellingen van de <strong>Gestileerde lijst blok<\/strong>. U kunt de <strong>Lijstitem inspringen, Itemafstand,<\/strong> en <strong>verticaal alignement<\/strong>. <\/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-Settings-of-the-Styled-List-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1343\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Styled-List-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>De TableBerg plugin bevat <strong>270+ pictogrammen<\/strong> voor het blok Stijllijst. Om het pictogram van de lijst te wijzigen, klik je naast de <strong>Selecteer de optie Pictogram<\/strong>.<\/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\/Change-icon-for-the-Style-List-block-1024x523.webp\" alt=\"\" class=\"wp-image-1344\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-icon-for-the-Style-List-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selecteer een pictogram voor het blok Gestileerde lijst uit de verzameling. <\/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\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp\" alt=\"Selecteer een pictogram voor het blok Gestileerde lijst uit de verzameling\" class=\"wp-image-1345\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-an-icon-for-the-Styled-List-block-from-the-collection-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>U kunt ook de <strong>pictogramgrootte, pictogramafstand,<\/strong> en <strong>lettergrootte<\/strong> voor het blok Gestileerde lijst.<\/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\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp\" alt=\"Pictogramgrootte en spati\u00ebring instellen voor het blok Gestileerde lijst\" class=\"wp-image-1346\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-icon-size-and-spacing-for-the-Styled-List-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 03: Inhoud toevoegen aan het blok Gestileerde lijst<\/h2>\n\n\n\n<p>Voeg nu de gewenste listicle-inhoud toe aan het blok List Styled.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp\" alt=\"Inhoud toevoegen aan het blok Gestileerde lijst\" class=\"wp-image-1347\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-Content-to-the-Styled-List-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 04: Het gestileerde lijstblok stylen<\/h2>\n\n\n\n<p>Ga naar de <strong>Gestileerde tab<\/strong>. Je krijgt opties om de <strong>pictogram<\/strong> en <strong>tekstkleur<\/strong>.<\/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\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp\" alt=\"Pijl\" class=\"wp-image-1348\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Edit-Post-Practice-for-Doc-Writing-Dont-Touch-\u2039-Tableberg-\u2014-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Op dezelfde manier kun je het blok met de gestileerde lijst ook aan de andere rijen van de tabel toevoegen. Hopelijk kun je het zelf.<\/p>\n\n\n\n<p>Voordat je de documentatie verlaat, moet je even de tijd nemen om deze doc op <a href=\"https:\/\/tableberg.com\/nl\/docs\/tableberg-one\/tafelberg\/hoe-voeg-je-sterren-toe-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"hoe voeg je sterren toe in WordPress tabellen\">hoe voeg je sterren toe in WordPress tabellen<\/a>.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Styled List block allows you to present your information in a visually appealing way that readers can digest. This block is used in various sections of a website to explain product features, benefits, service offerings, and more. You can add this block to WordPress tables as well to create comparisons, specifications, and other type [&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":[46,77],"class_list":["post-1340","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-list-block","doc_tag-styled-list"],"year_month":"2026-04","word_count":312,"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":"List Block","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/list-block\/"},{"term_name":"Styled List","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/styled-list\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1340","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=1340"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1340\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1340\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=1340"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}