<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hoe - Tableberg</title>
	<atom:link href="https://tableberg.com/nl/category/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>https://tableberg.com/nl</link>
	<description></description>
	<lastBuildDate>Tue, 09 Dec 2025 17:55:33 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updateperiod>
	per uur	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://tableberg.com/wp-content/uploads/2023/12/Tableberg-150x150.png</url>
	<title>Hoe - Tableberg</title>
	<link>https://tableberg.com/nl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Hoe je het blok Galerij in WordPress in 3 eenvoudige stappen kunt gebruiken</title>
		<link>https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Tue, 09 Dec 2025 17:55:30 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=6405</guid>

					<description><![CDATA[<p>The WordPress Image block is super helpful when inserting and showcasing a single image on your website. But if you want to display multiple photos at once, the Gallery block is the right choice. Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block&#8217;s features, you can [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/">How to Use the Gallery Block in WordPress in 3 Easy Steps</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"><strong>De <a href="https://tableberg.com/nl/hoe-gebruik-je-het-afbeeldingsblok-in-wordpress/" target="_blank" rel="noreferrer noopener">WordPress Afbeeldingsblok</a></strong> is super helpful when inserting and showcasing a single image on your website. But if you want to display multiple photos at once, the Gallery block is the right choice.</p>



<p class="wp-block-paragraph">Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block&#8217;s features, you can use it to enhance your website&#8217;s visuals, making it more professional and appealing.</p>



<p class="wp-block-paragraph">Vandaag bespreken we in deze tutorial het WordPress galerijblok, de functies van de werkbalk, de aanpassingsmogelijkheden en hoe je het goed kunt gebruiken. Volg ons van begin tot eind.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-0efece84-3c8b-4f09-b6cb-2e91cb3487b0" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="true" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Het galerieblok gebruiken in WordPress</div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">Toon</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#0-what-is-the-wordpress-gallery-block" style="">Wat is het WordPress Galerij Blok?</a></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#1-gallery-blocks-toolbar-features" style="">Werkbalkfuncties van het galerijblok</a></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#2-how-to-use-the-gallery-block-in-wordpress" style="">Hoe gebruik je het Galerij Blok in WordPress?</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#3-step-1-add-gallery-block-in-the-editor" style="">Stap 1: Galerijblok toevoegen in de editor</a></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#4-step-2-upload-your-images" style="">Stap 2: Upload je afbeeldingen</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#5-how-to-insert-images-via-upload-option" style="">Hoe afbeeldingen invoegen via de Uploadoptie</a></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#6-how-to-insert-image-via-media-library-option" style="">Hoe een afbeelding invoegen via de optie Mediabibliotheek</a></li></ul></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#7-step-3-gallery-customization" style="">Stap 3: Galerij aanpassen</a></li></ul></li><li style=""><a href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/#8-final-thoughts" style="">Laatste gedachten!</a></li></ul>
			</div>
		</div></div>


<h2 class="wp-block-heading" id="0-what-is-the-wordpress-gallery-block">Wat is het WordPress Galerij Blok?</h2>



<p class="wp-block-paragraph"><a target="_blank" href="https://wordpress.org/documentation/article/gallery-block/" rel="noreferrer noopener">Het WordPress Galerij blok</a> is a core block in the <a target="_blank" href="https://tableberg.com/nl/hoe-de-wordpress-blok-editor-gebruiken/" rel="noreferrer noopener">WordPress block editor</a><strong><a target="_blank" href="https://tableberg.com/nl/hoe-de-wordpress-blok-editor-gebruiken/" rel="noreferrer noopener">.</a></strong> It lets you create and display a collection of images in a <a target="_blank" href="https://tableberg.com/nl/beste-wordpress-raster-plugins/" rel="noreferrer noopener">rooster</a> format. It is perfect for displaying event photos, organizing images into an attractive layout, or presenting images with minimal effort.</p>



<p class="wp-block-paragraph">Als je het blok gebruikt, profiteer je van bepaalde functies. Bekijk deze functies hieronder.</p>



<ol class="wp-block-list">
<li><strong>Aanpassing</strong>: Pas kolommen, ruimte en bijschriften aan aan je ontwerp. Je kunt ook verschillende resoluties instellen voor individuele afbeeldingen in de galerij.</li>



<li><strong>Responsief ontwerp</strong>: Afbeeldingen passen zich automatisch aan verschillende schermformaten aan voor een naadloze ervaring op mobiel, tablet en desktop.</li>



<li><strong>Ingebouwde integratie</strong>: Je hebt geen extra plugins nodig; het blok werkt rechtstreeks in WordPress.</li>



<li><strong>SEO-vriendelijk</strong>: Alt text and captions can improve your content&#8217;s accessibility and search engine ranking. You can also set ALT text for separate images within the gallery.</li>
</ol>



<h2 class="wp-block-heading" id="1-gallery-blocks-toolbar-features">Werkbalkfuncties van het galerijblok</h2>



<p class="wp-block-paragraph">Wanneer je het galerijblok invoegt, verschijnt er een werkbalk bovenaan het galerijblok met verschillende functies om je galerij aan te passen. Deze functies vindt u hieronder. </p>



<ol class="wp-block-list">
<li><strong>Transformeren: </strong>Je kunt dit blok transformeren in een blok Afbeelding, Kolommen, Details en Groep. </li>



<li><strong>Slepen: </strong>Hiermee kunt u het speciale blok naar elke gewenste plaats in de editor slepen. </li>



<li><strong>Bewegende handgreep: &nbsp;</strong>Laat je blok op en neer bewegen.</li>



<li><strong>Uitlijnen: </strong>Met de uitlijningsoptie kun je de uitlijning van de afbeelding instellen op Geen, Breedte, Volledige breedte, Links, Midden en Rechts.</li>



<li><strong>Link: </strong>Met deze optie kun je links toevoegen voor geselecteerde inhoud binnen het blok.</li>



<li><strong>Bijschrift: </strong>Je kunt bijschriften toevoegen met de editoroptie voor elke afbeelding.</li>



<li><strong>Toevoegen:</strong> Met de optie Toevoegen kun je nieuwe afbeeldingen toevoegen of uploaden naar de galerij. </li>



<li><strong>Meer opties:</strong> Biedt meer opties met betrekking tot de sectie van het blok, zoals dupliceren, kopiëren, groeperen, enz.</li>
</ol>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img fetchpriority="high" decoding="async" width="878" height="700" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6409" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04.png 878w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-300x239.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-768x612.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-14-04-15x12.png 15w" sizes="(max-width: 878px) 100vw, 878px" /></figure>



<hr class="wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background"/>



<h2 class="wp-block-heading" id="2-how-to-use-the-gallery-block-in-wordpress">Het galerieblok gebruiken in WordPress</h2>



<p class="wp-block-paragraph">Using the Gallery block in WordPress is simple. Just follow the below steps:</p>



<h3 class="wp-block-heading" id="3-step-1-add-gallery-block-in-the-editor">Stap 1: Galerijblok toevoegen in de editor</h3>



<p class="wp-block-paragraph">Open het bericht of de pagina, klik op het pictogram "+" om een blok toe te voegen en zoek naar "Galerij". Selecteer het Galerij-blok om het in je bericht of pagina in te voegen.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="880" height="604" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6411" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12.png 880w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-300x206.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-768x527.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-38-12-18x12.png 18w" sizes="(max-width: 880px) 100vw, 880px" /></figure>



<h3 class="wp-block-heading" id="4-step-2-upload-your-images">Stap 2: Upload je afbeeldingen</h3>



<p class="wp-block-paragraph">Je kunt je afbeeldingen uploaden of je afbeeldingen selecteren in de mediabibliotheek. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="822" height="422" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28.png" alt="Het galerieblok gebruiken in WordPress" class="has-border-color has-main-accent-border-color wp-image-6413" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28.png 822w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-300x154.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-768x394.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-41-28-18x9.png 18w" sizes="(max-width: 822px) 100vw, 822px" /></figure>



<h4 class="wp-block-heading" id="5-how-to-insert-images-via-upload-option">Hoe afbeeldingen invoegen via de Uploadoptie</h4>



<p class="wp-block-paragraph">Klik op de knop uploaden om afbeeldingsbestanden in te voegen, <strong>selecteer je afbeeldingen met je cursor</strong> terwijl <strong>de CTRL-toets ingedrukt houden</strong> van je toetsenbord en klik op openen. Dat is het. Je kunt je afbeeldingen zien in de editor. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="884" height="684" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-51-21.gif" alt="" class="has-border-color wp-image-6414" style="border-color:#d0ccde;border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading" id="6-how-to-insert-image-via-media-library-option">Hoe een afbeelding invoegen via de optie Mediabibliotheek</h4>



<p class="wp-block-paragraph">Klik op de knop Mediabibliotheek, selecteer je afbeeldingen en klik op de knop Een nieuwe galerij maken en Galerij invoegen om de afbeeldingen in de editor in te voegen.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="876" height="640" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_11-59-35.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-6415" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Als je alle afbeeldingen in de galerij hebt geplaatst, zie je alle werkbalkfuncties van het afbeeldingsblok. Je kunt deze functies bekijken <strong><a href="https://tableberg.com/nl/hoe-gebruik-je-het-afbeeldingsblok-in-wordpress/" target="_blank" rel="noreferrer noopener">hier</a></strong>. </p>



<h3 class="wp-block-heading" id="7-step-3-gallery-customization">Stap 3: Galerij aanpassen</h3>



<p class="wp-block-paragraph">Ga voor galerijaanpassingen naar <strong>Instellingen (1) &gt; Blokkeren (2) &gt; Instellingen (3). </strong>Je vindt de opties om kolommen, resolutie en andere opties te selecteren. </p>



<ul class="wp-block-list">
<li><strong>Kolommen: </strong>Met kolommen kun je bepalen hoeveel afbeeldingen je wilt weergeven in je editor. Hoe meer afbeeldingen je toevoegt, hoe meer kolommen er worden toegevoegd aan de Galerij. <strong>(4)</strong></li>



<li><strong>Resolutie:</strong> Je kunt de afbeeldingsresolutie instellen op Miniatuur en Volledig formaat. <strong>(5)</strong></li>



<li><strong>Afbeeldingen passend maken:</strong> Deze functie handhaaft de verhouding van elke afbeelding en zorgt ervoor dat het formaat past. </li>



<li><strong>Willekeurige volgorde:</strong> Deze functie houdt de serie niet bij, maar geeft beelden weer met een willekeurige serie. </li>
</ul>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="886" height="674" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6417" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30.png 886w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-300x228.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-768x584.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-07-30-16x12.png 16w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<p class="wp-block-paragraph">De optie Styles heeft de volgende opties. </p>



<div style="height:13px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image alignright size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="302" height="570" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6418" style="border-width:1px;border-radius:3px;width:230px;height:auto" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52.png 302w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52-159x300.png 159w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-15-52-6x12.png 6w" sizes="auto, (max-width: 302px) 100vw, 302px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="height:21px" aria-hidden="true" class="wp-block-spacer"></div>



<ol class="wp-block-list">
<li><strong>Kleur: </strong>Met de optie Kleur kun je de achtergrondkleur van je galerijblok wijzigen. </li>



<li><strong>Afmetingen:</strong> Met de optie Dimensions kun je de Block spacing (ruimte tussen twee blokken zoals afbeeldingen), margin en padding aanpassen.  </li>



<li><strong>Rand &amp; Straal:</strong> Met deze functie kun je een rand, randkleur en randradius aan je galerij toevoegen.  </li>
</ol>
</div>
</div>



<p class="wp-block-paragraph">Hier is de volledige demo van de galerij die ik heb gemaakt. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="820" height="526" src="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1.png" alt="" class="has-border-color has-main-accent-border-color wp-image-6421" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1.png 820w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-300x192.png 300w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-768x493.png 768w, https://tableberg.com/wp-content/uploads/2024/12/2024-12-31_12-23-23-1-18x12.png 18w" sizes="auto, (max-width: 820px) 100vw, 820px" /></figure>



<hr class="wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background"/>



<h2 class="wp-block-heading">Create an Interactive Gallery with Galleryberg</h2>



<p class="wp-block-paragraph">While the default Gallery block is excellent for simple grids, it lacks features such as a lightbox, hover effects, and diverse layouts.</p>



<p class="wp-block-paragraph">If you want a more engaging gallery without writing code, the <strong><a href="https://galleryberg.com/" target="_blank" rel="noreferrer noopener">Galerijberg</a></strong> plugin is a free alternative that extends the block editor with extra tools. It lets you switch between tile, masonry, justified, and square layouts, and adds a built‑in lightbox for zooming and navigation.</p>



<p class="wp-block-paragraph">Galleryberg also includes subtle hover effects and responsive controls so your galleries feel modern on desktop and mobile.</p>



<p class="wp-block-paragraph">Now let&#8217;s see how to use the Galleryberg plugin.</p>



<h3 class="wp-block-heading">Stap 1: Installeer de Galleryberg-plugin</h3>



<p class="wp-block-paragraph">Go to your WordPress dashboard and navigate to Plugins&nbsp;→&nbsp;Add&nbsp;New and search for Galleryberg. Then install and activate the plugin.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="532" src="https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1024x532.png" alt="" class="wp-image-10781" srcset="https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1024x532.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-300x156.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-768x399.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-1536x798.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-2048x1064.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Install-the-Galleryberg-Plugin-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 2: Insert the Galleryberg Gallery Block</h3>



<p class="wp-block-paragraph">Create a new post/page or edit an existing one. Click the &#8220;+&#8221; button, search for Galleryberg, and add the block.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="535" src="https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1024x535.png" alt="" class="wp-image-10783" srcset="https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1024x535.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-300x157.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-768x401.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-1536x802.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-2048x1069.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Insert-the-Galleryberg-Gallery-Block-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 3: Add Your Images</h3>



<p class="wp-block-paragraph">Upload new images or select them from the Media Library and click Select.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1185" src="https://tableberg.com/wp-content/uploads/2024/12/2025-12-09_23-36-32-1.gif" alt="" class="wp-image-10784"/></figure>



<h3 class="wp-block-heading">Stap 4: Kies een lay-out</h3>



<p class="wp-block-paragraph">By default, the block uses a Tiles layout. In the block&#8217;s sidebar, you can switch to <strong>Metselwerk</strong>, <strong>Gerechtvaardigd</strong>of <strong>Vierkant</strong> to better match your design.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="770" src="https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1024x770.png" alt="" class="wp-image-10787" srcset="https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1024x770.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-300x226.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-768x578.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-1536x1156.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-2048x1541.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Choose-a-Layout-Galleryberg-16x12.png 16w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Each layout automatically rearranges the images, and you can adjust the columns, spacing, and borders.</p>



<p class="wp-block-paragraph"><strong>Step 5: Enable the lightbox</strong></p>



<p class="wp-block-paragraph">Toggle <strong>Enable&nbsp;Lightbox</strong> in the block settings to let visitors click an image and view it in a pop‑up with zoom and slide navigation.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="747" src="https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1024x747.png" alt="" class="wp-image-10788" srcset="https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1024x747.png 1024w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-300x219.png 300w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-768x560.png 768w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-1536x1120.png 1536w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-2048x1494.png 2048w, https://tableberg.com/wp-content/uploads/2024/12/Enable-Lightbox-Galleryberg-16x12.png 16w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">The lightbox includes keyboard and touch controls, so it works smoothly on desktops and phones.</p>



<p class="wp-block-paragraph"><strong>Step 5: Explore hover effects and captions</strong></p>



<p class="wp-block-paragraph">Use the Caption settings to display text below images or as an overlay that appears on hover. Galleryberg&#8217;s hover animations (zoom&nbsp;in/out and overlays) make the gallery feel interactive without distracting the</p>



<p class="wp-block-paragraph"><strong>Stap 6: Voorbeeld bekijken en publiceren</strong></p>



<p class="wp-block-paragraph">Once satisfied, preview your gallery and publish or update the post. Your gallery will be responsive and performance‑optimised thanks to server‑side rendering.</p>



<h2 class="wp-block-heading">Why Use Galleryberg Instead of the Core Block?</h2>



<p class="wp-block-paragraph">The core Gallery block offers basic grid layouts but lacks features such as a lightbox, hover animations, and varied layouts. Galleryberg provides four different gallery styles, a responsive lightbox with zoom and keyboard navigation, and intuitive controls for spacing, colors, and captions. It even supports responsive hover effects to add subtle animations. If you need a gallery that encourages visitors to interact with your images and fits seamlessly into the block editor, Galleryberg is a lightweight, user‑friendly solution.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_af227ece-61fd-4f76-822e-0fc700a74e86"><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>


<h2 class="wp-block-heading" id="8-final-thoughts">Laatste gedachten!</h2>



<p class="wp-block-paragraph">Het Galerij-blok is een krachtig hulpmiddel met de Gutenberg-blokeditor. Hiermee kun je je afbeeldingencollecties weergeven zonder extra plugins. </p>



<p class="wp-block-paragraph">Het is een uitstekende keuze voor iedereen vanwege de flexibiliteit, aanpassingsmogelijkheden en naadloze integratie met WordPress. </p>



<p class="wp-block-paragraph">Probeer het uit en zie hoe het de manier waarop je afbeeldingen op je website laat zien kan veranderen.</p>



<p class="wp-block-paragraph">Laat me weten wat je van de tutorial vindt in het commentaargedeelte hieronder. Laat het ook je medemensen weten via je sociale media.  </p>



<p class="wp-block-paragraph"><strong>Lees meer!</strong></p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-53438534-552d-4634-82d5-342529bc5679">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ce670c00-2676-48f4-a19f-2bf348cd38f3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-gebruik-je-het-afbeeldingsblok-in-wordpress/" target="_blank" rel="noreferrer noopener">Het afbeeldingsblok in WordPress gebruiken in 3 eenvoudige stappen</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-94375e53-848c-45c3-9ab6-4e4749f96c6f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-gebruik-je-het-voorgeformatteerde-blok-in-wordpress/" target="_blank" rel="noreferrer noopener">Hoe je het voorgeformatteerde blok in WordPress in 3 eenvoudige stappen kunt gebruiken</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-fba4cb4f-293e-4998-bf72-47a7fee43904">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-de-wordpress-blok-editor-gebruiken/" target="_blank" rel="noreferrer noopener">De blokken-editor van WordPress gebruiken (beginnershandleiding)</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0e4460b8-b7d8-410c-a1ea-f9f1c4b23495">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/beste-wpdatatables-alternatieven/" target="_blank" rel="noreferrer noopener">7 Beste wpDataTables Alternatieven In 2024 (Vergeleken)</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d05ed3bb-b7b6-48fa-b4d9-e9b4d70d0556">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/beste-wordpress-plugins-voor-nieuwssites-en-portals/" target="_blank" rel="noreferrer noopener">Beste WordPress Plugins voor nieuwssites en portals (2024)</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-bbdaf756-2cab-46fc-aa76-5e78cb08fc71">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="facebook-logo" target="_blank" rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-gebruik-je-het-galerieblok-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Gallery%20Block%20in%20WordPress%20in%203%20Easy%20Steps" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-facebook" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#1877f2" fill="#1877f2" width="20" height="20" viewbox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span><span style="">aandeel</span>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-gebruik-je-het-galerieblok-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Gallery%20Block%20in%20WordPress%20in%203%20Easy%20Steps" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-twitter" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="color:#1d9BF0" fill="#1d9BF0" width="20" height="20" viewbox="0 0 24 24"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"></path></svg></span><span style="">tweet</span>
			</a><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-gebruik-je-het-galerieblok-in-wordpress%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-linkedin" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#2867b2" fill="#2867b2" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">aandeel</span>
			</a></div>
		</div>

<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_95bb6856-7cac-4114-880b-aef30dcfe2c3"><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><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-gebruik-je-het-galerieblok-in-wordpress/">How to Use the Gallery Block in WordPress in 3 Easy Steps</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>11 Beste WordPress Content Plugins om Betrokkenheid en Visuele Aantrekkelijkheid te Vergroten</title>
		<link>https://tableberg.com/nl/beste-plugins-voor-wordpress-inhoud-om-betrokkenheid-en-visuele-aantrekkingskracht-te-vergroten/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Mon, 01 Dec 2025 20:06:05 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Content Presentation]]></category>
		<category><![CDATA[User Engagement]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=3571</guid>

					<description><![CDATA[<p>In today&#8217;s web industry, accurate and valuable information is not the ultimate thing. How you present it to the audience also matters. Suppose you’ve covered valuable data and information on your site, but it’s not able to hook the eyes of users, you will fail to create conversions. Due to this, web designers and content [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/beste-plugins-voor-wordpress-inhoud-om-betrokkenheid-en-visuele-aantrekkingskracht-te-vergroten/">11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">In de hedendaagse webindustrie is accurate en waardevolle informatie niet het belangrijkste. Het gaat er ook om hoe u het aan het publiek presenteert. Stel dat je waardevolle gegevens en informatie op je site hebt gezet, maar dat het niet in staat is om de ogen van gebruikers te trekken, dan zul je er niet in slagen om conversies te creëren.</p>



<p class="wp-block-paragraph">Hierdoor moeten webdesigners en content creators veel tijd besteden aan website lay-out, iconen, kleuren, vormen, typografie, enz. Er zijn tegenwoordig talloze plugins online waarmee je webinhoud op een visueel aantrekkelijke manier kunt presenteren.</p>



<p class="wp-block-paragraph">In dit artikel bespreken we een aantal van de beste WordPress content plugins om de betrokkenheid en visuele aantrekkingskracht te vergroten. Bekijk ze snel in de onderstaande tabel.</p>


<figure class='wp-block-tableberg' >
                <div class='tableberg-table-wrapper'>
                    <table
                        class='wp-block-tableberg'
                        style='border-collapse: collapse; width: 100%;'
                        data-tableberg-sortable='false'
                        data-tableberg-columns='[]'
                        data-tableberg-pagination='{"enabled":false,"pageSize":10,"showPageNumbers":true,"showPrevNext":true}'
                        data-tableberg-search-enabled='false'
                        data-tableberg-search-placeholder='Search...'
                        data-tableberg-search-position='left'
                        data-tableberg-search-highlight-color=''
                        data-tableberg-header='false'
                        data-tableberg-footer='false'
                        
                    >
                        <tbody>
                            <tr data-tableberg-row='0'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Plugin</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Rating</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Highlights</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#a456ed;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='0'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>
                <strong>Downloaden</strong>
            </p>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='1'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Ultieme Blokken
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721d930-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                25+ blokken
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                4 uitbreidingen
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='1'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://ultimateblocks.com/pricing/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='2'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                SEO rangschikken
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dbc5-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Omleidingsmanager
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Genereert XML sitemap
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='2'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/seo-by-rank-math/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='3'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Tafelberg
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721dd12-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                7+ blokken
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                25+ sjablonen
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='3'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='4'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                OpinieKamp
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721de52-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Poll Blok
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Makkelijk te gebruiken
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='4'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://opinioncamp.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='5'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Galerijberg
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721df91-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Galerijblok
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Lay-outs en lightboxes
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='5'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://galleryberg.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='6'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                WP Raket
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e106-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Pagina &amp; browser caching
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Integreert CDN
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='6'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wp-rocket.me/pricing/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='7'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Thrive-leads
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e249-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Verschillende inschrijfformulieren
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Formulier-bouwer met slepen en neerzetten
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='7'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://thrivethemes.com/pricing/" target="_self" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px" rel="noopener">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='8'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Bit Sociaal
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-2'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-3'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-4'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e385-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                7+ Sociale platforms
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Kalender voor sociale media
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='8'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/bit-social/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='9'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Onafhankelijke analyse
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e4b8-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Real-time verkeer volgen
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Toont verkeerslocatie
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='9'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/independent-analytics/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='10'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                UpdraftPlus
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e5ea-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                13+ cloudopslag
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                100+ sjablonen
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='10'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/updraftplus/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='11'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                Dorstige Filialen
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-4'>
                            <rect
                                height='150'
                                width='0'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f721e722-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                <ul style='margin:0;padding-left:20px'>
                    <li>
                    <span style='font-size:1.38rem;color:#000000'>
                Link manager
            </span>
                    
                </li><li>
                    <span style='font-size:1.38rem;color:#000000'>
                Automatisch trefwoorden koppelen
            </span>
                    
                </li>
                </ul>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:25%;min-width:25%'
                data-cell-row='11'
                data-cell-col='3'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>
                <a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/thirstyaffiliates/" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px">
                    <strong>Downloaden</strong>
                </a>
            </div>
                </div>
            </div>
                
                
            </td></tr>
                        </tbody>
                    </table>
                </div>
                
            </figure>


<p class="wp-block-paragraph">Laten we ze nu bespreken.&nbsp;</p>



<h2 class="wp-block-heading">1. <a href="https://ultimateblocks.com/" target="_blank" rel="noreferrer noopener">Ultieme Blokken</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="945" height="310" src="https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks.webp" alt="Ultieme Blokken Plugin" class="wp-image-492" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks.webp 945w, https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks-300x98.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Ultimate-Blocks-768x252.webp 768w" sizes="auto, (max-width: 945px) 100vw, 945px" /></figure>



<p class="wp-block-paragraph">Ultimate Blocks is een uitstekende Gutenberg blok-plugin voor het maken van verbluffende inhoud op je website. Het heeft 25+ aangepaste blokken. De populairste zijn de image slider, rating, review, timeline, tabbed content, styled box, testimonial, countdown, button, call to action, coupon en content filter.</p>



<p class="wp-block-paragraph">Je kunt ze gebruiken op je blogberichten en pagina's. Elk blok is in hoge mate aanpasbaar. Ga gewoon naar het tabblad Instellingen en stijlen op de rechterzijbalk. Daar zie je enorme aanpassingsmogelijkheden. Je zult nooit overweldigd raken, want deze aanpassingsopties bieden de native lay-out van WordPress.</p>



<p class="wp-block-paragraph">Bovendien zijn alle blokken van deze plugin mobielvriendelijk. Ze maken je inhoud automatisch mobiel-responsief zonder dat je er iets aan hoeft te doen. Je kunt echter wel breekpunten toevoegen als dat nodig is. Tot slot is Ultimate Blocks lichtgewicht, waardoor je site snel laadt.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Ultimate Blocks:</strong></p>



<ul class="wp-block-list">
<li>Eenvoudig te installeren en in te stellen</li>



<li>Bevat een ingebouwde pictogrammenbibliotheek</li>



<li>Heeft een schema in het blok Beoordelen</li>



<li>Elk blok heeft robuuste aanpassingsopties</li>



<li>Biedt een minimalistisch dashboard aan de achterkant</li>



<li>Werkt naadloos samen met WooCommerce en veel populaire plugins</li>



<li>Biedt een gratis versie naast de premium versie</li>
</ul>



<h2 class="wp-block-heading">2. <a href="https://wordpress.org/plugins/seo-by-rank-math/" target="_blank" rel="noreferrer noopener nofollow">SEO rangschikken</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="942" height="306" src="https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin.webp" alt="SEO rangschikken" class="wp-image-1057" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin.webp 942w, https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin-300x97.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/Rank-Math-SEO-plugin-768x249.webp 768w" sizes="auto, (max-width: 942px) 100vw, 942px" /></figure>



<p class="wp-block-paragraph">Zonder SEO kun je je inhoud niet organisch bereiken bij een groot publiek. Rank Math is een bekende SEO-plugin in de WordPress-branche. Deze plugin laat in realtime zien hoe goed je in staat bent geweest om je inhoud te optimaliseren voor uitstekende SEO-prestaties met veel indicatoren.</p>



<p class="wp-block-paragraph">Het omvat trefwoordoptimalisatiescore, leesbaarheid, aanbevelingen voor interne/externe links, enz. Rank Math ondersteunt rich snippets. U kunt schema markups aan uw pagina's toevoegen om de doorklikratio te verbeteren.</p>



<p class="wp-block-paragraph">Rank Math SEO biedt een 404 monitor die gebroken links detecteert en ze op de juiste manier doorstuurt. Daarnaast integreert de plugin met verschillende zoekconsoles om de prestaties van je inhoud te laten zien op het WordPress dashboard.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Rank Math:</strong></p>



<ul class="wp-block-list">
<li>Eenvoudige installatiewizard</li>



<li>Omleidingsmanager</li>



<li>Ondersteunt lokaal SEO-beheer</li>



<li>Genereert XML sitemap</li>



<li>Ondersteunt WooCommerce SEO</li>



<li>Rolmanager voor gebruikersrechten</li>



<li>Verbind je site met zes populaire zoekconsoles</li>
</ul>



<h2 class="wp-block-heading">3. <a href="https://tableberg.com/nl/" target="_blank" data-type="link" data-id="https://tableberg.com/" rel="noreferrer noopener">Tafelberg</a></h2>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="321" src="https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1024x321.png" alt="Tafelberg" class="wp-image-3461" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1024x321.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-300x94.png 300w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-768x241.png 768w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-1536x482.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1-18x6.png 18w, https://tableberg.com/wp-content/uploads/2024/09/tableberg-1.png 1558w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Het toevoegen van tabellen aan webberichten en pagina's wordt vaak verplicht om bepaalde informatie te presenteren, zoals statistieken, financiële cijfers, onderzoeksresultaten, kwantitatieve gegevens, enz. Dat komt omdat tabellen complexe gegevens kunnen ordenen in duidelijke en gemakkelijk verteerbare formaten.</p>



<p class="wp-block-paragraph">Tableberg is een veelbelovende en functierijke plugin die je kunt gebruiken om verschillende interactieve tabellen te maken. Bijvoorbeeld prijstabellen, vergelijkingstabellen, productspecificatietabellen, gegevenspresentatietabellen, enz.</p>



<p class="wp-block-paragraph">Tableberg is een veelzijdige plugin. Je kunt het gebruiken voor het ontwerpen van websecties zoals servicegedeeltes, call-to-action boxes, icon boxes, image boxes, enz.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Tableberg:</strong></p>



<ul class="wp-block-list">
<li>Je kunt afbeeldingen, beoordelingen, pictogrammen, linten, lijsten en meer toevoegen</li>



<li>De hoogte en breedte van de rijen, kolommen en cellen aanpassen</li>



<li>Eenvoudig de achtergrondkleur van afzonderlijke cellen wijzigen</li>



<li>Hiermee kun je een filter, zoekvak en een sticky rij/kolom toevoegen</li>



<li>Cel-, rij- en kolomranden verbergen/tonen</li>



<li>100% mobiel-responsief</li>
</ul>



<h2 class="wp-block-heading">4. <a href="https://opinioncamp.com/" target="_blank" rel="noreferrer noopener">OpinieKamp</a> </h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="332" src="https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1024x332.png" alt="" class="wp-image-10754" srcset="https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1024x332.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-300x97.png 300w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-768x249.png 768w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-1536x497.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp-18x6.png 18w, https://tableberg.com/wp-content/uploads/2024/09/OpinionCamp.png 1544w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">OpinionCamp maakt het gemakkelijk om feedback te verzamelen en gesprekken op gang te brengen over uw berichten of pagina's. In plaats van shortcodes te gebruiken, biedt de plugin een Gutenberg-native pollblok. Voeg gewoon een vraag toe, definieer antwoordopties en publiceer.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">Je kunt kleuren, knoppen en layouts visueel aanpassen zonder dat je CSS hoeft te schrijven. Stemmers zien de resultaten direct en je kunt ervoor kiezen om anonieme stemmen toe te staan voor privacy. OpinionCamp is lichtgewicht en ontworpen om aan te voelen als een onderdeel van WordPress; gegevens worden lokaal opgeslagen, dus er zijn geen externe accounts nodig.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van OpinionCamp:</strong></p>



<ul class="wp-block-list">
<li><strong>100 %-peilingen op basis van blokken:</strong> Bouw en beheer polls rechtstreeks in de WordPress-editor.</li>



<li><strong>Enkele en meerkeuzeopties:</strong> Ondersteuning voor zowel enkelvoudige als meerkeuzepeilingen.</li>



<li><strong>Visuele aanpassing:</strong> pas kleuren, indeling en knopstijlen aan zonder CSS.</li>



<li><strong>Directe voorvertoning:</strong> bekijk hoe je peiling eruitziet terwijl je deze bewerkt.</li>



<li><strong>Anoniem stemmen en lokale opslag:</strong> optioneel anoniem stemmen; alle gegevens worden lokaal opgeslagen voor privacy.</li>



<li><strong>Lichtgewicht &amp; modern:</strong> ontworpen voor snelheid met een strakke interface die opgaat in elk thema.</li>
</ul>



<h2 class="wp-block-heading">5. <a href="https://galleryberg.com" target="_blank" rel="noopener">Galerijberg</a></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="329" src="https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1024x329.png" alt="" class="wp-image-10201" srcset="https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1024x329.png 1024w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-300x96.png 300w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-768x247.png 768w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-1536x493.png 1536w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-2048x658.png 2048w, https://tableberg.com/wp-content/uploads/2025/06/Galleryberg-18x6.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Galleryberg helpt u bij het maken van aantrekkelijke, professioneel ogende afbeeldingsgalerijen in de Gutenberg-editor. Het biedt meerdere lay-outstijlen, waaronder Masonry, Tiles, Justified, Square en Mosaic. Alle lay-outs zijn volledig responsief en u kunt het aantal kolommen aanpassen voor tablets en telefoons.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">Een ingebouwde lightbox biedt soepel zoomen en navigeren, met toetsenbord- en touchbediening voor een boeiende kijkervaring. Elke afbeelding kan individueel worden aangepast met randen, bijschriften, beeldverhoudingen en duotoonfilters.&nbsp;&nbsp;</p>



<p class="wp-block-paragraph">Server-side rendering houdt galerijen lichtgewicht en snel, terwijl ARIA-labels en toetsenbordintegratie ze toegankelijk maken.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Galleryberg:</strong></p>



<ul class="wp-block-list">
<li><strong>Meerdere galerijindelingen:</strong> kies uit tegel-, vierkante, metselwerk- of uitgelijnde lay-outs.</li>



<li><strong>Responsief ontwerp met kolombeheer:</strong> pas het aantal kolommen aan om een perfecte weergave op elk apparaat te garanderen.</li>



<li><strong>Ingebouwde lichtbak</strong> inclusief vloeiende zoom-effecten, toetsenbord- en touchnavigatie, en loop-functionaliteit.</li>



<li><strong>Gedetailleerde aanpassing van afbeeldingen:</strong> randen, bijschriften, beeldverhoudingen en afstand aanpassen; duotone filters toepassen.</li>



<li><strong>Prestatiegeoptimaliseerd:</strong> gebruikt server-side rendering voor snellere paginaweergaven.</li>



<li><strong>Toegankelijkheid klaar:</strong> ARIA-labels en toetsenbordnavigatie maken galerijen bruikbaar voor alle bezoekers.</li>
</ul>



<h2 class="wp-block-heading">6. <a href="https://wp-rocket.me/" target="_blank" rel="noreferrer noopener nofollow">WP Raket</a></h2>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1277" height="655" src="https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin.webp" alt="WP Raket" class="wp-image-1058" srcset="https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin.webp 1277w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-1024x525.webp 1024w, https://tableberg.com/wp-content/uploads/2024/04/WP-Rocket-plugin-768x394.webp 768w" sizes="auto, (max-width: 1277px) 100vw, 1277px" /></figure>



<p class="wp-block-paragraph">Het snel laden van pagina's is essentieel voor het succes van elke website. Volgens veel statistieken verlaat meer dan 60% van de gebruikers een website als het laden meer dan drie seconden duurt. Een caching plugin zoals WP Rocket kan de laadtijd van pagina's opmerkelijk verkorten.</p>



<p class="wp-block-paragraph">WP Rocket slaat kopieën van je webberichten en pagina's op in een tijdelijke locatie die bekend staat als een cache. Wanneer een gebruiker je site bezoekt, zorgt de plugin ervoor dat de server vooraf opgeslagen bestanden verstuurt in plaats van ze helemaal opnieuw te genereren, waardoor de prestaties van je website verbeteren.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van WP Rocket:</strong></p>



<ul class="wp-block-list">
<li>Ondersteunt caching van pagina's en browsers</li>



<li>Integreert CDN (content delivery network)</li>



<li>Hiermee kun je Heartbeat besturen</li>



<li>Minimaliseer en combineer de CSS- en JS-bestanden</li>



<li>Inclusief de optie voor lui laden</li>



<li>Verwijdert onnodige bestanden uit de database</li>
</ul>



<h2 class="wp-block-heading">7. <a href="https://thrivethemes.com/leads/" target="_blank" rel="noreferrer noopener nofollow">Thrive-leads</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1277" height="655" src="https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin.webp" alt="Thrive Leads plugin" class="wp-image-1059" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin.webp 1277w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-1024x525.webp 1024w, https://tableberg.com/wp-content/uploads/2024/04/Thrive-Leads-plugin-768x394.webp 768w" sizes="auto, (max-width: 1277px) 100vw, 1277px" /></figure>



<p class="wp-block-paragraph">Leadgeneratie is een must voor de financiële toekomst van elke website. Het helpt je een database van potentiële klanten op te bouwen om marketingcampagnes uit te voeren en de verkoop succesvol te verhogen. Thrive Leads is een prachtige plugin voor leadgeneratie.</p>



<p class="wp-block-paragraph">Met de plugin kun je verschillende soorten opt-in formulieren maken, zoals pop-ups, diavoorstellingen en ingesloten formulieren, om de e-mailadressen van je potentiële klanten vast te leggen. Zodra je lijst met abonnees groeit, wordt het eenvoudig om marketingcampagnes uit te voeren.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Thrive Leads:</strong></p>



<ul class="wp-block-list">
<li>Formulier-bouwer met slepen en neerzetten</li>



<li>Meerdere formuliertypes (lightbox, slide-in, inline)</li>



<li>Geavanceerde targeting-opties</li>



<li>Gedetailleerde analyses voor robuuste rapportage</li>



<li>Biedt veel kant-en-klare sjablonen</li>



<li>Integratie met e-mailmarketingdiensten</li>
</ul>



<h2 class="wp-block-heading">8. <a href="https://wordpress.org/plugins/bit-social/" target="_blank" rel="noreferrer noopener nofollow">Bit Sociaal</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1544" height="500" src="https://tableberg.com/wp-content/uploads/2024/09/Bit-Social.gif" alt="Bit Sociaal" class="wp-image-3574" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Betrokkenheid bij sociale media is onvermijdelijk als u uw merkidentiteit overal wilt laten groeien. Volgens een statistiek van HubSpot genereert sociale-mediabetrokkenheid ongeveer 3%- 4% van het websiteverkeer. Hoewel dit percentage niet veel is, kan het u helpen uw merk te laten groeien en de verkoop te verhogen tijdens warme seizoenen.</p>



<p class="wp-block-paragraph">Bit Social is een plugin die je hierbij enorm kan helpen. Hiermee kun je berichten automatisch inplannen en delen op sociale mediaplatforms. Bit Social heeft integraties met meer dan 7 sociale mediaplatforms. Dit kan je veel tijd besparen omdat je berichten niet handmatig hoeft te delen.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Bit Social:</strong></p>



<ul class="wp-block-list">
<li>Inclusief een kalender voor sociale media</li>



<li>Filter berichten op categorieën</li>



<li>Berichten tegelijkertijd delen op verschillende sociale platforms</li>



<li>Werkt met 19 sociale mediaplatforms</li>



<li>Er is een gratis versie beschikbaar </li>
</ul>



<h2 class="wp-block-heading">9. <a href="https://wordpress.org/plugins/independent-analytics/" target="_blank" rel="noreferrer noopener nofollow">Onafhankelijke analyse</a></h2>



<p class="wp-block-paragraph">Het bestuderen van webverkeer is onmisbaar om inzicht te krijgen in het gedrag van bezoekers en om te bepalen wat het meest aanspreekt bij je publiek. Met dit inzicht kun je weloverwogen beslissingen nemen over marketingcampagnes voor meer conversies.</p>



<p class="wp-block-paragraph">Independent Analytics is een minimalistische maar uitgebreide plugin voor het analyseren van webverkeer. Als de originele Google Analytics overweldigend is en je een eenvoudig alternatief wilt, probeer dan deze. Het kan alles wat Google Analytics kan.</p>



<ul class="wp-block-list">
<li>Eenvoudige installatie en gebruiksvriendelijk dashboard</li>



<li>Het dashboard toont bezoekers, weergaven, bouncepercentage, weergave per sessie, enz.</li>



<li>Toont de prestaties van berichten/pagina's in realtime</li>



<li>Verkeersbronnen, hun locaties en gebruikte apparaten weergeven</li>



<li>Helpt bij het observeren van campagneprestaties</li>



<li>De gratis versie is voldoende voor websites die geen campagne voeren</li>
</ul>



<h2 class="wp-block-heading">10. <a href="https://wordpress.org/plugins/updraftplus/" target="_blank" rel="noreferrer noopener nofollow">UpdraftPlus</a></h2>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1544" height="500" src="https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus.webp" alt="UpdraftPlus" class="wp-image-3575" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus.webp 1544w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-300x97.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-1024x332.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-768x249.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-1536x497.webp 1536w, https://tableberg.com/wp-content/uploads/2024/09/UpdraftPlus-18x6.webp 18w" sizes="auto, (max-width: 1544px) 100vw, 1544px" /></figure>



<p class="wp-block-paragraph">Je website kan om een aantal redenen crashen, waarvan je er veel niet in de hand hebt. Door regelmatig een back-up bij te houden, kun je je website snel herstellen, ongeacht of je site crasht. UpdraftPlus is een populaire back-upplugin voor WordPress.</p>



<p class="wp-block-paragraph">Met UpdraftPlus kun je automatische back-ups van je hele website plannen. De back-ups bevatten je webdatabases, thema's, plugins en uploads, zodat alle belangrijke gegevens veilig en herstelbaar zijn.</p>



<p class="wp-block-paragraph">UpdraftPlus heeft integraties met verschillende cloudopslagsystemen, zoals Google Drive, Dropbox, Amazon S3, enz. om back-ups op te slaan.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van UpdraftPlus:</strong></p>



<ul class="wp-block-list">
<li>In staat om back-ups te maken van grote databases (zelfs 100+ GB)</li>



<li>Ondersteunt uurlijkse, dagelijkse, wekelijkse, maandelijkse en tweewekelijkse back-ups</li>



<li>Ondersteunt 14+ cloud en externe opslag</li>



<li>Back-ups zijn gecodeerd voor beveiliging</li>



<li>Compatibel met multisite</li>
</ul>



<h2 class="wp-block-heading">11. <a href="https://wordpress.org/plugins/thirstyaffiliates/" data-type="link" data-id="https://wordpress.org/plugins/thirstyaffiliates/" target="_blank" rel="noreferrer noopener nofollow">Dorstige Filialen</a></h2>



<p class="wp-block-paragraph">Thirsty Affiliates is een alles-in-één plugin voor het beheer van affiliate links voor WordPress. Hiermee kun je alle affiliate links verbergen, organiseren en volgen vanaf je dashboard. Het ondersteunt verschillende linktypes, waaronder tekst-, afbeelding- en knoplinks.</p>



<p class="wp-block-paragraph">Dus als je een professionele affiliate marketeer bent, moet je deze plugin eens proberen. Het maakt niet uit of je site duizenden affiliate links heeft. Je kunt ze beheren als een pro met Thirsty Affiliates.</p>



<p class="wp-block-paragraph"><strong>Belangrijkste kenmerken van Thirsty Affiliates:</strong></p>



<ul class="wp-block-list">
<li>Automatisch trefwoorden koppelen</li>



<li>Linkcategorisatie voor organisatie</li>



<li>Bulk koppelingen maken en bewerken</li>



<li>Gedetailleerde klik tracering en analyses</li>



<li>Kan worden geïntegreerd met populaire paginabouwers</li>
</ul>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_562ba70f-0bed-4349-94bf-42165532fde5"><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>


<h2 class="wp-block-heading">Afsluitende woorden!</h2>



<p class="wp-block-paragraph">Het kiezen van de juiste set plugins kan de functionaliteit en gebruikerservaringen van je website aanzienlijk verbeteren. Het niet kiezen van de juiste plugin zal zeker leiden tot enorm lijden. Nogmaals, het halverwege vervangen van een plugin kan de functionaliteit van je site beïnvloeden.</p>



<p class="wp-block-paragraph">Daarom hebben we een aantal van de beste WordPress content plugins op een rijtje gezet om de betrokkenheid en visuele aantrekkingskracht te verhogen, waar je zonder meer op kunt vertrouwen. Laat ons weten welke plugins jij hebt geselecteerd in het commentaarvak hieronder.</p>


        <div class="wp-block-opinioncamp-poll opinioncamp-poll-wrapper" style="" data-question-id="bf833e23-616e-40a1-bf55-7f46c8702048" data-results-order="asDefined">
            <div class="opinioncamp-poll-card" style="background-color: #fff; color: #000; box-shadow: 0px 0px 0px 0px #000; border-radius: 10px; border-width: 1px; border-color: #e0e0e0; border-style: solid; padding-top: var(--wp--preset--spacing--30); padding-right: var(--wp--preset--spacing--30); padding-bottom: var(--wp--preset--spacing--30); padding-left: var(--wp--preset--spacing--30); ">
                                    <h3 class="opinioncamp-poll-title">Welke WordPress-plugins ga je gebruiken voor betere interactie?</h3>
                
                                    <p class="opinioncamp-poll-description">Je kunt meerdere plugins kiezen.</p>
                
                <div class="opinioncamp-poll-options opinioncamp-poll-options-vertical">
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Ultimate Blocks"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-0"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-0"
                                class="opinioncamp-poll-option-label"
                            >
                                Ultieme Blokken                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Rank Math SEO"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-1"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-1"
                                class="opinioncamp-poll-option-label"
                            >
                                SEO rangschikken                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Tableberg"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-2"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-2"
                                class="opinioncamp-poll-option-label"
                            >
                                Tafelberg                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="OpinionCamp"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-3"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-3"
                                class="opinioncamp-poll-option-label"
                            >
                                OpinieKamp                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Galleryberg"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-4"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-4"
                                class="opinioncamp-poll-option-label"
                            >
                                Galerijberg                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="WP Rocket"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-5"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-5"
                                class="opinioncamp-poll-option-label"
                            >
                                WP Raket                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Thrive Leads"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-6"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-6"
                                class="opinioncamp-poll-option-label"
                            >
                                Thrive-leads                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Bit Social "
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-7"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-7"
                                class="opinioncamp-poll-option-label"
                            >
                                Bit Sociaal                             </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Independent Analytics "
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-8"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-8"
                                class="opinioncamp-poll-option-label"
                            >
                                Onafhankelijke analyse                             </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="UpdraftPlus"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-9"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-9"
                                class="opinioncamp-poll-option-label"
                            >
                                UpdraftPlus                            </label>
                        </div>
                                                                    <div class="opinioncamp-poll-option">
                            <input
                                type="checkbox"
                                name="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048"
                                value="Thirsty Affiliates"
                                class="opinioncamp-poll-option-input"
                                id="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-10"
                                                            />
                            <label
                                for="opinioncamp-poll-bf833e23-616e-40a1-bf55-7f46c8702048-10"
                                class="opinioncamp-poll-option-label"
                            >
                                Dorstige Filialen                            </label>
                        </div>
                                    </div>

                                    <div style="text-align: center; ">
                        <button
                            class="opinioncamp-poll-submit-button"
                            style="background-color: #007cba; color: #fff; width: calc(100% - 0px - 0px); border-radius: 100px; padding-top: 15px; padding-right: var(--wp--preset--spacing--10); padding-bottom: 15px; padding-left: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--10); --dcop-submit-hover-bg: #005a8c; --dcop-submit-hover-color: #fff; "
                        >
                            Stem &amp; Bekijk de Resultaten!                        </button>
                    </div>
                                            </div>
        </div><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/beste-plugins-voor-wordpress-inhoud-om-betrokkenheid-en-visuele-aantrekkingskracht-te-vergroten/">11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hoe maak je een competitietabel in WordPress</title>
		<link>https://tableberg.com/nl/hoe-maak-je-een-ranglijst-in-wordpress/</link>
					<comments>https://tableberg.com/nl/hoe-maak-je-een-ranglijst-in-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Sun, 12 Oct 2025 16:20:53 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Create a Table]]></category>
		<category><![CDATA[Customize Table]]></category>
		<category><![CDATA[TableBerg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=699</guid>

					<description><![CDATA[<p>A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format. If you run a sports website, blog, or even sell sports gear, adding a league table can [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-maak-je-een-ranglijst-in-wordpress/">How to Create a League Table in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format.</p>



<p class="wp-block-paragraph">If you run a sports website, blog, or even sell sports gear, adding a league table can make your content more engaging and informative.</p>



<p class="wp-block-paragraph">In this tutorial, we’ll show you <strong>two simple ways to create a league table in WordPress</strong> — using the <strong>Tableberg plugin</strong>.</p>



<ul class="wp-block-list is-style-list-boxed">
<li>Methode 1: <a href="#Copy-&amp;-Paste-the-Ready-Made-Pattern">Copy &amp; Paste the Ready-Made Pattern</a> </li>



<li>Methode 2: <a href="#Create-a-League-Table-from-Scratch">Create a League Table from Scratch</a></li>
</ul>



<h2 class="wp-block-heading" id="Copy-&amp;-Paste-the-Ready-Made-Pattern">Method 1: Copy &amp; Paste the Ready-Made Pattern</h2>



<p class="wp-block-paragraph">Don’t want to build everything from scratch?</p>



<p class="wp-block-paragraph">You can instantly add a beautiful, pre-designed <strong>Klassement eredivisie Table</strong> to your site using Tableberg’s <strong><a href="https://tableberg.com/nl/tabelpatronen/" target="_blank" rel="noreferrer noopener">Pattern Library</a></strong>.</p>



<p class="wp-block-paragraph">Here’s how <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f447.png" alt="👇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<h3 class="wp-block-heading">Step 1: Install the Tableberg Pro Plugin</h3>



<p class="wp-block-paragraph">Even though Tableberg has a <a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener">gratis versie</a>, you’ll need the <strong><a href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Pro-versie</a></strong> to access the ready-made patterns.</p>



<p class="wp-block-paragraph">Get Tableberg Pro from the <a href="https://tableberg.com/nl/prijzen/">official website</a>, install it, and <a href="https://tableberg.com/nl/docs/hoe-activeer-ik-mijn-licentiesleutel/" target="_blank" rel="noreferrer noopener">activate your license</a>.</p>



<h3 class="wp-block-heading">Step 2: Visit the Pattern &amp; Copy It</h3>



<p class="wp-block-paragraph">Go to this link: <a href="https://tableberg.com/nl/tabelpatronen/stand-eredivisie/" target="_blank" rel="noreferrer noopener">Premier League Standings Table Pattern</a> and click on the <strong>“Copy Pattern”</strong> button on the page. The pattern will be copied automatically.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="846" src="https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1024x846.png" alt="" class="wp-image-10709" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1024x846.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-300x248.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-768x634.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-1536x1269.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-2048x1691.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Premier-League-Standings-Table-Pattern-15x12.png 15w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 3: Paste the Pattern into WordPress Block Editor </h3>



<p class="wp-block-paragraph">Now, open the post or page where you want to add your league table. </p>



<p class="wp-block-paragraph">In the WordPress block editor (Gutenberg), paste (Ctrl/Cmd + V) — and the entire table will appear instantly. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1800" height="932" src="https://tableberg.com/wp-content/uploads/2025/01/Paste-the-Pattern.gif" alt="" class="wp-image-10711" style="border-width:1px;border-radius:3px"/></figure>



<h3 class="wp-block-heading">Stap 4: de tabel aanpassen</h3>



<p class="wp-block-paragraph">You can easily:</p>



<ul class="wp-block-list">
<li>Replace the team names and logos</li>



<li>Update match stats (Played, Won, Lost, Drawn, Points, etc.)</li>



<li>Adjust colors, borders, or typography from the sidebar settings</li>



<li>Add or remove rows and columns</li>
</ul>


<div style="width: 100%" class="ub-advanced-video-container wp-block-ub-advanced-video" id="ub-advanced-video-f4606ace-9fc7-4b5a-9945-fdfa37d4fc68"><div class="ub-advanced-video-embed" style="box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; "><video controls width="undefined" height="undefined"><source src="https://tableberg.com/wp-content/uploads/2025/01/Customizing-the-Table.mp4"></source></video></div></div>


<p class="wp-block-paragraph">That’s it — your <strong>League Table is ready in seconds</strong> without building it manually.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_60cd3714-3345-48ee-ba5d-c91d5018dc7c"><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>


<h2 class="wp-block-heading" id="Create-a-League-Table-from-Scratch">Method 2: Create a League Table from Scratch</h2>



<p class="wp-block-paragraph">If you prefer full control or want to design your own layout, follow this step-by-step process to create a league table manually.</p>



<h3 class="wp-block-heading" id="Install-and-Activate-the-Tablegerg-Plugin">Stap 1: Installeer en activeer de Tableberg-plugin</h3>



<p class="wp-block-paragraph"><a href="https://wordpress.org/plugins/tableberg/" target="_blank" data-type="link" data-id="https://wordpress.org/plugins/tableberg/" rel="noreferrer noopener">Tafelberg</a> is een plugin voor het maken van geavanceerde tabellen. Zonder zo'n geavanceerde tool kun je geen uitgebreide competitietabellen maken met alleen het standaard WordPress tabellenblok.</p>



<p class="wp-block-paragraph">Om de plugin te installeren, ga je naar <strong>Plugins &gt; Nieuwe plug-in toevoegen</strong>. Haal de plugin op door te typen <strong>Tafelberg</strong> in het zoekvak. Installeer en activeer het nadat het hieronder wordt weergegeven.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="569" src="https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-1024x569.png" alt="" class="wp-image-4846" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-1024x569.png 1024w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-300x167.png 300w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-768x427.png 768w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-1536x853.png 1536w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-2048x1138.png 2048w, https://tableberg.com/wp-content/uploads/2024/06/Tableberg-Installation-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="Add-the-Tableberg-Block-to-Your-Post/Page-Editor">Stap 2: Voeg het Tableberg-blok toe aan je post/pagina-editor</h3>



<p class="wp-block-paragraph">Open het bericht/de pagina waar je de ranglijst wilt maken. Zoek en <strong>blok Tableberg toevoegen</strong> door op de <strong>(+) pictogram</strong>.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="605" src="https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1024x605.png" alt="" class="wp-image-2774" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1024x605.png 1024w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-300x177.png 300w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-768x454.png 768w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-1536x907.png 1536w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-2048x1210.png 2048w, https://tableberg.com/wp-content/uploads/2024/02/Inserting-the-Tableberg-Block-1-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Definieer het rij- en kolomnummer naar wens. Voor deze tutorial selecteren we het rij- en kolomnummer 6*11.</p>



<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/Set-the-row-and-column-number.png" alt="Stel het rij- en kolomnummer in" class="wp-image-176" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number.png 1280w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-1024x522.png 1024w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-768x392.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">De lay-out van de tabel is klaar. Vervolgens voegen we er inhoud aan toe.</p>



<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/02/Table-layout-creted-by-TableBerg.webp" alt="Tabelopmaak gemaakt door TableBerg" class="wp-image-700" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Table-layout-creted-by-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="Add-Content-to-the-Table">Stap 3: Inhoud aan de tabel toevoegen</h3>



<p class="wp-block-paragraph">Het type inhoud dat je toevoegt aan de tabel hangt grotendeels af van het sporttype. De inhoud voor een eredivisietabel is gewoonlijk <strong>positie, clublogo, clubnaam, gespeelde wedstrijd, doelsaldo, </strong>en<strong> punten</strong>. </p>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Positie definiëren (Pos)</strong></p>



<p class="wp-block-paragraph">Het team met meer punten blijft meestal hoger in het klassement. Deze sectie komt in de meest linkse kolom van een tabel. Je kunt zien dat we deze kolom in de tabel hebben gemaakt.</p>



<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/02/Define-position-1024x523.webp" alt="" class="wp-image-701" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Define-position-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Define-position-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Define-position-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/02/Define-position.webp 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Logo en clubnamen toevoegen</strong></p>



<p class="wp-block-paragraph">We willen de clubnaam en het logo onder dezelfde kolomtitel brengen. De volgende twee bovenste kolomcellen moeten dus worden samengevoegd. Selecteer ze door op <strong><em>Shift + rechts klikken (Windows)</em></strong> of <strong><em>CMD + rechts klikken (Mac)</em></strong>.</p>



<p class="wp-block-paragraph">Selecteer vervolgens <strong>Samenvoegen</strong> van de <strong>Tabel bewerken</strong> optie op de werkbalk. Bekijk de video hieronder. Daarna hebben we de titel centraal uitgelijnd.</p>



<figure class="wp-block-video aligncenter"><video height="720" style="aspect-ratio: 1280 / 720;" width="1280" autoplay controls loop muted src="https://tableberg.com/wp-content/uploads/2024/02/Add-logo-and-club-names-to-the-league-table.mp4"></video></figure>



<p class="wp-block-paragraph">Elke cel wordt geleverd met een Gutenberg-blok. Door op de <strong>(+) pictogram</strong>kun je andere soorten inhoud aan de tabel toevoegen. Voor logo's selecteren we de <strong>beeldblok</strong>.</p>



<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/02/Add-logos-to-the-league-table-with-TableBerg.webp" alt="Logo&#039;s toevoegen aan de tabel met TableBerg" class="wp-image-703" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-logos-to-the-league-table-with-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt zien dat we clublogo's hebben toegevoegd aan de tabel. Geen zorgen als de geüploade afbeeldingen groot zijn. Met TableBerg kun je ze aanpassen door ze te slepen.</p>



<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/02/Club-logos-added-to-the-league-table-with-TableBerg.webp" alt="Clublogo&#039;s toegevoegd aan de competitietabel met TableBerg" class="wp-image-704" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Club-logos-added-to-the-league-table-with-TableBerg-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Voeg vervolgens respectievelijk clubnamen toe naast de logocellen.</p>



<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/02/Add-club-names-to-the-league-table.webp" alt="Clubenamen toevoegen aan de competitietabel" class="wp-image-705" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-club-names-to-the-league-table-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph" style="font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);"><strong># Voeg gespeeld wedstrijdnummer, doelpuntenverschil en punten toe</strong></p>



<p class="wp-block-paragraph">Dit is eenvoudig. Net als bij de positie kun je ook hier het aantal gespeelde wedstrijden, het doelsaldo en het aantal punten van elke club toevoegen, met platte tekst. Je kunt zien hoe we dat in de onderstaande afbeelding hebben gedaan.</p>



<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/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp" alt="Voeg gespeeld wedstrijdnummer, doelpuntenverschil en punteninformatie toe aan de tabel" class="wp-image-711" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/02/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table.webp 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="Stylize-the-Table">Stap 04: De tafel stylen</h3>



<p class="wp-block-paragraph">Met Tableberg kunt u verschillende niveaus van stilering en aanpassing aan uw tabel toevoegen. Met de Gutenberg werkbalk kunt u <strong>de uitlijning aanpassen </strong>en <strong>durf</strong> van de inhoud op de tabel.</p>



<p class="wp-block-paragraph">Je kunt zien dat we de meeste inhoud op de tabel centraal hebben uitgelijnd en vetgedrukt.</p>



<p class="wp-block-paragraph">Vervolgens kunt u de <strong>tekst- en achtergrondkleur, typografie, lettergrootte,</strong> en <strong>tabelafmeting</strong> in de rechter zijbalk. Ik hoop dat je ze zelf kunt doen.</p>



<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/02/Customize-alignment-and-boldness-of-the-table-content.webp" alt="Uitlijning en vetgedrukte tekst van de tabel aanpassen" class="wp-image-714" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Customize-alignment-and-boldness-of-the-table-content-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="Change-the-Table-Width-and-Row-Colors">Stap 05: De tabelbreedte en rijenkleuren wijzigen</h3>



<p class="wp-block-paragraph">Als je veel inhoud hebt, wil je misschien de breedte van de tabel vergroten. Selecteer de hele tabel door op de <strong>TableBerg pictogram</strong> driemaal achter elkaar op de werkbalk.</p>



<p class="wp-block-paragraph">De <strong>Tabblad Instellingen</strong> verschijnt op de rechterzijbalk, waar u de <strong>Tabel Breedte</strong> optie. Je kunt de breedte van de tabel vergroten door de waarde hier in te stellen.</p>



<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/02/Increase-the-width-and-row-color-of-the-table.png" alt="Vergroot de breedte en de kleur van de rijen in de tabel" class="wp-image-716" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table.png 1280w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-1024x523.png 1024w, https://tableberg.com/wp-content/uploads/2024/02/Increase-the-width-and-row-color-of-the-table-768x392.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Kom naar de <strong>Tabblad Stijlen</strong>. Direct daaronder krijg je opties om de achtergrondkleur van de kolommen in de even en oneven rijen te wijzigen. Doe het zelf.</p>



<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/02/Colorize-the-league-table.webp" alt="De ranglijst inkleuren" class="wp-image-718" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/02/Colorize-the-league-table-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Zo kun je een ranglijst maken in WordPress.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Video-handleiding</h3>



<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">
<iframe loading="lazy" title="Hoe maak je een competitietabel in WordPress" width="500" height="281" src="https://www.youtube.com/embed/2UinommekD4?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>
</div></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Eindnoot!</h3>



<p class="wp-block-paragraph">Sportminnende mensen zijn altijd graag op de hoogte van de updates van hun favoriete teams en spelers. Je kunt een tabel maken in WordPress en de links delen op sociale media zodat mensen je site komen verkennen. </p>



<p class="wp-block-paragraph">Je kunt op dezelfde manier tabellen maken voor e-commerce producten met deze plugin. Leer <a href="https://tableberg.com/nl/hoe-maak-je-een-vergelijkingstabel-in-wordpress/" data-type="post" data-id="252" target="_blank" rel="noreferrer noopener">hoe maak je een productvergelijkingstabel met Tableberg</a>.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-maak-je-een-ranglijst-in-wordpress/">How to Create a League Table in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentrss>https://tableberg.com/nl/hoe-maak-je-een-ranglijst-in-wordpress/feed/</wfw:commentrss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2024/02/Add-logo-and-club-names-to-the-league-table.mp4" length="328152" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/01/Customizing-the-Table.mp4" length="22658950" type="video/mp4" />

			</item>
		<item>
		<title>Hoe WordPress afbeeldingen in kolommen en rijen weergeven</title>
		<link>https://tableberg.com/nl/hoe-wordpress-afbeeldingen-in-kolommen-rijen-weergeven/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Thu, 31 Jul 2025 08:21:57 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Column Block]]></category>
		<category><![CDATA[How to Add Images]]></category>
		<category><![CDATA[Image Block]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=2022</guid>

					<description><![CDATA[<p>Het is geen geheim meer dat visuele content zoals afbeeldingen een krachtige rol spelen bij het overbrengen van concepten en verhalen. Tekst alleen kan lezers vaak niet boeien. Daarom is het opnemen van relevante afbeeldingen in blogberichten en pagina's verplicht geworden. Met WordPress kun je op verschillende manieren afbeeldingen aan je site toevoegen. Eén [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-wordpress-afbeeldingen-in-kolommen-rijen-weergeven/">How to Display WordPress Images in Columns &amp; Rows</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Het is geen geheim meer dat visuele content zoals afbeeldingen een krachtige rol spelen bij het overbrengen van concepten en verhalen. Tekst alleen kan lezers vaak niet boeien. Daarom is het opnemen van relevante afbeeldingen in blogberichten en pagina's verplicht geworden.</p>



<p class="wp-block-paragraph">Met WordPress kun je op verschillende manieren afbeeldingen aan je site toevoegen. Een van de meest effectieve manieren is om afbeeldingen in kolommen en rijen toe te voegen. Zo kun je je afbeeldingen op een georganiseerde manier presenteren.</p>



<p class="wp-block-paragraph">In deze blogpost laten we je zien hoe je WordPress afbeeldingen op verschillende manieren kunt weergeven in Kolommen &amp; Rijen.</p>



<ul class="wp-block-list">
<li>Methode 1: <a href="#Display-Images-in-WordPress-Using-the-Column-Block">Het Kolomblok gebruiken</a> (Het beste voor volledig handmatige bediening en aangepaste lay-outs)</li>



<li>Methode 2: <a href="#Display-Images-in-WordPress-Using-the-Gallery-Block">Het Galerij-blok gebruiken</a> (<em>Het beste voor eenvoudige afbeeldingsrasters met minimale styling)</em></li>



<li>Methode 3: <a href="#Using-the-Galleryberg-Block">Het Galleryberg-blok gebruiken</a> (Beste voor geavanceerde lay-outs met lightbox en aanpassingen)</li>



<li>Methode 4: <a href="#Display-Images-in-WordPress-Using-the-TableBerg-Plugin">De Tableberg-plugin gebruiken</a> (Het beste voor gestructureerde afbeeldingsrasters zoals prijzen, schema's of producttabellen)</li>
</ul>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" 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>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--3"><a class="wp-block-button__link wp-element-button" href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Krijg Pro</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-Column-Block">Methode 1: Het kolomblok gebruiken</h2>



<p class="wp-block-paragraph">WordPress heeft een standaard kolomblok. Je kunt er nog veel meer blokken aan toevoegen, waaronder het afbeeldingsblok. Dit is de handleiding.</p>



<h3 class="wp-block-heading">Stap 01: Het Gutenberg Kolomblok toevoegen</h3>



<p class="wp-block-paragraph">Vinden en <strong>Kolom toevoegen</strong> door op het pluspictogram (+) in de editor te klikken.</p>



<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-the-Gutenberg-column-block.webp" alt="Het Gutenberg-kolomblok toevoegen" class="wp-image-435" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Add-the-Gutenberg-column-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/01/Add-the-Gutenberg-column-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/01/Add-the-Gutenberg-column-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Selecteer het aantal kolomvariaties dat je wilt toevoegen aan het kolomblok. Voor deze tutorial selecteren we de 50/50 kolomvariatie.</p>



<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/07/Select-the-number-of-columns-for-the-column-block.webp" alt="Selecteer het aantal kolommen voor het kolomblok" class="wp-image-2023" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Select-the-number-of-columns-for-the-column-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Select-the-number-of-columns-for-the-column-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Select-the-number-of-columns-for-the-column-block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Select-the-number-of-columns-for-the-column-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Select-the-number-of-columns-for-the-column-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 02: Het afbeeldingsblok toevoegen aan het kolomblok</h3>



<p class="wp-block-paragraph">Zoals we al zeiden, kun je andere Gutenberg-blokken binnen het kolomblok plaatsen. Nu, <strong>klik op het pluspictogram (+)</strong> binnen de kolom. Zoeken en <strong>het blok Afbeelding toevoegen</strong> aan.</p>



<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/07/Add-the-Image-Block-into-the-Column-Block.webp" alt="Het afbeeldingsblok toevoegen aan het kolomblok" class="wp-image-2024" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-Block-into-the-Column-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-Block-into-the-Column-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-Block-into-the-Column-Block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-Block-into-the-Column-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-Block-into-the-Column-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt nu afbeeldingen toevoegen vanuit de Mediabibliotheek of de lokale schijf. Doe wat je wilt.</p>



<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/07/Upload-image-to-the-column-block.webp" alt="Afbeelding uploaden naar het kolomblok" class="wp-image-2025" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Upload-image-to-the-column-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Upload-image-to-the-column-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Upload-image-to-the-column-block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Upload-image-to-the-column-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Upload-image-to-the-column-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 03: Het afbeeldingsblok stylen binnen het kolomblok</h3>



<p class="wp-block-paragraph">Je ziet dat we een afbeelding hebben toegevoegd. Je kunt deze centraal uitlijnen met de uitlijnoptie op de werkbalk. Pas de grootte van de afbeelding aan met het pictogram met de randcirkel. Tot slot kun je de afbeelding verder stileren met de opties op het tabblad Stijl.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="569" data-id="10296" src="https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1024x569.png" alt="" class="wp-image-10296" srcset="https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1024x569.png 1024w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-300x167.png 300w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-768x427.png 768w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1536x854.png 1536w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-2048x1139.png 2048w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="522" data-id="2026" src="https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp" alt="Het afbeeldingsblok stylen binnen het kolomblok" class="wp-image-2026" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block-18x9.webp 18w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Image-Block-within-the-Column-Block.webp 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</figure>



<p class="wp-block-paragraph">Voeg op dezelfde manier ook een afbeelding toe aan de andere kolom.</p>



<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/07/Add-image-to-the-other-column.webp" alt="Afbeelding toevoegen aan de andere kolom" class="wp-image-2027" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Add-image-to-the-other-column.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Add-image-to-the-other-column-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Add-image-to-the-other-column-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Add-image-to-the-other-column-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Add-image-to-the-other-column-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_69850fb3-2d43-4c4c-b26c-9fe74710be94"><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></div>



<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-Gallery-Block">Methode 2: Het Galerij-blok gebruiken</h2>



<p class="wp-block-paragraph">WordPress heeft een standaard Galerij blok waarmee je meerdere afbeeldingen kunt toevoegen met dezelfde blok lay-out.</p>



<h3 class="wp-block-heading">Stap 01: Het galerijblok toevoegen</h3>



<p class="wp-block-paragraph">Vind en <strong>het blok Galerij toevoegen aan de editor</strong>.</p>



<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/03/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp" alt="Het blok Galerij toevoegen" class="wp-image-1019" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je mag afbeeldingen uploaden vanaf je <strong>lokaal station</strong> of de <strong>Mediatheek</strong>. In deze tutorial uploaden we afbeeldingen vanuit de Mediabibliotheek. </p>



<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/03/Upload-images-from-local-storage-or-media-library.webp" alt="Afbeeldingen uploaden" class="wp-image-1020" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Upload-images-from-local-storage-or-media-library.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Upload-images-from-local-storage-or-media-library-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Upload-images-from-local-storage-or-media-library-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Upload-images-from-local-storage-or-media-library-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 02: Afbeeldingen selecteren en uploaden</h3>



<p class="wp-block-paragraph"><strong>Selecteer de afbeeldingen</strong> die je wilt uploaden naar het Galerij-blok. Je kunt zoveel afbeeldingen selecteren als je wilt. Eenmaal klaar, <strong>klik op de knop Een nieuwe galerij maken</strong>.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="653" src="https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block.webp" alt="Selecteer afbeeldingen voor het blok Galerij" class="wp-image-2037" srcset="https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Select-images-for-the-Gallery-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Als je wilt, kun je bijschriften toevoegen aan elke afbeelding. Geen probleem als je niets toevoegt. Klik op de <strong>Knop Galerij invoegen</strong> aan het einde.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="653" src="https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery.webp" alt="Galerij invoegen" class="wp-image-2038" srcset="https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Insert-gallery-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt zien dat er afbeeldingen zijn toegevoegd aan de galerij. Vervolgens kunt u het blok Afbeelding aanpassen met opties uit de <strong>Instellingen</strong> en <strong>Tabblad Stijlen</strong> op de rechterzijbalk. </p>



<p class="wp-block-paragraph">Hopelijk kun je het alleen, dus ik ga niet in op de details.</p>



<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/07/Images-added-to-the-Gallery.webp" alt="Afbeeldingen toegevoegd aan de Galerij" class="wp-image-2039" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Images-added-to-the-Gallery.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Images-added-to-the-Gallery-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Images-added-to-the-Gallery-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Images-added-to-the-Gallery-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Images-added-to-the-Gallery-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_58fca9c6-3f29-42e8-8faf-ea5be1cfa98f"><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></div>



<h2 class="wp-block-heading" id="Using-the-Galleryberg-Block">Methode 3: De Galleryberg-plugin gebruiken</h2>



<p class="wp-block-paragraph">Als je op zoek bent naar een flexibelere en visueel opgepoetste manier om afbeeldingen in kolommen of rijen weer te geven, dan is de <strong><a href="https://galleryberg.com" target="_blank" rel="noreferrer noopener">Galerijberg</a></strong> plugin is een fantastische keuze. Het is een Gutenberg-native galerijblok plugin die je het volgende geeft <strong>meerdere lay-out opties</strong> - zoals Tegels, Metselwerk, Recht en Vierkant - allemaal met ingebouwde <strong>lichtbak</strong> ondersteuning.</p>



<h3 class="wp-block-heading">Stap 1: Installeer de Galleryberg-plugin</h3>



<p class="wp-block-paragraph">Ga naar je WordPress dashboard en navigeer naar <strong>Plugins &gt; Nieuwe toevoegen</strong>. Zoek dan naar "Galleryberg" en installeer en activeer de plugin.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="520" src="https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-1024x520.png" alt="" class="wp-image-10294" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-1024x520.png 1024w, https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-300x152.png 300w, https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-768x390.png 768w, https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-1536x779.png 1536w, https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-2048x1039.png 2048w, https://tableberg.com/wp-content/uploads/2025/02/Installing-the-Galleryberg-Plugin-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 2: Het Galleryberg-blok toevoegen</h3>



<p class="wp-block-paragraph">Open de pagina of het bericht waar je de afbeeldingen wilt weergeven. Klik vervolgens op de <strong>+</strong> knop en zoek naar de "<strong>Galerijberg</strong>" blok. Voeg het toe aan de pagina.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="569" src="https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-1024x569.png" alt="" class="wp-image-10297" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-1024x569.png 1024w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-300x167.png 300w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-768x427.png 768w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-1536x854.png 1536w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-2048x1139.png 2048w, https://tableberg.com/wp-content/uploads/2025/02/Inserting-the-Galleryberg-Block-1-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">Stap 3: afbeeldingen uploaden of selecteren</h4>



<p class="wp-block-paragraph">Gebruik de mediabibliotheek of upload nieuwe afbeeldingen. Je kunt afbeeldingen herschikken door ze te verslepen.</p>


<div style="width: 100%" class="ub-advanced-video-container wp-block-ub-advanced-video" id="ub-advanced-video-7012e2e3-2b9f-4af2-924a-0ebbe824fa4a"><div class="ub-advanced-video-embed" style="box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; "><video controls loop width="undefined" height="undefined"><source src="https://tableberg.com/wp-content/uploads/2025/02/Adding-images-to-the-Gallery-using-Galleryberg.mp4"></source></video></div></div>


<h4 class="wp-block-heading">Stap 4: Kies een lay-out</h4>



<p class="wp-block-paragraph">Selecteer de gewenste lay-out in het paneel met blokinstellingen:</p>



<ul class="wp-block-list">
<li><strong>Tegels</strong>: Rasterindeling met gelijke tussenruimte (ideaal voor rijen en kolommen)</li>



<li><strong>Metselwerk</strong>: Gestapelde lay-out in Pinterest-stijl</li>



<li><strong>Gerechtvaardigd</strong>: Netjes uitgelijnde rijen van gelijke hoogte</li>



<li><strong>Vierkant</strong>: Perfecte vierkanten voor uniforme rasterweergave</li>
</ul>


<div style="width: 100%" class="ub-advanced-video-container wp-block-ub-advanced-video" id="ub-advanced-video-b6a1e449-60d8-4ace-ad19-c6611f6b30e8"><div class="ub-advanced-video-embed" style="box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; "><video muted loop autoplay controls width="undefined" height="undefined"><source src="https://tableberg.com/wp-content/uploads/2025/02/Gallery-Layout.mp4"></source></video></div></div>


<h3 class="wp-block-heading">Stap 5: De Lightbox-optie inschakelen</h3>



<p class="wp-block-paragraph">Schakel in de zijbalk met blokinstellingen de optie <strong>Lightbox inschakelen</strong> optie.</p>



<p class="wp-block-paragraph">Je afbeeldingen worden nu geopend in een popup met vloeiende overgangen, zoomeffecten en dianavigatie.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="631" src="https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-1024x631.png" alt="" class="wp-image-10302" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-1024x631.png 1024w, https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-300x185.png 300w, https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-768x473.png 768w, https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-1536x946.png 1536w, https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-2048x1262.png 2048w, https://tableberg.com/wp-content/uploads/2025/02/Enable-the-Lightbox-Option-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 5: Aanpassen en publiceren</h3>



<ul class="wp-block-list">
<li>Stel het aantal kolommen in (van 1 tot 8)Blader in de zijbalk met blokinstellingen naar beneden naar de optie <strong>Lichtbak</strong> sectie.</li>



<li>Schakel de <strong>Lightbox inschakelen</strong> optie.</li>



<li>Je afbeeldingen worden nu geopend in een popup met vloeiende overgangen, zoomeffecten en dianavigatie.</li>



<li>Pas de spatiëring, bijschriften, randen en meer aan</li>



<li>Lightbox inschakelen voor interactieve afbeeldingsvoorbeelden</li>
</ul>



<p class="wp-block-paragraph">Klik op <strong>Publiceer</strong> of <strong>Update</strong> en je galerij verschijnt in duidelijke, responsieve rijen en kolommen.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_e9064da0-d81d-4d9b-ac16-d36fcf24cafd"><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>


<h2 class="wp-block-heading" id="Display-Images-in-WordPress-Using-the-TableBerg-Plugin">Methode 4: De Tableberg-plugin gebruiken</h2>



<p class="wp-block-paragraph">TableBerg is een gebruiksvriendelijke plugin voor het maken van tabellen. Hiermee kun je verschillende aangepaste blokken aan de tabelcellen toevoegen om multifunctionele tabellen te maken. In dit gedeelte laten we je zien hoe je afbeeldingen kunt toevoegen in WordPress met behulp van de <a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener">Tafelberg</a> plugin.</p>



<h3 class="wp-block-heading">Stap 01: De Tableberg-plugin installeren en activeren</h3>



<p class="wp-block-paragraph">Ga naar <strong>Plugins &gt; Nieuwe plug-in toevoegen</strong>. Type <strong>Tafelberg</strong> in het zoekvak. <strong>Installeer</strong> en <strong>activeren</strong> zodra de plugin hieronder verschijnt.</p>



<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/Install-and-activate-the-TableBerg-plugin.png" alt="Installeer en activeer de TableBerg plugin" class="wp-image-156" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-TableBerg-plugin.png 1280w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-TableBerg-plugin-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-TableBerg-plugin-1024x523.png 1024w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-TableBerg-plugin-768x392.png 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 02: Voeg het Tableberg-blok toe aan je bericht/pagina</h3>



<p class="wp-block-paragraph">De plugin wordt geleverd met een Gutenberg-blok met de naam TableBerg. Zoek en voeg de <strong>TabelBerg blok</strong> naar je redacteur.</p>



<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/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp" alt="Zoek en voeg het TableBerg-blok toe aan uw Gutenberg-editor" class="wp-image-481" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Definieer het rij- en kolomnummer voor de tabel. Het proces is vergelijkbaar met het standaard tabelblok. Doe het zelf.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="522" src="https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-1024x522.png" alt="Stel het rij- en kolomnummer in" class="wp-image-176" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-1024x522.png 1024w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number-768x392.png 768w, https://tableberg.com/wp-content/uploads/2024/01/Set-the-row-and-column-number.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 03: Het afbeeldingsblok zoeken en toevoegen aan de tabel</h3>



<p class="wp-block-paragraph">Hopelijk is je tabel klaar. Selecteer de cel waar je een afbeelding wilt toevoegen. Zodra je een cel hebt geselecteerd, wordt de <strong>plus (+) pictogram</strong> verschijnt.</p>



<p class="wp-block-paragraph"><strong>Klik op het pluspictogram (+)</strong>. Je krijgt het blok Afbeelding. <strong>Klik op het blok Afbeelding</strong>.</p>



<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/07/Add-the-Image-block-to-the-table.png" alt="Voeg het blok Afbeelding toe aan de tabel" class="wp-image-2040" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-block-to-the-table.png 1280w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-block-to-the-table-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-block-to-the-table-1024x522.png 1024w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-block-to-the-table-768x392.png 768w, https://tableberg.com/wp-content/uploads/2024/07/Add-the-Image-block-to-the-table-18x9.png 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je krijgt opties om afbeeldingen te uploaden vanaf de lokale schijf of de Mediabibliotheek. Klik op de gewenste optie en upload de afbeelding.</p>



<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/07/Upload-an-image-to-the-block.webp" alt="Upload een afbeelding naar het blok" class="wp-image-2041" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Upload-an-image-to-the-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Upload-an-image-to-the-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Upload-an-image-to-the-block-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Upload-an-image-to-the-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Upload-an-image-to-the-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 04: De geüploade afbeelding stylen</h3>



<p class="wp-block-paragraph">Hopelijk is je afbeelding al geüpload naar de tabel. Ga naar het tabblad Stijlen in de rechter zijbalk. Daar vind je opties zoals Duotone, Border en Radius om je afbeeldingsblok te stylen.</p>



<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/07/Stylize-the-Uploaded-Image.webp" alt="De geüploade afbeelding stylen" class="wp-image-2042" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Uploaded-Image.webp 1280w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Uploaded-Image-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Uploaded-Image-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Uploaded-Image-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/07/Stylize-the-Uploaded-Image-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt dus afbeeldingen uploaden naar de WordPress tabel met de plugin. Verken <a href="https://tableberg.com/nl/hoe-maak-je-een-teamlid-sectie-in-wordpress/" target="_blank" rel="noreferrer noopener">hoe maak je een teamlid sectie in WordPress</a> met behulp van het kolomblok.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_4f6fde1a-4a3a-40a3-9a12-c816daa6407d"><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></div>



<h2 class="wp-block-heading">Laatste opmerkingen!</h2>



<p class="wp-block-paragraph">Om een website succesvol te onderhouden, moet je je inhoud op verschillende manieren uploaden en presenteren. Soms moet dezelfde inhoud op verschillende manieren in verschillende berichten en pagina's worden gepresenteerd. En dat geldt ook voor het afbeeldingsblok.</p>



<p class="wp-block-paragraph">Hopelijk ben je na het lezen van deze tutorial in staat om je afbeeldingsblok op verschillende manieren toe te voegen in WordPress en variaties aan te brengen in de inhoud.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-wordpress-afbeeldingen-in-kolommen-rijen-weergeven/">How to Display WordPress Images in Columns &amp; Rows</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2025/02/Adding-images-to-the-Gallery-using-Galleryberg.mp4" length="2934692" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/02/Gallery-Layout.mp4" length="10706823" type="video/mp4" />

			</item>
		<item>
		<title>Tabbladen maken in WordPress om inhoud te organiseren</title>
		<link>https://tableberg.com/nl/hoe-tabbladen-maken-in-wordpress/</link>
					<comments>https://tableberg.com/nl/hoe-tabbladen-maken-in-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Mon, 14 Jul 2025 18:22:29 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Gutenberg Blocks]]></category>
		<category><![CDATA[Tabbed Content]]></category>
		<category><![CDATA[Ultimate Blocks]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=907</guid>

					<description><![CDATA[<p>Als je veel informatie van verschillende types beknopt moet publiceren op blogberichten of pagina's, kunnen tabbladen een handig webelement zijn om dit te doen. Ze stellen je in staat om inhoud in afzonderlijke secties te organiseren, zodat gebruikers selectief de informatie kunnen verkennen en vinden die ze nodig hebben. Met de Gutenberg-blokeditor kun je eenvoudig [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-tabbladen-maken-in-wordpress/">How to Create Tabs in WordPress to Organize Content</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Als je veel informatie van verschillende types beknopt moet publiceren op blogberichten of pagina's, kunnen tabbladen een handig webelement zijn om dit te doen. Ze stellen je in staat om inhoud in afzonderlijke secties te organiseren zodat gebruikers selectief de informatie kunnen verkennen en vinden die ze nodig hebben.</p>



<p class="wp-block-paragraph">Met de Gutenberg blokbewerker kun je eenvoudig tabbladen toevoegen aan je blogberichten. In dit artikel laten we je zien hoe je tabbladen kunt maken in WordPress om inhoud te organiseren. Eerst beantwoorden we een aantal basisvragen.</p>


<!DOCTYPE html>
<?xml version="1.0" encoding="UTF-8"?><div class="wp-block-ub-tabbed-content wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a" style="">
			<div class="wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet">
				<div role="tablist" class="wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab" style="justify-content: center; "><div role="tab" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0" aria-controls="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0" aria-selected="true" class="wp-block-ub-tabbed-content-tab-title-wrap active ub-tabbed-content-with-sub-title" style="--ub-tabbed-title-background-color: #eeeeee; --ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; " tabindex="-1">
				<div class="wp-block-ub-tabbed-content-tab-title"><strong>Wat zijn tabbladen?</strong></div>
			</div><div role="tab" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1" aria-controls="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1" aria-selected="false" class="wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title" style="--ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; " tabindex="-1">
				<div class="wp-block-ub-tabbed-content-tab-title"><strong>Wanneer moet je tabbladen gebruiken? </strong></div>
			</div></div>
			</div>
			<div class="wp-block-ub-tabbed-content-tabs-content" style=""><div role="tabpanel" class="wp-block-ub-tabbed-content-tab-content-wrap active" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-0" aria-labelledby="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-0" tabindex="0">

<p class="wp-block-paragraph">Tabbladen dienen als navigatiehulpmiddel waarmee je veel informatie in verschillende secties kunt weergeven. Hierdoor hoeven gebruikers niet overmatig te scrollen om de uitgebreide informatie op je post of pagina te verkennen.</p>



<p class="wp-block-paragraph">Ze bieden een gestructureerde indeling zodat gebruikers de specifieke informatie die ze zoeken kunnen vinden door erop te klikken. Gewoonlijk gebruiken mensen het tabbladelement om hun webpagina's weer te geven in de hoofd- en koptekstsecties.</p>



<p class="wp-block-paragraph">Maar tegenwoordig kun je met behulp van bepaalde Gutenberg-plugins overal op een bericht of pagina inhoud met tabbladen maken.</p>

</div><div role="tabpanel" class="wp-block-ub-tabbed-content-tab-content-wrap ub-hide" id="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-panel-1" aria-labelledby="ub-tabbed-content-994fc8a6-8ce5-4686-abee-3f51167ede3a-tab-1" tabindex="0">

<p class="wp-block-paragraph">Inhoud met tabbladen werkt uitzonderlijk als je een grote hoeveelheid informatie hebt die in tabelvorm moet worden weergegeven. Dit element is bijzonder effectief bij het organiseren van de volgende informatietypes.</p>



<p class="wp-block-paragraph"><strong>Productomschrijvingen:</strong> Je kunt dit blok gebruiken om productspecificaties, functies en klantbeoordelingen in aparte tabbladen te behandelen.</p>



<p class="wp-block-paragraph"><strong>Dienstenaanbod:</strong> Als je meerdere servicepakketten hebt, is het beter om deze in aparte secties te presenteren.</p>



<p class="wp-block-paragraph"><strong>Prijsplannen:</strong> Het is al gebruikelijk om meerdere prijsplannen weer te geven in verschillende tabbladen op websites.</p>



<p class="wp-block-paragraph"><strong>FAQs</strong>: Hoewel de meeste mensen graag FAQ en content toggle blokken gebruiken voor de FAQ sectie, kun je ook het tabbladblok gebruiken om deze sectie te bedekken.</p>



<p class="wp-block-paragraph"><strong>Vergelijkende informatie:</strong> Als er informatie is die beter gepresenteerd kan worden in een sectie naast elkaar, dan is het tabblok handig in dit geval.</p>

</div></div>
		</div>



<h2 class="wp-block-heading">Tabbladen maken voor elke inhoud in WordPress</h2>



<p class="wp-block-paragraph">De standaard blokbibliotheek van Gutenberg heeft geen tabbladblok. Je moet een plugin gebruiken zoals <a href="https://ultimateblocks.com/" target="_blank" data-type="link" data-id="https://wordpress.org/plugins/ultimate-blocks/" rel="noreferrer noopener">Ultieme Blokken</a> om het in de blokbibliotheek te hebben. De plugin heeft 25+ extra plugins waarmee je je webdesign en contentmarketing naar een hoger niveau kunt tillen.</p>



<p class="wp-block-paragraph">De 'T<a href="https://ultimateblocks.com/tabbed-content-block/" target="_blank" rel="noreferrer noopener">Overbodig Inhoud</a>Met het blok 'Ultimate Blocks' kun je inhoud toevoegen in tabbladen. Laten we eens kijken hoe je dat doet. </p>



<h3 class="wp-block-heading">Stap 01: Installeer en activeer de Ultimate Blocks Plugin</h3>



<p class="wp-block-paragraph">Ga naar <strong>Plugins &gt; Nieuwe plug-in toevoegen</strong>. Type <strong>Ultieme Blokken</strong> in de zoekbalk in de rechterbovenhoek. <strong>Installeer</strong> en <strong>activeren</strong> de plugin nadat deze hieronder is weergegeven.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1280" height="655" src="https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin.webp" alt="Installeer en activeer de Ultimate Blocks plugin" class="wp-image-456" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https://tableberg.com/wp-content/uploads/2024/01/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 02: Het blok Inhoud met tabbladen invoegen</h3>



<p class="wp-block-paragraph">Open een bericht of pagina. Zoek de <strong>Inhoud met tabbladen</strong> blok door op <strong>plus (+) knop</strong>. Zodra u het blok hebt gevonden, voegt u het toe aan de Gutenberg-editor.</p>



<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/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp" alt="Het blok Inhoud met tabbladen toevoegen aan de Gutenberg-editor" class="wp-image-911" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-the-Tabbed-Content-block-to-the-Gutenberg-editor-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 03: Nieuwe tabbladen toevoegen en de naam wijzigen</h3>



<p class="wp-block-paragraph">Door op de <strong>plus (+) pictogram</strong>Je kunt zoveel tabbladen aan het blok toevoegen als je wilt.</p>



<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/03/Add-new-tabs-to-the-Tabbed-Content-block.webp" alt="Nieuwe tabbladen toevoegen aan het blok Inhoud met tabbladen" class="wp-image-912" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-new-tabs-to-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Klik met je cursor één voor één op de tabbladen. Je kunt ze een andere naam geven. Geef de tabbladen dus een andere naam op basis van de inhoud die je wilt weergeven.</p>



<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/03/Rename-tabs-of-the-Tabbed-Content-block.webp" alt="Tabbladen van het blok Inhoud met tabbladen hernoemen" class="wp-image-913" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Rename-tabs-of-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 04: Inhoud aan de tabbladen toevoegen</h3>



<p class="wp-block-paragraph">Selecteer een tabblad waar je inhoud wilt toevoegen. Plaats de cursor vervolgens in de bijbehorende editor. Je ziet de <strong>plus (+) knop</strong> van de Gutenberg-editor verschenen. Klik en kies het inhoudsblok dat je nodig hebt.</p>



<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/03/Add-content-to-the-tab.webp" alt="Inhoud aan het tabblad toevoegen" class="wp-image-914" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Add-content-to-the-tab-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Voor deze tutorial hebben we de tekst- en afbeeldingsblokken aan het tabblad toegevoegd. Op dezelfde manier kun je ook andere blokken aan het tabblad toevoegen. Doe hetzelfde in andere tabbladen.</p>



<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/03/Texts-and-image-added-to-the-Tabbed-Content-block.webp" alt="Teksten en afbeeldingen toegevoegd aan het blok Inhoud met tabbladen" class="wp-image-915" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Texts-and-image-added-to-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading">Stap 05: De tabbladen aanpassen</h3>



<p class="wp-block-paragraph">Ga naar de rechterzijbalk terwijl het blok Inhoud met tabbladen geselecteerd blijft. Er zijn verschillende opties om te configureren, zoals Tabbladtypen, Tabbladanker en Responsiviteit.</p>



<p class="wp-block-paragraph">Als je upgradet naar de premium versie, mag je pictogrammen toevoegen aan de tabbladtitels, secundaire teksten en knoppen voor oproepen tot actie op de tabbladen.</p>



<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/03/Configure-settings-of-the-Tabbed-Content-block.webp" alt="Instellingen configureren van het blok Inhoud met tabbladen" class="wp-image-916" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Configure-settings-of-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ga vervolgens naar de <strong>Tabblad Stijlen</strong>. Je krijgt opties om de inhoud van de tabbladen in te kleuren, de lay-out van de tabbladen te wijzigen en een nieuwe dimensie in te stellen. Ik hoop dat je dit zelf kunt ontdekken en doen.</p>



<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/03/Stylize-the-Tabbed-Content-block.webp" alt="Het blok Inhoud in tabelvorm stylen" class="wp-image-917" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/03/Stylize-the-Tabbed-Content-block-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading">Video-handleiding</h3>



<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">
<iframe loading="lazy" title="Tabbladen maken in WordPress om inhoud te organiseren" width="500" height="281" src="https://www.youtube.com/embed/S6MekjOWHls?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>
</div></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading">Tabbladen maken voor tabellen in WordPress</h2>



<p class="wp-block-paragraph">Tabbladen zijn er niet alleen voor tekst of afbeeldingen, ze zijn ook een uitstekende manier om meerdere tabellen naast elkaar op je website te zetten. Of je gebruikers nu wilt laten wisselen tussen <a href="https://tableberg.com/nl/hoe-maak-je-een-toggle-voor-maandelijkse-en-jaarlijkse-prijzen-in-wordpress/" target="_blank" rel="noreferrer noopener">maandelijkse en jaarlijkse prijzen</a>, <a href="https://tableberg.com/nl/hoe-maak-je-een-functievergelijkingstabel-in-wordpress/" target="_blank" rel="noreferrer noopener">producteigenschappen vergelijken</a>of gegevens in meerdere talen presenteren, <strong><a href="https://tableberg.com/nl/" target="_blank" rel="noreferrer noopener">Tafelberg</a></strong> maakt het gemakkelijk met de functie Tabbladen wisselen.</p>



<p class="wp-block-paragraph"><strong>Met Tableberg's "<a href="https://tableberg.com/nl/knevel-voor-tablebergblok/" target="_blank" rel="noreferrer noopener">Schakelaar voor Tableberg</a>" blok, dat kan:</strong></p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-84c4e0ee-762c-4e78-a414-f77e17c4062d">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e2e716d6-2426-40ff-8077-a05e8006c03a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Meerdere tabellen toevoegen onder aparte tabbladen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4dae12de-cd20-4e7f-ab18-0d905d58189a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Laat bezoekers met één klik prijsplannen, functies of datasets vergelijken</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a2192655-f961-4224-96e3-a4e7e5664867">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Houd je tabellen georganiseerd, schoon en supergemakkelijk navigeerbaar</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph"><strong>Zo maak je tabbladen voor tabellen met Tableberg:</strong></p>



<h3 class="wp-block-heading">Stap 1: Voeg het blok 'Toggle voor Tableberg' in</h3>



<ul class="wp-block-list">
<li>Open je bericht of pagina in de WordPress editor.</li>



<li>Klik op het (+) pictogram, zoek naar <strong>Schakelaar voor Tableberg</strong>en voeg het blok toe.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="472" src="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png" alt="" class="has-border-color wp-image-7133" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 2: Uw tabbladen instellen en aanpassen</h3>



<ul class="wp-block-list">
<li>Standaard zie je tabbladen met de labels "Tabblad 1", "Tabblad 2" en "Tabblad 3".</li>



<li>Klik op de pictogrammen + of - om tabbladen toe te voegen of te verwijderen.</li>



<li>Geef elk tabblad een andere naam (bijvoorbeeld "Maandelijks", "Jaarlijks", "Standaard", "Premium").</li>



<li>Gebruik het instellingenpaneel aan de rechterkant om titels, uitlijning, kleuren en randen aan te passen voor de stijl van je voorkeur.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 3: Een tabel aan elk tabblad toevoegen</h3>



<ul class="wp-block-list">
<li>Selecteer een tabblad en klik erin om een Tableberg-tabel toe te voegen.</li>



<li>Je kunt vanaf nul een nieuwe tabel maken of een van de vooraf ontworpen tabelpatronen van Tableberg invoegen.</li>



<li>Elk tabblad kan een unieke tabel bevatten - ideaal voor vergelijkingen of het tonen van opties.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Stap 4: Voorbeeld bekijken en publiceren</h3>



<ul class="wp-block-list">
<li>Gebruik de preview om te controleren of je tabbladen er goed uitzien en goed werken.</li>



<li>Als je tevreden bent, publiceer of update je je bericht/pagina.</li>
</ul>



<p class="wp-block-paragraph">Hier is een voorbeeld van hoe een prijstabel met tabbladen eruitziet met Tableberg:</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1600" height="1029" src="https://tableberg.com/wp-content/uploads/2025/01/Toggle-for-Tableberg-Example-.gif" alt="" class="wp-image-7131" style="border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px"/></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_f9bd9323-a9f8-4268-ad73-11d73d5ddf0b"><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>


<h3 class="wp-block-heading">Conclusie</h3>



<p class="wp-block-paragraph">Het Tabbed Content blok van de Ultimate Blocks plugin is automatisch responsive op alle apparaten. Daardoor hoef je niet veel tijd te besteden aan het apparaat responsief maken.</p>



<p class="wp-block-paragraph">Maar wat je moet doen is het blok op een geschikte plaats plaatsen, zodat je hele bericht/pagina perfect wordt. Bekijk onze andere post - <a href="https://tableberg.com/nl/hoe-maak-je-een-knop-voor-oproepen-tot-actie-in-wordpress/" data-type="link" data-id="https://tableberg.com/how-to-create-a-call-to-action-button-in-wordpress/" target="_blank" rel="noreferrer noopener">Hoe maak je een knop voor oproepen tot actie in WordPress?</a>.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-tabbladen-maken-in-wordpress/">How to Create Tabs in WordPress to Organize Content</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentrss>https://tableberg.com/nl/hoe-tabbladen-maken-in-wordpress/feed/</wfw:commentrss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Zo voeg je een Toggle-knop toe aan je WordPress website</title>
		<link>https://tableberg.com/nl/hoe-voeg-ik-een-toggle-knop-toe-in-wordpress/</link>
		
		<dc:creator><![CDATA[Moinul Islam]]></dc:creator>
		<pubDate>Wed, 02 Jul 2025 14:23:26 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Tableberg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=4423</guid>

					<description><![CDATA[<p>Wil je je gebruikers een snelle en duidelijke manier geven om te schakelen tussen verschillende inhouds- of prijsopties op je WordPress site? Een toggle knop is de perfecte oplossing! Met een wisselknop kunnen bezoekers direct schakelen tussen twee of meer opties, zoals maandelijkse versus jaarlijkse prijzen, lichte versus donkere modus of zelfs volledig verschillende inhoud [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-voeg-ik-een-toggle-knop-toe-in-wordpress/">How to Add a Toggle Button To Your WordPress Site</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Wil je je gebruikers een snelle en duidelijke manier geven om te schakelen tussen verschillende inhouds- of prijsopties op je WordPress site? Een toggle knop is de perfecte oplossing! </p>



<p class="wp-block-paragraph">Met een wisselknop kunnen bezoekers direct schakelen tussen twee of meer opties, zoals maandelijkse of jaarlijkse prijzen, lichte of donkere modus of zelfs volledig verschillende inhoudssecties, zonder dat je pagina vol staat.</p>



<p class="wp-block-paragraph">In deze post ontdek je twee eenvoudige manieren om toggle-knoppen aan je WordPress site toe te voegen:</p>



<ul class="wp-block-list">
<li><strong>Methode 1:</strong> <a href="#Add-a-Toggle-Button-for-Any-Type-of-Content">Een wisselknop toevoegen voor elk type inhoud (tekst, afbeeldingen, formulieren, enz.)</a></li>



<li><strong>Methode 2:</strong> <a href="#Add-a-Toggle-Button-for-Pricing-Tables-(and-More)">Een wisselknop toevoegen voor prijstabellen of elk ander type gegevens in tabelvorm</a></li>
</ul>



<p class="wp-block-paragraph">Laten we erin duiken!</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="Add-a-Toggle-Button-for-Any-Type-of-Content">Methode 1: Een knop om te schakelen toevoegen voor elk type inhoud</h2>



<p class="wp-block-paragraph">Als je gebruikers wilt laten wisselen tussen verschillende inhoudsblokken, zoals <a href="https://tableberg.com/nl/hoe-voeg-ik-faqs-toe-met-categorieen-en-zoekopdrachten-in-wordpress/" target="_blank" rel="noreferrer noopener">FAQs</a>productdetails of verschillende functiesets, dan is deze methode iets voor jou. </p>



<p class="wp-block-paragraph">We gebruiken de <strong><a href="https://ultimateblocks.com/" target="_blank" rel="noreferrer noopener">Ultieme Blokken</a></strong> plugin, die een veelzijdig Content Toggle (Tabbed Content) blok biedt dat werkt voor alle soorten inhoud.</p>



<h3 class="wp-block-heading"><strong>Stap 1: Installeer Ultimate Blocks Plugin</strong></h3>



<ul class="wp-block-list">
<li>Ga naar je WordPress dashboard.</li>



<li>Navigeer naar Plugins &gt; Nieuwe toevoegen.</li>



<li>Zoek naar "Ultimate Blocks" en installeer/activeer het.</li>
</ul>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="389" src="https://tableberg.com/wp-content/uploads/2024/10/1-1024x389.png" alt="Installeer Ultimate Blocks Plugin" class="has-border-color has-primary-accent-border-color wp-image-4432" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/1-1024x389.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/1-300x114.png 300w, https://tableberg.com/wp-content/uploads/2024/10/1-768x291.png 768w, https://tableberg.com/wp-content/uploads/2024/10/1-1536x583.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/1-18x7.png 18w, https://tableberg.com/wp-content/uploads/2024/10/1.png 1892w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Stap 2: Het blok Inhoud met tabbladen toevoegen</strong></h3>



<ul class="wp-block-list">
<li>Open een bericht of pagina in de WordPress editor.</li>



<li>Type <code>/inhoud met tabbladen</code> of gebruik het + pictogram om het blok Inhoud met tabbladen toe te voegen.</li>
</ul>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="444" src="https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1024x444.png" alt="Inhoudsblok met tabbladen toevoegen" class="has-border-color has-primary-accent-border-color wp-image-4433" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1024x444.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-300x130.png 300w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-768x333.png 768w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-1536x667.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2-18x8.png 18w, https://tableberg.com/wp-content/uploads/2024/10/2.1-2.png 1613w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Het blok 'Inhoud in tabbladen' ziet er als volgt uit - </p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="585" src="https://tableberg.com/wp-content/uploads/2024/10/2.2-2-1024x585.png" alt="Initiële interface van het blok" class="has-border-color has-primary-accent-border-color wp-image-4434" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/2.2-2-1024x585.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-300x171.png 300w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-768x439.png 768w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2-18x10.png 18w, https://tableberg.com/wp-content/uploads/2024/10/2.2-2.png 1374w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Stap 3: het blok aanpassen voor schakelfunctionaliteit</strong></h3>



<p class="wp-block-paragraph">Selecteer het blok en kies de <strong>Pillen stijl</strong> in de instellingen (hierdoor lijken tabbladen op knoppen).</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="513" src="https://tableberg.com/wp-content/uploads/2024/10/3.1-3-1024x513.png" alt="Ga naar de instellingen en selecteer de stijl Pillen" class="has-border-color has-primary-accent-border-color wp-image-4435" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.1-3-1024x513.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-300x150.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-768x385.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.1-3.png 1451w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Centreer de uitlijning voor een klassieke toggle look.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="509" src="https://tableberg.com/wp-content/uploads/2024/10/3.2-2-1024x509.png" alt="Uitlijning van het blok aanpassen" class="has-border-color has-primary-accent-border-color wp-image-4436" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.2-2-1024x509.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-300x149.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-768x382.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.2-2.png 1438w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Klik op de<strong> + teken</strong> naast het eerste tabblad om nog een tabblad toe te voegen. Voeg ten minste twee tabbladen toe (bijvoorbeeld "Maandelijks" en "Jaarlijks" of "Details" en "Overzicht"). Hernoem de tabbladen zodat ze overeenkomen met je schakelopties.</p>



<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/10/3.3-1-1024x523.png" alt="Een ander tabblad toevoegen" class="has-border-color has-primary-accent-border-color wp-image-4437" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.3-1-1024x523.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-768x392.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.3-1.png 1402w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Gebruik de Kleurinstellingen om contrasterende kleuren in te stellen, zodat het duidelijk is welk tabblad actief is.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="479" src="https://tableberg.com/wp-content/uploads/2024/10/3.4-1-1024x479.png" alt="Hernoem de tabbladen en gebruik kleurinstellingen" class="has-border-color has-primary-accent-border-color wp-image-4438" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.4-1-1024x479.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-300x140.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-768x360.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1-18x8.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.4-1.png 1465w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Stap 4: Uw inhoud toevoegen</strong></p>



<p class="wp-block-paragraph">Klik in elk tabblad om de gewenste inhoud toe te voegen (tekst, afbeeldingen, lijsten, formulieren of zelfs andere blokken).</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="532" src="https://tableberg.com/wp-content/uploads/2024/10/3.5-1024x532.png" alt="Inhoud aan de tabbladen toevoegen" class="has-border-color has-primary-accent-border-color wp-image-4439" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.5-1024x532.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.5-300x156.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.5-768x399.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.5-1536x798.png 1536w, https://tableberg.com/wp-content/uploads/2024/10/3.5-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.5.png 1612w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Pas verder aan indien nodig: verander tabbladachtergronden, inhoudskleuren en meer.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="524" src="https://tableberg.com/wp-content/uploads/2024/10/3.6-1024x524.png" alt="Tabbladen aanpassen" class="has-border-color has-primary-accent-border-color wp-image-4440" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/3.6-1024x524.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/3.6-300x153.png 300w, https://tableberg.com/wp-content/uploads/2024/10/3.6-768x393.png 768w, https://tableberg.com/wp-content/uploads/2024/10/3.6-18x9.png 18w, https://tableberg.com/wp-content/uploads/2024/10/3.6.png 1451w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Stap 5: Voorbeeld bekijken en publiceren</strong></h3>



<ul class="wp-block-list">
<li>Gebruik de optie Preview om de toggle te testen.</li>



<li>Als je tevreden bent, kun je de pagina publiceren of bijwerken.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="602" src="https://tableberg.com/wp-content/uploads/2024/10/4-1024x602.png" alt="Voorbeeld bekijken en publiceren" class="has-border-color has-primary-accent-border-color wp-image-4441" style="border-width:1px;border-radius:2px" srcset="https://tableberg.com/wp-content/uploads/2024/10/4-1024x602.png 1024w, https://tableberg.com/wp-content/uploads/2024/10/4-300x176.png 300w, https://tableberg.com/wp-content/uploads/2024/10/4-768x452.png 768w, https://tableberg.com/wp-content/uploads/2024/10/4-18x12.png 18w, https://tableberg.com/wp-content/uploads/2024/10/4.png 1415w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Dat is het!</strong> Je hebt nu een flexibele wisselknop voor elk type inhoud op je WordPress site.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="Add-a-Toggle-Button-for-Pricing-Tables-(and-More)">Methode 2: Een knop om te schakelen toevoegen voor prijstabellen (en meer)</h2>



<p class="wp-block-paragraph">Wil je gebruikers laten wisselen tussen maandelijkse en jaarlijkse prijstabellen of verschillende gegevenssets naast elkaar laten vergelijken? De <strong><a href="https://tableberg.com/nl/toggle-introduceren-voor-tableberg-tabellen-organiseren-in-tabbladen/" target="_blank" data-type="link" data-id="https://tableberg.com/introducing-toggle-for-tableberg-organize-tables-in-tabs/" rel="noreferrer noopener">Schakelaar voor Tableberg</a></strong> blok in de Tableberg plugin is daar speciaal voor ontworpen!</p>



<p class="wp-block-paragraph">Met <a href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Tableberg Pro</a>Met het blok Toggle kun je een willekeurig aantal tabellen organiseren in overzichtelijke, klikbare tabbladen - perfect voor prijsplannen, productvergelijkingen, meertalige tabellen of elk ander scenario waarin meerdere tabellen zinvol zijn.</p>



<h3 class="wp-block-heading"><strong>Stap 1: Voeg het blok 'Toggle voor Tableberg' in</strong></h3>



<ul class="wp-block-list">
<li>Open je bericht of pagina in de WordPress editor.</li>



<li>Klik op het + (plus)-pictogram en zoek naar "Toggle for Tableberg".</li>



<li>Voeg het blok toe aan je pagina.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="472" src="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png" alt="" class="has-border-color wp-image-7133" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Stap 2: Uw tabbladen instellen en aanpassen</strong></h3>



<ul class="wp-block-list">
<li>Standaard zie je drie tabbladen met het label "Tabblad 1", "Tabblad 2" en "Tabblad 3".</li>



<li>Voeg naar behoefte tabbladen toe of verwijder ze met de pictogrammen + of -.</li>



<li>Geef elk tabblad een andere naam (bijvoorbeeld "Maandelijks", "Jaarlijks" of "Basisplan", "Pro Plan").</li>



<li>Gebruik het rechterpaneel met opties om tabbladtitels, uitlijning, kleuren en randen aan te passen voor een merkuitstraling.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><strong>Stap 3: Uw tabellen toevoegen</strong></h3>



<ul class="wp-block-list">
<li>Klik op elk tabblad om er een unieke tabel aan toe te voegen.</li>



<li>Bouw een nieuwe tabel vanaf nul of voeg een vooraf gemaakt Tableberg tabelpatroon in.</li>



<li>Elk tabblad kan een compleet andere tabel bevatten, geweldig voor functievergelijkingen, prijsniveaus, gegevenssets en meer.</li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="657" src="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png" alt="" class="has-border-color wp-image-7134" style="border-color:#d0ccde;border-width:1px;border-radius:0px" srcset="https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1024x657.png 1024w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-300x192.png 300w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-768x493.png 768w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-1536x985.png 1536w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-2048x1314.png 2048w, https://tableberg.com/wp-content/uploads/2025/01/Add-or-remove-tabs-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Populaire gebruikssituaties</strong></p>



<ul class="wp-block-list">
<li><strong>Prijstabellen:</strong> Laat gebruikers wisselen tussen maandelijkse en jaarlijkse prijzen, of tussen verschillende plannen.</li>



<li><strong>Gegevensvergelijkingen:</strong> Toon regionale gegevens, verschillende productspecificaties of prestatiecijfers in aparte tabbladen.</li>



<li><strong>Educatieve inhoud:</strong> Organiseer lessen of cursusmateriaal om het navigeren te vergemakkelijken.</li>



<li><strong>Meertalige tabellen:</strong> Geef dezelfde gegevens in verschillende talen weer voor internationale bezoekers.</li>
</ul>



<h3 class="wp-block-heading"><strong>Stap 4: Voorbeeld bekijken en publiceren</strong></h3>



<ul class="wp-block-list">
<li>Bekijk een voorbeeld van uw wisseltabbladen om te controleren of alles er uitziet en werkt zoals verwacht.</li>



<li>Publiceer of update je bericht/pagina wanneer je klaar bent.</li>
</ul>



<p class="wp-block-paragraph">Hier is een voorbeeld van hoe toggle eruit ziet voor een prijstabel. </p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1600" height="1029" src="https://tableberg.com/wp-content/uploads/2025/01/Toggle-for-Tableberg-Example-.gif" alt="" class="wp-image-7131" style="border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px"/></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Conclusie</h2>



<p class="wp-block-paragraph">Het toevoegen van een wisselknop aan je WordPress site is een geweldige manier om de navigatie te verbeteren, ruimte te besparen en bezoekers direct toegang te geven tot de inhoud waar ze om geven - of het nu gaat om het wisselen tussen prijsplannen, het bekijken van details of het vergelijken van gegevens.</p>



<ul class="wp-block-list">
<li>Gebruik voor elk type inhoud <strong>Ultieme Blokken</strong> om in enkele seconden flexibele toggles te maken.</li>



<li>Probeer voor prijstabellen en meer geavanceerde tabelindelingen <strong>Tableberg Pro's Schakelblok</strong> voor een naadloze ervaring met tabbladen.</li>
</ul>



<p class="wp-block-paragraph">Probeer deze methoden uit op uw site en maak uw inhoud interactiever en gebruiksvriendelijker. Heb je vragen of hulp nodig? Laat het ons weten in de reacties!</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-voeg-ik-een-toggle-knop-toe-in-wordpress/">How to Add a Toggle Button To Your WordPress Site</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tekst en afbeelding naast elkaar zetten in WordPress</title>
		<link>https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/</link>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Tue, 24 Jun 2025 16:09:59 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Amazon Product Marketing]]></category>
		<category><![CDATA[Create Web Sections]]></category>
		<category><![CDATA[Web Design]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=3336</guid>

					<description><![CDATA[<p>Bij productreviews, vergelijkingstabellen, tutorials, reisverhalen, infographics, educatieve inhoud, enz. kan het nodig zijn om teksten en afbeeldingen naast elkaar te zetten. Er zijn talloze manieren om dit te doen in WordPress. In dit artikel laten we je verschillende effectieve manieren zien om tekst en afbeeldingen naast elkaar te zetten in WordPress. Dus, [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/">How to Put Text and Image Side by Side in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Bij productreviews, vergelijkingstabellen, tutorials, reisverhalen, infographics, educatieve inhoud, enz. kan het nodig zijn om teksten en afbeeldingen naast elkaar te zetten. Er zijn talloze manieren om dit te doen in WordPress. </p>



<p class="wp-block-paragraph">In dit artikel laten we je verschillende effectieve manieren zien om tekst en afbeeldingen naast elkaar te zetten in WordPress. Blijf dus bij ons tot het einde. Je zult echt iets spannends leren.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-771754c5-6e52-4edb-ac05-6e6176ad9d96" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Tekst en afbeeldingen naast elkaar zetten in WordPress:</div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column">
				<ul style=""><li style="color: #636381; "><a href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/#0-method-1-using-the-media-amp-text-block" style="">Methode 1: het blok Media &amp; Tekst gebruiken</a></li><li style="color: #636381; "><a href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/#5-method-2-using-the-columns-block" style="">Methode 2: Het kolommenblok gebruiken</a></li><li style="color: #636381; "><a href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/#9-method-3-using-the-tableberg-block" style="">Methode 3: Het Tableberg-blok gebruiken</a></li><li style="color: #636381; "><a href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/#14-method-4-using-the-sliderberg-block" style="">Methode 4: Het schuifblok gebruiken</a></li></ul>
			</div>
		</div></div>


<h2 class="wp-block-heading" id="0-method-1-using-the-media-amp-text-block">Methode 1: het blok Media &amp; Tekst gebruiken</h2>



<p class="wp-block-paragraph"><strong>Media en tekst</strong> is een standaardblok van de Gutenberg-blokeditor. Met dit blok kun je tekst en afbeeldingen naast elkaar plaatsen zonder afhankelijk te zijn van tools van derden.</p>



<h3 class="wp-block-heading" id="1-step-01-add-the-media-amp-text-to-the-editor">Stap 01: Media en tekst toevoegen aan de editor</h3>



<p class="wp-block-paragraph">Klik op de <strong>plus (+) pictogram</strong> op de editor. Type <strong>Media en tekst</strong> in de zoekbalk. Voeg het blok toe aan de editor.</p>



<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/09/Add-the-Media-Text-block-to-WordPress.webp" alt="Media &amp; tekst toevoegen aan WordPress" class="wp-image-3337" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-block-to-WordPress-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="2-step-02-addupload-an-image-to-the-block">Stap 02: Een afbeelding aan het blok toevoegen/uploaden</h3>



<p class="wp-block-paragraph">Je kunt een afbeelding toevoegen door deze te uploaden vanaf de lokale schijf, de mediabibliotheek of vanuit de weergegeven afbeelding. Kies de optie die je leuk vindt.</p>



<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/09/AddUpload-an-Image-to-the-Block.webp" alt="Een afbeelding aan het blok toevoegen/uploaden" class="wp-image-3338" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/AddUpload-an-Image-to-the-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je ziet dat de afbeelding is toegevoegd aan het blok.</p>



<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/09/Image-is-added-to-the-Media-Text-block.webp" alt="Afbeelding is toegevoegd aan het blok Media &amp; Tekst" class="wp-image-3339" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-the-Media-Text-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="3-step-03-add-text-to-the-media-amp-text-block">Stap 03: Tekst toevoegen aan het blok Media &amp; Tekst</h3>



<p class="wp-block-paragraph">Schrijf de gewenste tekst in de rechterkolom van het blok. Je kunt de tekstkleur, uitlijning en meer aanpassen als je wilt.</p>



<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/09/Add-Text-to-the-Media-Text-Block.webp" alt="Tekst toevoegen aan het blok Media &amp; Tekst" class="wp-image-3340" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-Text-to-the-Media-Text-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="4-step-04-alternate-the-text-and-media-file-position">Stap 04: Wissel de positie van tekst- en mediabestanden af</h3>



<p class="wp-block-paragraph">Met het blok kun je de positie van de tekst- en mediabestanden afwisselen door op de respectievelijke opties op de werkbalk te klikken.</p>



<figure class="wp-block-video"><video height="720" style="aspect-ratio: 1280 / 720;" width="1280" autoplay controls loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Switch-the-Text-and-Media-File.mp4"></video></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="5-method-2-using-the-columns-block">Methode 2: Het kolommenblok gebruiken</h2>



<p class="wp-block-paragraph">De <strong>Kolommen</strong> is ook een standaard blok van de editor. Het is een van de meest gebruikte blokken bij het maken van WordPress-inhoud.</p>



<h3 class="wp-block-heading" id="6-step-01-add-the-columns-block-to-the-editor">Stap 01: Kolommenblok toevoegen aan de editor</h3>



<p class="wp-block-paragraph">Je kunt tekst en afbeelding naast elkaar weergeven door de optie <strong>Paragraaf</strong> en <strong>Beeldblokken</strong> afzonderlijk binnen kolomblokken.</p>



<p class="wp-block-paragraph">Dus, <strong>het blok Kolommen toevoegen</strong> als eerste aan de redacteur.</p>



<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/09/Add-the-Columns-block-to-the-editor.webp" alt="Voeg het blok Kolommen toe aan de editor" class="wp-image-3342" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Columns-block-to-the-editor-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Selecteer een lay-out met twee kolommen.</p>



<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/09/Select-a-two-column-layout.webp" alt="Selecteer een lay-out met twee kolommen" class="wp-image-3344" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Select-a-two-column-layout-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="7-step-02-add-the-image-block-to-the-columns-block">Stap 02: Voeg het blok Afbeelding toe aan het blok Kolommen</h3>



<p class="wp-block-paragraph">Het is beter om ze aan de linkerkant weer te geven. Dus, <strong>het blok Afbeelding toevoegen</strong> naar de linkerkolom.</p>



<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/09/Add-the-Image-Block-to-the-Columns-Block.webp" alt="Het blok Afbeelding toevoegen aan het blok Kolommen" class="wp-image-3345" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-Block-to-the-Columns-Block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Ook hier voeg je de gewenste afbeelding toe, vanaf de lokale schijf, de mediabibliotheek of via een URL.</p>



<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/09/Upload-an-image-to-the-columns-block.webp" alt="Upload een afbeelding naar het kolommenblok" class="wp-image-3346" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Upload-an-image-to-the-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt zien dat de afbeelding is toegevoegd aan het blok.</p>



<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/09/Image-is-added-to-columns-block.webp" alt="Afbeelding is toegevoegd aan kolommenblok" class="wp-image-3347" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Image-is-added-to-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="8-step-03-add-text-to-the-cloumns-block">Stap 03: Tekst toevoegen aan het blok Cloumns</h3>



<p class="wp-block-paragraph">Voeg de <strong>Paragraaf blok</strong> naar de rechterkolom. Zo kun je tekst toevoegen.</p>



<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/09/Add-the-Paragraph-block-to-the-Columns-block.webp" alt="Voeg het Paragraaf-blok toe aan het Kolommen-blok" class="wp-image-3348" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Paragraph-block-to-the-Columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je ziet dat de tekst is toegevoegd aan de kolom.</p>



<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/09/Text-is-added-to-the-columns-block.webp" alt="Tekst wordt toegevoegd aan het kolommenblok" class="wp-image-3349" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Text-is-added-to-the-columns-block-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Vervolgens kun je het kolommenblok aanpassen, inclusief de afbeelding en tekst erop.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="9-method-3-using-the-tableberg-block">Methode 3: Het Tableberg-blok gebruiken</h2>



<p class="wp-block-paragraph"><a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener nofollow">Tafelberg</a> is een prachtige table builder plugin waarmee je talloze onderdelen voor je website kunt ontwerpen. Met deze plugin kun je ook tekst en afbeeldingen naast elkaar zetten. Download de plugin door op de knoppen in de onderstaande banner te klikken.</p>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" 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>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--5"><a class="wp-block-button__link wp-element-button" href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Krijg Pro</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<p class="wp-block-paragraph">Begin nu met het volgen van de tutorial.</p>



<h3 class="wp-block-heading" id="10-step-01-add-the-tableberg-block-to-the-editor">Stap 01: Voeg het Tableberg-blok toe aan de editor</h3>



<p class="wp-block-paragraph">Deze plugin voegt een blok met de naam Tableberg toe aan de Gutenberg blokbibliotheek. <strong>Blok Tableberg toevoegen</strong> aan de redactie.</p>



<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/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp" alt="Voeg het TableBerg-blok toe aan uw Gutenberg-editor" class="wp-image-481" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/01/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Selecteer het aantal kolommen en rijen dat je nodig hebt voor de lay-out. Wij kiezen 2*1.</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1280" height="653" src="https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns.webp" alt="Stel het aantal rijen en kolommen in" class="wp-image-3014" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns.webp 1280w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-1024x522.webp 1024w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/08/Select-the-number-of-rows-and-columns-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Je kunt zien dat de kolommen en rijen klaar zijn.</p>



<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/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp" alt="Rijen en kolommen worden toegevoegd aan de editor" class="wp-image-3309" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="11-step-02-add-an-image-to-a-cell-of-the-table-">Stap 02: een afbeelding toevoegen aan een cel van de tabel </h3>



<p class="wp-block-paragraph">Met Tableberg kun je verschillende aangepaste blokken toevoegen aan de cellen. Door op de <strong>plus (+) pictogram</strong>vinden en <strong>het blok Afbeelding toevoegen</strong> naar een van zijn cellen.</p>



<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/09/Add-the-Image-block-to-the-Amazon-Product-box.webp" alt="Een afbeeldingsblok toevoegen aan Tableberg" class="wp-image-3310" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-the-Image-block-to-the-Amazon-Product-box-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Upload de afbeelding voor de lokale schijf of voeg er een toe vanuit je mediabibliotheek.</p>



<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/09/Upload-or-add-an-image-to-Tableberg.webp" alt="Een afbeelding uploaden of toevoegen aan Tableberg" class="wp-image-3350" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Upload-or-add-an-image-to-Tableberg-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">We hebben een afbeelding toegevoegd die je hieronder kunt zien.</p>



<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/09/An-image-is-added-to-the-table.webp" alt="Een afbeelding wordt toegevoegd aan de tabel" class="wp-image-3351" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/An-image-is-added-to-the-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="12-step-03-add-text-to-the-table">Stap 03: Tekst toevoegen aan de tabel</h3>



<p class="wp-block-paragraph">Voeg eenvoudig tekst toe aan de rechterkolom met behulp van het paragraafblok.</p>



<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/09/Add-text-to-Tableberg.webp" alt="Tekst toevoegen aan Tableberg" class="wp-image-3352" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-text-to-Tableberg-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<h3 class="wp-block-heading" id="13-step-04-modify-the-tableberg-border">Stap 04: De Tableberg-grens wijzigen</h3>



<p class="wp-block-paragraph">Je kunt dit gedeelte aantrekkelijker maken door de tabelrand te verwijderen of te koloniseren. <strong>Ga naar </strong>de <strong>Tabblad Stijlen</strong>.</p>



<p class="wp-block-paragraph"><strong>Kom aan tafel grens</strong> door naar beneden te scrollen op het tabblad. Hier krijg je opties om de tabelrand te verwijderen of in te kleuren.</p>



<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/09/Remove-borders-from-the-table.webp" alt="Randen uit de tabel verwijderen" class="wp-image-3353" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table.webp 1280w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-300x153.webp 300w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-1024x523.webp 1024w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-768x392.webp 768w, https://tableberg.com/wp-content/uploads/2024/09/Remove-borders-from-the-table-18x9.webp 18w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p class="wp-block-paragraph">Zo kun je websecties maken om tekst en afbeeldingen naast elkaar te zetten in WordPress.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="14-method-4-using-the-sliderberg-block">Methode 4: Het schuifblok gebruiken</h2>



<p class="wp-block-paragraph">Wil je tekst en afbeeldingen naast elkaar weergeven in een interactieve slider? De <strong><a href="https://wordpress.org/plugins/sliderberg/" target="_blank" rel="noreferrer noopener">Sliderberg</a></strong> Met de plugin kun je precies dat doen - met behulp van het bekende Media &amp; Tekst-blok, met volledige flexibiliteit. Hier zie je hoe je het in slechts een paar minuten instelt:</p>



<h3 class="wp-block-heading" id="15-step-1-install-and-activate-the-sliderberg-plugin">Stap 1: Installeer en activeer de Sliderberg-plugin</h3>



<p class="wp-block-paragraph">Ga eerst naar <strong>Plugins → Nieuw toevoegen</strong> in je WordPress dashboard, zoek naar "Sliderberg" en klik op <strong>Nu installeren</strong>. Activeer vervolgens de plugin.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="512" src="https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1024x512.png" alt="" class="wp-image-9815" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1024x512.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-300x150.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-768x384.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-1536x768.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-2048x1024.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Install-the-Tableberg-Plugin-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="16-step-2-insert-the-sliderberg-block">Stap 2: Het Sliderberg-blok invoegen</h3>



<p class="wp-block-paragraph">Bewerk je bericht of pagina. Klik op de <strong>+</strong> knop, zoek naar "Sliderberg" en voeg het Sliderberg-blok in waar u de slider wilt laten verschijnen.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="518" src="https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1024x518.png" alt="" class="wp-image-9816" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1024x518.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-300x152.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-768x389.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-1536x778.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-2048x1037.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Insert-the-Sliderberg-Block-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="17-step-3-select-the-%E2%80%98blocks-slider%E2%80%99-type">Stap 3: Selecteer het type 'Blocks Slider</h3>



<p class="wp-block-paragraph">Kies de <strong>Blokken schuifregelaar</strong> optie. Hiermee kun je Gutenberg-blokken toevoegen aan elke dia.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="510" src="https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1024x510.png" alt="" class="wp-image-9817" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1024x510.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-300x149.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-768x383.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-1536x765.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-2048x1020.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Select-the-Blocks-Slider-Type-18x9.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="18-step-4-choose-a-background-color-for-the-slider">Stap 4: Kies een achtergrondkleur voor de schuifregelaar</h3>



<p class="wp-block-paragraph">Kies een achtergrondkleur voor je slider die past bij de stijl van je site, of houd hem transparant voor een strakke look.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="584" src="https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1024x584.png" alt="" class="wp-image-9818" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1024x584.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-300x171.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-768x438.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-1536x877.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-2048x1169.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Choose-a-Background-Color-of-the-Slider-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="19-step-5-add-the-%E2%80%98media-amp-text%E2%80%99-block-inside-the-slider">Stap 5: Voeg het blok 'Media &amp; tekst' toe binnen de schuifregelaar</h3>



<p class="wp-block-paragraph">Klik in je eerste dia op de knop <strong>+</strong> knop en plaats de <strong>Media en tekst</strong> blok.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<figure class="wp-block-video"><video height="1796" style="aspect-ratio: 3158 / 1796;" width="3158" autoplay loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-Block.mp4"></video></figure>
</div>



<h3 class="wp-block-heading" id="20-step-6-add-image-and-text-to-the-slider">Stap 6: Afbeelding en tekst toevoegen aan de schuifregelaar</h3>



<p class="wp-block-paragraph">Gebruik het Media &amp; Tekst-blok om je afbeelding te uploaden (linkerkant) en je tekst toe te voegen (rechterkant). Je kunt koppen, alinea's, knoppen of andere blokken gebruiken.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<figure class="wp-block-video"><video height="1732" style="aspect-ratio: 3152 / 1732;" width="3152" autoplay loop muted src="https://tableberg.com/wp-content/uploads/2024/09/Add-Image-Text-to-the-Slider-.mp4"></video></figure>
</div>



<h3 class="wp-block-heading" id="21-step-7-add-or-duplicate-slides">Stap 7: Dia's toevoegen of dupliceren</h3>



<p class="wp-block-paragraph">Wil je meer dia's? Klik op <strong>Dia toevoegen</strong> om een nieuwe aan te maken, of <strong>Dia dupliceren</strong> om een bestaande lay-out te kopiëren.</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="554" src="https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1024x554.png" alt="" class="wp-image-9820" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1024x554.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-300x162.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-768x416.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-1536x832.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-2048x1109.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Add-or-Duplicate-the-Slider-18x10.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="22-step-8-customize-the-slider-and-publish">Stap 8: De schuifbalk aanpassen en publiceren</h3>



<p class="wp-block-paragraph">Pas de instellingen van de schuifregelaar aan (animatie, automatisch afspelen, navigatiepijlen, enz.) aan je voorkeur. Als je klaar bent, klik je op <strong>Publiceer</strong> om live te gaan!</p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="635" src="https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1024x635.png" alt="" class="wp-image-9822" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1024x635.png 1024w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-300x186.png 300w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-768x476.png 768w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-1536x952.png 1536w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-2048x1270.png 2048w, https://tableberg.com/wp-content/uploads/2024/09/Customize-the-Slider-and-Publish-18x12.png 18w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Nu heb je een soepele, responsieve slider die tekst en afbeeldingen naast elkaar toont - perfect voor teamvitrines, producten, getuigenissen en meer.</p>



<p class="wp-block-paragraph"><strong>Pro tip:</strong> U kunt <em>elke</em> blok in uw Sliderberg slides - niet alleen Media &amp; Tekst! Ga creatief aan de slag met knoppen, pictogrammen, kolommen of zelfs blokken van derden.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading" id="23-conclusion">Conclusie</h3>



<p class="wp-block-paragraph">Je kunt inderdaad de standaard Gutenberg-blokken gebruiken om je webberichten en -pagina's te maken en te ontwerpen. Maar omdat ze veel geavanceerde functies missen, heb je vaak aanvullende blokplugins nodig die veel spannende functies bieden. </p>



<p class="wp-block-paragraph">Tableberg is een spannende plugin die je in dit geval kunt gebruiken. Ultimate Blocks is een andere geweldige blokkenplugin die je zou moeten overwegen. Ontdek de gratis versies van deze twee plugins door op de knoppen hieronder te klikken.</p>



<p class="wp-block-paragraph"><strong>Lees ook</strong>: </p>



<ul class="wp-block-list">
<li><a href="https://tableberg.com/nl/hoe-afbeeldingen-naast-elkaar-plaatsen-in-wordpress/" target="_blank" rel="noreferrer noopener">Hoe je afbeeldingen naast elkaar zet in WordPress</a></li>



<li><a href="https://tableberg.com/nl/hoe-tekst-toevoegen-boven-een-afbeelding-in-wordpress/" target="_blank" rel="noreferrer noopener">Tekst toevoegen boven een afbeelding in WordPress</a></li>



<li><a href="https://tableberg.com/nl/hoe-het-formaat-van-blokken-wijzigen-in-wordpress/" target="_blank" rel="noreferrer noopener">Blokken vergroten of verkleinen in WordPress</a></li>
</ul><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-tekst-en-afbeelding-naast-elkaar-te-zetten-in-wordpress/">How to Put Text and Image Side by Side in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Switch-the-Text-and-Media-File.mp4" length="146527" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Add-the-Media-Text-Block.mp4" length="853964" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2024/09/Add-Image-Text-to-the-Slider-.mp4" length="5423576" type="video/mp4" />

			</item>
		<item>
		<title>WordPress WYSIWYG-tabel: Visueel bewerkbare tabellen maken zonder codering</title>
		<link>https://tableberg.com/nl/wysiwyg-tabel-maken-visueel-bewerkbare-tabel/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Thu, 29 May 2025 11:14:34 +0000</pubDate>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[Tableberg]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9516</guid>

					<description><![CDATA[<p>De meeste mensen die WordPress gebruiken zijn geen ontwikkelaars. Bloggers, marketeers en eigenaren van kleine bedrijven - we willen allemaal strakke, professionele tabellen maken zonder in de code te duiken. Dat is waar WYSIWYG-tabellen het verschil maken. WYSIWYG staat voor "Wat je ziet is wat je krijgt". Het betekent dat je tabellen maakt en bewerkt op een manier die het uiteindelijke uiterlijk [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/wysiwyg-tabel-maken-visueel-bewerkbare-tabel/">WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">De meeste mensen die WordPress gebruiken zijn geen ontwikkelaars. Bloggers, marketeers en eigenaren van kleine bedrijven - we willen allemaal strakke, professionele tabellen maken zonder in de code te duiken. Dat is waar WYSIWYG-tabellen het verschil maken.</p>



<p class="wp-block-paragraph">WYSIWYG staat voor "Wat je ziet is wat je krijgt". Het betekent dat je tabellen maakt en bewerkt op een manier die het uiteindelijke uiterlijk weerspiegelt, net zoals je zou doen in een Word-document. Als het standaard tabellenblok je meer laat wensen, dan is deze gids iets voor jou.</p>



<p class="wp-block-paragraph">Vandaag laat ik je zien hoe je een visueel verbluffende tabel kunt maken met de WYSIWYG table builder plugin. De tabel staat hieronder. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="692" height="736" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47.png" alt="" class="wp-image-9567" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47.png 692w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47-282x300.png 282w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-13-47-11x12.png 11w" sizes="auto, (max-width: 692px) 100vw, 692px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Wat is een WYSIWYG-tabel in WordPress?</h2>



<p class="wp-block-paragraph">Met een WYSIWYG-tabel kun je inhoud visueel bewerken, rechtstreeks in de WordPress editor. Geen HTML. Geen shortcodes. Alleen realtime resultaten en intuïtieve bediening.</p>



<p class="wp-block-paragraph">Je krijgt:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-ec784e98-fd5c-447d-a4eb-f10f02471097">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-754a3ac1-d28b-4759-9853-7ed7c0e13653">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Real-time bewerken zonder herladen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8934f3c5-875a-4755-866f-63988e2cacb2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Flexibele opmaak met rijke media</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8fa8ebea-27f0-46ad-8eef-809b0cae2263">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Een drag-and-drop gevoel voor structuur</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-da946042-5fb9-4535-8550-0b18715b1ebb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Eenvoudige integratie van afbeeldingen, pictogrammen en knoppen</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Het is de eenvoudigste manier om inhoudsrijke tabellen te maken zonder technische overhead.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom het standaard WordPress tabelblok tekort schiet</h2>



<p class="wp-block-paragraph">Het ingebouwde tabellenblok doet zijn werk voor basislay-outs, maar daar houdt het ook op:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-d640ff91-7cd8-4241-8b13-538c8525a47a">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c3e9490f-efec-40ba-99b6-515d4899c8fa">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Geen slepen en neerzetten voor rijen of kolommen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-268dd145-3c36-4ba8-8890-7b6de04bee54">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Beperkte aanpasbaarheid voor randen, spatiëring of kleuren</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-884f5f8a-3fce-454c-b744-f23a41acd5e2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cellen samenvoegen en splitsen is niet mogelijk</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ff59e06a-89a8-497d-b706-53c3c1809666">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Geen ondersteuning voor media in cellen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-669d7d56-7148-4fe6-8fb9-3afba419a80a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Slechte mobiele respons</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Als je tabel meer nodig heeft dan gewone tekst, loop je al snel tegen een muur.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom kiezen voor een WYSIWYG-tabel-plugin?</h2>



<p class="wp-block-paragraph">Om het volledige potentieel van tabelontwerp te ontsluiten, is een visuele tabel-plugin zoals <strong><a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noreferrer noopener">Tafelberg</a></strong> is een slimme keuze. Het geeft je:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-01d05206-342f-48a4-a1c4-37d41e06f976">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1a3587ef-a0dd-494d-9c35-fe40d6bd0b0e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Visuele editor</strong>: Breng wijzigingen aan zoals u ze ziet - geen giswerk</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-71fa6050-431d-47b7-a674-be39f417a4fd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Slepen en neerzetten</strong>: Het herschikken van cellen duurt seconden</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-90199ad8-86b3-48db-9abd-7f2578ab5435">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Media Blokken</strong>: Afbeeldingen, knoppen, pictogrammen en sterwaarderingen toevoegen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2a086963-a1b1-4986-b347-ab058bab52e3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Aangepaste stijlen</strong>: Regel celvulling, randen, uitlijning en kleuren</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2358d68e&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d0729eaa-4aec-4ac2-bbaa-45f785d8cce4">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#58d68e" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Mobielvriendelijk</strong>: Kies hoe je tabel reageert op kleinere schermen</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Dit soort plugin maakt het ontwerpen van rijke tabellen net zo eenvoudig als het bewerken van een blogpost.</p>



<div class="wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<div class="wp-block-jetpack-slideshow aligncenter" data-effect="slide"><div class="wp-block-jetpack-slideshow_container swiper-container"><ul class="wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper"><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="792" alt="" class="wp-block-jetpack-slideshow_image wp-image-9535" data-id="9535" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-22-20-1.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Visuele editor</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="946" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9536" data-id="9536" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-26-17-1.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Slepen en neerzetten</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9537" data-id="9537" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50.png 940w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-300x254.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-768x650.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-28-50-14x12.png 14w" sizes="auto, (max-width: 940px) 100vw, 940px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Tableberg Blokken</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="940" height="796" alt="" class="wp-block-jetpack-slideshow_image wp-image-9542" data-id="9542" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1.png 940w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-300x254.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-768x650.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-30-58-1-14x12.png 14w" sizes="auto, (max-width: 940px) 100vw, 940px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Aangepaste stijlen</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="944" height="794" alt="" class="wp-block-jetpack-slideshow_image wp-image-9539" data-id="9539" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_13-35-04.gif"/><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Mobiel Verantwoordelijk Ontwerp</figcaption></figure></li></ul><a class="wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white" role="button"></a><a class="wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white" role="button"></a><a aria-label="Diavoorstelling pauzeren" class="wp-block-jetpack-slideshow_button-pause" role="button"></a><div class="wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white"></div></div></div>
</div>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" 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>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--6"><a class="wp-block-button__link wp-element-button" href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Krijg Pro</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Een WYSIWYG-tabel maken met Tableberg</h2>



<p class="wp-block-paragraph">Om een WYSIWYG-tabel te maken met Tableberg, moeten we eerst de plugin installeren. </p>



<h3 class="wp-block-heading">1. <strong>De Tableberg-plugin installeren</strong></h3>



<p class="wp-block-paragraph">Ga naar<strong> Plugins (1) &gt; Add New (2), zoek naar "Tableberg" (3) en klik op Installeren (4) gevolgd door Activeren.</strong></p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="577" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-1024x577.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9544" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-1024x577.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-300x169.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-768x433.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46-18x10.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-07-46.png 1142w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">2. <strong>Een nieuwe tabel toevoegen</strong></h3>



<p class="wp-block-paragraph">Open een bericht of pagina waar je de tabel wilt toevoegen. Klik op de&nbsp;<strong>plus (+) pictogram</strong>&nbsp;op de editor <strong>(1)</strong>. Type&nbsp;<strong>Tafelberg</strong>&nbsp;in het zoekvak <strong>(2)</strong>. Het blok toevoegen aan de editor <strong>(3)</strong>.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="680" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9545" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-300x220.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-768x564.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-14-34-16x12.png 16w" sizes="auto, (max-width: 926px) 100vw, 926px" /></figure>



<p class="wp-block-paragraph">Stel het aantal kolommen en rijen in voor de tabel. We selecteren<strong> 3 × 5</strong> voor nu, maar zal kolommen en rijen maken of verwijderen indien nodig. Klik op de&nbsp;<strong>Tabel maken</strong>&nbsp;knop aan het einde.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="928" height="784" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05.png" alt="" class="has-border-color wp-image-9548" style="border-color:#d4d4ec;border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05.png 928w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-300x253.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-768x649.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-27-05-14x12.png 14w" sizes="auto, (max-width: 928px) 100vw, 928px" /></figure>



<p class="wp-block-paragraph">Je ziet de tabel binnenkort ingevoegd in de editor, zoals hieronder. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="662" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21.png" alt="" class="wp-image-9559" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21.png 924w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-300x215.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-768x550.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-34-21-18x12.png 18w" sizes="auto, (max-width: 924px) 100vw, 924px" /></figure>



<h3 class="wp-block-heading">Stap 3: Inhoud visueel toevoegen</h3>



<h4 class="wp-block-heading">A. Tekstinhoud invoegen</h4>



<p class="wp-block-paragraph">Plaats je cursor in de tabelcellen en typ zoals je wilt.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="668" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-31-09.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9549" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">B. Afbeeldingen toevoegen</h4>



<p class="wp-block-paragraph">Voeg nu het afbeeldingsblok in om je productafbeeldingen in te voegen door op de "<strong>+</strong>" pictogram. U kunt afbeeldingen uploaden of kiezen uit de mediabibliotheek. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="756" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-40-29.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9550" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">C. Sterrenscore toevoegen</h4>



<p class="wp-block-paragraph">Voeg sterren toe als je dat wilt. Sterbeoordelingen zijn een geweldige manier om de kwaliteit van je producten aan te tonen. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="796" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-52-55.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9551" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">D. Uw knoppen toevoegen</h4>



<p class="wp-block-paragraph">Buttons zijn een effectieve manier om een product of dienst te promoten. Plaats ze dus strategisch </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="932" height="800" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_14-59-14.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9552" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Een knop linken is ook eenvoudig: klik op de knop, selecteer de linkoptie, voer je bestemmingslink in en pas de linkattributen aan. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="778" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-07-18.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9554" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Je kunt je knoppen aanpassen en aanpassen via het paneel aan de rechterkant. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="782" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9553" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-300x253.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-768x649.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-00-28-14x12.png 14w" sizes="auto, (max-width: 926px) 100vw, 926px" /></figure>



<h4 class="wp-block-heading">E. Pictogrammen invoegen</h4>



<p class="wp-block-paragraph">Pictogrammen werken als een charme om aan te geven welke functies beschikbaar zijn en welke niet. Het invoegen van het blok met pictogrammen is hetzelfde als elk ander blok. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="772" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-12-16.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9555" style="border-width:1px;border-radius:3px"/></figure>



<h4 class="wp-block-heading">F. Gestileerde lijst invoegen</h4>



<p class="wp-block-paragraph">Gestileerde lijst is een ander essentieel blok waarmee je tegelijkertijd een reeks functies met pictogrammen kunt toevoegen. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="814" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9556" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41.png 924w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-300x264.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-768x677.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-21-41-14x12.png 14w" sizes="auto, (max-width: 924px) 100vw, 924px" /></figure>



<p class="wp-block-paragraph">Voeg nu je functies toe. Elke keer dat je op de "Enter" toets van je toetsenbord drukt, kun je nieuwe functies toevoegen. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="926" height="826" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-26-16.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9557" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph">Je hebt toegang tot de aanpassingsopties voor het blok Gestileerde lijst aan de rechterkant van de editor. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="930" height="694" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9558" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18.png 930w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-300x224.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-768x573.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-29-18-16x12.png 16w" sizes="auto, (max-width: 930px) 100vw, 930px" /></figure>



<p class="wp-block-paragraph">Hier is de tabel die ik heb gemaakt met Tableberg zonder aanpassingen. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="710" height="636" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17.png" alt="" class="wp-image-9560" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17.png 710w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17-300x269.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_15-37-17-13x12.png 13w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure>



<p class="wp-block-paragraph">Ik heb wat kleuren, opvulling, marge en een lint bovenaan toegevoegd. Hieronder staan de afbeeldingen van de aanpassingen die ik heb gemaakt. </p>



<div class="wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:3px">
<div class="wp-block-jetpack-slideshow aligncenter" data-effect="slide"><div class="wp-block-jetpack-slideshow_container swiper-container"><ul class="wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper"><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="935" height="874" alt="" class="wp-block-jetpack-slideshow_image wp-image-9576" data-id="9576" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03.png 935w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-300x280.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-768x718.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-40-03-13x12.png 13w" sizes="auto, (max-width: 935px) 100vw, 935px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Cel aanpassingen</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="928" height="822" alt="" class="wp-block-jetpack-slideshow_image wp-image-9577" data-id="9577" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40.png 928w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-300x266.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-768x680.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-52-40-14x12.png 14w" sizes="auto, (max-width: 928px) 100vw, 928px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Pictogramstijl aanpassen</figcaption></figure></li><li class="wp-block-jetpack-slideshow_slide swiper-slide"><figure><img loading="lazy" decoding="async" width="926" height="816" alt="" class="wp-block-jetpack-slideshow_image wp-image-9578" data-id="9578" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35.png" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35.png 926w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-300x264.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-768x677.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-29_16-51-35-14x12.png 14w" sizes="auto, (max-width: 926px) 100vw, 926px" /><figcaption class="wp-block-jetpack-slideshow_caption gallery-caption">Pictogram Instellingen Aanpassen</figcaption></figure></li></ul><a class="wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white" role="button"></a><a class="wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white" role="button"></a><a aria-label="Diavoorstelling pauzeren" class="wp-block-jetpack-slideshow_button-pause" role="button"></a><div class="wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white"></div></div></div>
</div>



<p class="has-main-accent-background-color has-background wp-block-paragraph" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)">Hier zijn de kleurcodes die ik in de tabel heb gebruikt. <strong>(Kleur kop: #f3f3f3, Kleur achtergrond even rij: #3fad3d63, Kleur achtergrond oneven rij: #d1dec8)</strong></p>



<p class="wp-block-paragraph">Na aanpassing wordt de uiteindelijke versie hieronder gepresenteerd.</p>



<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><figure class='wp-block-tableberg' >
                <div class='tableberg-table-wrapper'>
                    <table
                        class='wp-block-tableberg'
                        style='border-collapse: collapse; width: 100%;'
                        data-tableberg-sortable='false'
                        data-tableberg-columns='[]'
                        data-tableberg-pagination='{"enabled":false,"pageSize":10,"showPageNumbers":true,"showPrevNext":true}'
                        data-tableberg-search-enabled='false'
                        data-tableberg-search-placeholder='Search...'
                        data-tableberg-search-position='left'
                        data-tableberg-search-highlight-color=''
                        data-tableberg-header='true'
                        data-tableberg-footer='false'
                        
                    >
                        <tbody>
                            <tr data-tableberg-row='0'><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Productnaam</strong>
            </p>
                </div>
            </div>
                
                
            </th><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:var(--wp--preset--spacing--30)'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>Canon EOS</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <figure
                class='tableberg-image-element'
                style='margin:0;line-height:1'
            >
                <img
                src='https://dev-elegantphotography.pantheonsite.io/wp-content/uploads/2025/05/1.png'
                alt=''
                style='display:block;object-fit:cover;width:150px'
            />
                
            </figure>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b00c0-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>$1400</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div id='' style='display:flex;justify-content:flex-start;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#2ebb5a;--tableberg-button-text-hover-color:#ffffff;width:100%'>
                <div style='width:100%;max-width:none;min-width:0;flex-basis:100%'>
                    <a class="wp-block-button__link wp-element-button" href="http://ultimateblocks.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%">
                    Nu aanschaffen!
                </a>
                </div>
            </div>
                </div>
            </div>
                
                <div class='tableberg-ribbon-wrapper'>
                <div
                class='tableberg-ribbon tableberg-ribbon-side tableberg-ribbon-side-left'
                style='color:#FFFFFF;font-size:1rem;top:-30px;left:-20px'
            >
                <div
                    class='tableberg-ribbon-side-content'
                    style='background:#57a83b;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)'
                >
                    Beste optie
                </div>
                <div class='tableberg-ribbon-side-shadow'></div>
            </div>
            </div>
            </th><th
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#f3f3f3;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='0'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:var(--wp--preset--spacing--30)'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>Lumix GH6</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <figure
                class='tableberg-image-element'
                style='margin:0;line-height:1'
            >
                <img
                src='https://dev-elegantphotography.pantheonsite.io/wp-content/uploads/2025/05/Lumix-GH6-1024x1024-1.jpeg'
                alt=''
                style='display:block;object-fit:cover;width:150px'
            />
                
            </figure>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <div class='tableberg-star-rating'>
                <div class='tableberg-stars'>
                    <div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-0'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-0)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-1'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-1)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-2'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-2)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-3'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-3)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div><div>
                <svg
                    xmlns='http://www.w3.org/2000/svg'
                    width='20'
                    height='20'
                    viewbox='-10 -10 170 170'
                >
                    <defs>
                        <mask id='tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-4'>
                            <rect
                                height='150'
                                width='150'
                                y='0'
                                x='0'
                                fill='#fff'
                            />
                        </mask>
                    </defs>

                    <path
                        fill='none'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                    <path
                        mask='url(#tableberg_star_rating_filter-tableberg-star-rating-6a414f72b020b-4)'
                        fill='#FF912C'
                        stroke-width='5'
                        d='m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z'
                        stroke='#FF912C'
                    />
                </svg>
            </div>
                </div>
                
            </div>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:1.38rem'>
                <strong>$1200</strong>
            </p>
                </div><div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div id='' style='display:flex;justify-content:flex-start;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#2ebb5a;--tableberg-button-text-hover-color:#ffffff'>
                <div
                    class='wp-block-button__link wp-element-button'
                    style='display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px'
                >
                    Nu aanschaffen!
                </div>
            </div>
                </div>
            </div>
                
                
            </th></tr><tr data-tableberg-row='1'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Weersafdichting</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='1'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='2'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>LCD-aanraakscherm</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='2'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='3'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>Extra functies</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                    <ul style='list-style-type:none;margin:0;padding-left:0'>
                        <li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Snelle autofocus
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Hoge isocontrole
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                AWB-optie
            </span>
                    </div>
                    
                </li>
                    </ul>
                </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#d1dec8;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='3'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div class='tableberg-list'>
                    <ul style='list-style-type:none;margin:0;padding-left:0'>
                        <li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Snelle autofocus
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                Hoge isocontrole
            </span>
                    </div>
                    
                </li><li>
                    <div style='display:flex;padding:4px 0;gap:var(--wp--preset--spacing--20);margin:0 0 0 0'>
                        <span style='display:flex;align-items:center;justify-content:center;color:#19af26;font-size:15px;min-width:15px'>
                            <svg
                width='15'
                height='15'
                viewbox='0 0 512 512'
                fill='currentColor'
            >
                <path d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' />
            </svg>
                        </span>
                        <span style='font-size:var(--wp--preset--font-size--1rem);color:#000000;flex:1'>
                AWB-optie
            </span>
                    </div>
                    
                </li>
                    </ul>
                </div>
                </div>
            </div>
                
                
            </td></tr><tr data-tableberg-row='4'><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='0'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:center;width:100%'
                >
                    <p class='tableberg-text-element' style='margin:0;color:#000000;font-size:var(--wp--preset--font-size--base)'>
                <strong>WIFI-verbinding</strong>
            </p>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='1'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#19af26'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#19af26'
                >
                    <path d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td><td
                rowspan='1'
                colspan='1'
                
                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);vertical-align:middle;background-color:#3fad3d63;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;width:33.333333333333%;min-width:33.333333333333%'
                data-cell-row='4'
                data-cell-col='2'
                
            >
                <div
                class='tableberg-cell-elements'
                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'
            >
                <div
                    class='tableberg-cell-element'
                    style='display:flex;justify-content:flex-start;width:100%'
                >
                    <div
                class='tableberg-icon'
                style='padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--tableberg-icon-color-hover:#e41313'
            >
                <svg
                    viewbox='0 0 24 24'
                    xmlns='http://www.w3.org/2000/svg'
                    height='40px'
                    width='40px'
                     style='fill:#e41313'
                >
                    <path d='M15.71 8.29a1 1 0 0 0-1.42 0L12 10.59l-2.29-2.3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l2.29-2.3l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L13.41 12l2.3-2.29a1 1 0 0 0 0-1.42m3.36-3.36A10 10 0 1 0 4.93 19.07A10 10 0 1 0 19.07 4.93m-1.41 12.73A8 8 0 1 1 20 12a7.95 7.95 0 0 1-2.34 5.66' />
                </svg>
            </div>
                </div>
            </div>
                
                
            </td></tr>
                        </tbody>
                    </table>
                </div>
                
            </figure></div>



<p class="wp-block-paragraph">Als je tevreden bent, publiceer of update je de pagina. Je visueel opgemaakte tabel is nu live.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Andere WYSIWYG-tabelplugins die het overwegen waard zijn</h2>



<p class="wp-block-paragraph">Terwijl <strong><a href="http://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Tafelberg</a></strong> een soepele, op blokken gebaseerde ervaring biedt, zijn er andere solide opties, afhankelijk van je behoeften:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-01e13f19-9eca-4fb2-adf5-8ef82916c92a">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3ef48d5f-107c-44f4-8b35-8e9897030ef7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wptablebuilder.com" target="_blank" rel="noreferrer noopener">WP-tabelbouwer</a></strong> - Drag-and-drop, flexibele inhoudsondersteuning, ondersteunt elke paginabouwer. </span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a82f0f39-b02a-4cbb-9fda-b98c3b53f59e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wordpress.org/plugins/ninja-tables/" target="_blank" rel="noreferrer noopener">Ninja Tafels</a></strong> - Rijk aan functies met integraties en voorwaardelijke logica</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%239b51e0&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e870e125-4d0a-40c2-876a-e2713173c090">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#9b51e0" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><a href="https://wordpress.org/plugins/tablepress/" target="_blank" rel="noreferrer noopener">TablePress</a></strong> (met uitbreidingen) - Goed voor grote datasets</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Ze hebben elk hun sterke punten, maar Tableberg is gebouwd om naadloos samen te werken met Gutenberg en geeft voorrang aan visuele bewerking.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bc.png" alt="💼" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Praktische voorbeelden</h3>



<p class="wp-block-paragraph">WYSIWYG-tabellen zijn perfect voor:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-b128f492-b154-489b-8652-2a1e1e0ab42b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-49afd1cb-c858-41e9-a769-1696f3508470">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Prijsvergelijkingen en uitsplitsingen van functies</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bed93e03-320a-46be-bc4d-64fa7eb9ed21">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Affiliate tabellen met knoppen en beoordelingen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-aa3bfece-ee70-427a-b747-d64af4526dfb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Teamledenroosters of evenementschema's</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-15594750-02e0-469e-a9c6-ccdee5b942cd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Productcatalogi met mediarijke cellen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-9bd86d17-b15e-4942-b864-a7fce82a03d2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Stap-voor-stap uitleg</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-97694c92-bfe6-47ca-8011-5238b4d7a118">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text">Samenvattingen voor lange blogberichten</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Als je inhoud structuur of vergelijkingen bevat, maken deze tabellen de inhoud boeiender en informatiever.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading">Laatste gedachten</h2>



<p class="wp-block-paragraph">Een goed uitziende tabel maken zou geen technische uitdaging moeten zijn. Een WYSIWYG-plugin zoals <strong>Tafelberg</strong> geeft je de vrijheid om tabellen te ontwerpen die passen bij de stijl van je inhoud, zonder ook maar één regel code aan te raken.</p>



<p class="wp-block-paragraph">Als je functies, vergelijkingen of dynamische lijsten wilt weergeven, is dat met Tableberg heel eenvoudig.</p>



<p class="has-primary-accent-background-color has-background wp-block-paragraph" style="border-radius:10px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><strong>Klaar om Tableberg uit te proberen?</strong><br><strong><a href="http://tableberg.com/nl/" target="_blank" rel="noreferrer noopener">Begin vandaag nog met Tableberg ➔</a></strong></p>



<p class="wp-block-paragraph"><strong>Lees meer!</strong></p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-087fb140-dc6f-4551-80ed-baf447979185">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-af1f6ff1-e1ad-4455-b924-a9883a81bcdc">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/docs/hoe-maak-je-je-eerste-tabel-met-tableberg/" target="_blank" rel="noreferrer noopener">Hoe uw eerste tabel maken met Tableberg</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-db08cc92-00d3-4c8e-988c-749262c22834">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/" target="_blank" rel="noreferrer noopener">Hoe AI je kan helpen automatisch tabellen te maken in WordPress</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-62c0b340-0992-4eac-86a8-a33af8ad6444">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-wordpress-tabellen-maken-van-csv-of-xml-bestanden-zonder-codering/" target="_blank" rel="noreferrer noopener">Hoe WordPress tabellen genereren uit CSV of XML bestanden (geen codering nodig)</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3e6a271b-8a18-4f3e-8443-5d2879f0cdec">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-maak-je-een-vergelijkingstabel-van-een-blogbericht-met-behulp-van-chatgpt/" target="_blank" rel="noreferrer noopener">Hoe een vergelijkingstabel genereren uit een blogbericht met ChatGPT</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-9cab441b-c249-41e7-9997-5b3bb3591730">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/beste-manieren-om-tabellen-te-gebruiken-voor-affiliate-marketing/" target="_blank" rel="noreferrer noopener">Beste manieren om tabellen te gebruiken voor affiliate marketing in WordPress</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-707f1e66-d935-47d2-9a69-49257e130751">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="facebook-logo" target="_blank" rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fnl%2Fwysiwyg-tabel-maken-visueel-bewerkbare-tabel%2F&amp;title=WordPress%20WYSIWYG%20Table%3A%20Create%20Visually%20Editable%20Tables%20Without%20Coding" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-facebook" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#1877f2" fill="#1877f2" width="20" height="20" viewbox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span><span style="">aandeel</span>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fwysiwyg-tabel-maken-visueel-bewerkbare-tabel%2F&amp;text=WordPress%20WYSIWYG%20Table%3A%20Create%20Visually%20Editable%20Tables%20Without%20Coding" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-twitter" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="color:#1d9BF0" fill="#1d9BF0" width="20" height="20" viewbox="0 0 24 24"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"></path></svg></span><span style="">tweet</span>
			</a><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fwysiwyg-tabel-maken-visueel-bewerkbare-tabel%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-linkedin" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#2867b2" fill="#2867b2" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">aandeel</span>
			</a></div>
		</div>


<p class="wp-block-paragraph"></p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/wysiwyg-tabel-maken-visueel-bewerkbare-tabel/">WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hoe accordeons toevoegen in de blok-editor van WordPress</title>
		<link>https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/</link>
		
		<dc:creator><![CDATA[Moinul Islam]]></dc:creator>
		<pubDate>Wed, 28 May 2025 19:04:18 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9315</guid>

					<description><![CDATA[<p>Een accordeon is een toggle-gebaseerd opmaakelement dat inhoud verbergt en onthult als erop wordt geklikt. Je ziet een kop, klikt erop en de rest van de inhoud schuift naar beneden. Klik er nogmaals op en de inhoud wordt verborgen. Het is als een dropdown, maar dan voor inhoud in plaats van menu's. Wat gebeurt er als je accordeons op de juiste manier implementeert? Je inhoud wordt [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/">How to Add Accordions in WordPress Block Editor</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Een accordeon is een toggle-gebaseerd opmaakelement dat inhoud verbergt en onthult als erop wordt geklikt. Je ziet een kop, klikt erop en de rest van de inhoud schuift naar beneden. Klik er nogmaals op en de inhoud wordt verborgen. Het is als een dropdown, maar dan voor inhoud in plaats van menu's.</p>



<p class="wp-block-paragraph">Wat gebeurt er als je accordeons op de juiste manier implementeert? Je inhoud wordt makkelijker te verkennen, gebruikers blijven gefocust, mobiele navigatie verbetert en zoekmachines kunnen je belonen met een betere zichtbaarheid. Als je alles goed doet, werken ze als een inhoudsopgave die vragen beantwoordt nog voordat gebruikers ze stellen.</p>



<p class="wp-block-paragraph">Deze handleiding laat je zien hoe je accordeons kunt implementeren in WordPress met behulp van editor-vriendelijke tools die het proces eenvoudig en schoon houden, zonder dat je iets hoeft te coderen.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-6b43f227-5b91-4479-9636-5343d5f1ab1b" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="background-color: #e9e7ff; color: #1E1E26; ">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="color: #1E1E26; "><strong>Accordeons toevoegen in WordPress</strong></div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="color: #1E1E26; ">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="background-color: #e9e7ff; color: #1E1E26; ">Toon</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#0-add-accordions-in-wordpress-" style="color: #1E1E26; ">Accordeons toevoegen in WordPress</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#1-method-1-using-the-native-details-block-" style="color: #1E1E26; ">Methode 1: Het oorspronkelijke detailblok gebruiken</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#2-step-1-add-the-details-block-" style="color: #1E1E26; ">Stap 1: Het blok Details toevoegen</a></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#3-step-2-add-the-title-and-content-" style="color: #1E1E26; ">Stap 2: De titel en inhoud toevoegen</a></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#4-step-3-add-additional-toggles-" style="color: #1E1E26; ">Stap 3: Extra schakelaars toevoegen</a></li></ul></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#5-method-2-using-the-ultimate-blocks-plugin-" style="color: #1E1E26; ">Methode 2: De Ultimate Blocks Plugin gebruiken</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#6-step-1-add-the-plugin-to-your-site-" style="color: #1E1E26; ">Stap 1: De plugin aan je site toevoegen</a></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#7-step-2-insert-the-content-toggle-block-" style="color: #1E1E26; ">Stap 2: Voeg het Content Toggle-blok in</a></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#8-step-3-add-title-and-content-" style="color: #1E1E26; ">Stap 3: Titel en inhoud toevoegen</a></li><li style=""><a href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/#9-step-4-customize-the-accordion-" style="color: #1E1E26; ">Stap 4: De Accordeon aanpassen</a></li></ul></li></ul></li></ul>
			</div>
		</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="0-add-accordions-in-wordpress-"><strong>Accordeons toevoegen in WordPress</strong></h2>



<p class="wp-block-paragraph">Er zijn meer dan één manier om accordeons toe te voegen in WordPress, maar ze zijn niet allemaal eenvoudig te gebruiken in de blok-editor. In de volgende secties beginnen we met een basismethode met behulp van een ingebouwd blok, waarna we overgaan naar een flexibelere optie met een plugin.</p>



<h3 class="wp-block-heading" id="1-method-1-using-the-native-details-block-"><strong>Methode 1: Het oorspronkelijke detailblok gebruiken</strong></h3>



<p class="wp-block-paragraph">De eenvoudigste manier om een accordeon te maken in WordPress is door gebruik te maken van de ingebouwde <a href="https://tableberg.com/nl/hoe-gebruik-je-het-detailsblok-in-wordpress/">Details blok</a>. Laten we eens kijken hoe het werkt.</p>



<h4 class="wp-block-heading" id="2-step-1-add-the-details-block-"><strong>Stap 1: Het blok Details toevoegen</strong></h4>



<p class="wp-block-paragraph">Open je bericht of pagina in de Blok-editor. Klik op het pluspictogram (+), zoek naar Details en voeg het blok in.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="574" src="https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-1024x574.png" alt="Het blok Details toevoegen" class="has-border-color wp-image-9433" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-1024x574.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-300x168.png 300w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-768x430.png 768w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1-18x10.png 18w, https://tableberg.com/wp-content/uploads/2025/05/1.1.1-1.png 1458w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_85b3e1d3-2fbe-4df6-b27f-c4ab59ce4c45"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="3-step-2-add-the-title-and-content-"><strong>Stap 2: De titel en inhoud toevoegen</strong></h4>



<p class="wp-block-paragraph">Voer uw accordeontitel in de plaatshouder "Samenvatting schrijven" in. Klik vervolgens op het pijlpictogram ernaast om de sectie uit te vouwen. Eenmaal uitgeklapt verschijnt er een inhoudsgebied onder waar je tekst, afbeeldingen, lijsten of andere blokken kunt toevoegen.</p>



<figure class="wp-block-video is-style-default"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" autoplay muted src="https://tableberg.com/wp-content/uploads/2025/05/1.2.mp4"></video></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_816ab8dc-b19e-4a20-af83-0d37e5032667"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="4-step-3-add-additional-toggles-"><strong>Stap 3: Extra schakelaars toevoegen</strong></h4>



<p class="wp-block-paragraph">Om meer accordeonitems toe te voegen, herhaal je hetzelfde proces door nieuwe Details-blokken in te voegen. Voor een geneste lay-out vouw je het inhoudsgebied van een bestaand Details-blok uit, klik je op het plus-pictogram (+) erin en voeg je nog een Details-blok toe.</p>



<figure class="wp-block-video is-style-default"><video height="796" style="aspect-ratio: 1454 / 796;" width="1454" autoplay muted src="https://tableberg.com/wp-content/uploads/2025/05/1.3.mp4"></video></figure>



<p class="wp-block-paragraph">Deze methode is perfect voor snelle FAQ's of minimale opstellingen. Houd er wel rekening mee dat deze methode alleen basisstyling biedt en geen geavanceerde ontwerpopties bevat.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h3 class="wp-block-heading" id="5-method-2-using-the-ultimate-blocks-plugin-"><strong>Methode 2: De Ultimate Blocks Plugin gebruiken</strong></h3>



<p class="wp-block-paragraph">Als je meer stylingopties en betere controle over je accordeon wilt, is de <a href="https://wordpress.org/plugins/ultimate-blocks/" target="_blank" rel="noopener">Ultieme Blokken</a> plugin is een geweldige keuze. Het biedt een Content Toggle-blok dat perfect werkt in de Block Editor.</p>



<h4 class="wp-block-heading" id="6-step-1-add-the-plugin-to-your-site-"><strong>Stap 1: De plugin aan je site toevoegen</strong></h4>



<p class="wp-block-paragraph">Ga vanuit je WordPress dashboard naar het Plugins menu en klik op Add New. Typ in de zoekbalk Ultimate Blocks en klik op Install Now op de plugin kaart. Zodra de installatie is voltooid, activeer je de plugin om de nieuwe blokken beschikbaar te maken in de editor.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="371" src="https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1024x371.png" alt="Ultimate Blocks toevoegen aan je site" class="has-border-color wp-image-9443" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1024x371.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-300x109.png 300w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-768x278.png 768w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-1536x556.png 1536w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation-18x7.png 18w, https://tableberg.com/wp-content/uploads/2025/05/Ultimate-Blocks-installation.png 1884w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_e0cb710a-04d4-41ac-999c-f14be4bce5e0"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="7-step-2-insert-the-content-toggle-block-"><strong>Stap 2: Voeg het Content Toggle-blok in</strong></h4>



<p class="wp-block-paragraph">Open de pagina of het bericht waar je de accordeon wilt hebben. Klik op het pluspictogram (+), zoek naar Content Toggle en voeg het toe. Dit blok maakt een uitklapbare sectie met een titel en inhoudsgebied.</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="503" src="https://tableberg.com/wp-content/uploads/2025/05/2.1-1024x503.png" alt="Inhoud Toggle-blok invoegen" class="has-border-color wp-image-9444" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.1-1024x503.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2.1-300x147.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2.1-768x377.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2.1-18x9.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2.1.png 1454w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_a9b5b869-2972-4905-8337-fa610ed338d0"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="8-step-3-add-title-and-content-"><strong>Stap 3: Titel en inhoud toevoegen</strong></h4>



<p class="wp-block-paragraph">Typ de titel van je accordeon in het labelveld en voeg eronder inhoud toe. Je kunt elk type blok in de toggle invoegen, zoals tekst, afbeeldingen, knoppen, lijsten of zelfs een ander Content Toggle-blok in het inhoudsgebied om een geneste accordeon te maken.&nbsp;</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="455" src="https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1024x455.png" alt="Titel en inhoud toevoegen" class="has-border-color wp-image-9451" style="border-color:#9154f3;border-width:1px;border-radius:10px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1024x455.png 1024w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-300x133.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-768x341.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-1536x682.png 1536w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1-18x8.png 18w, https://tableberg.com/wp-content/uploads/2025/05/2.3.1.png 1676w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Om meer togglesecties toe te voegen, klik je gewoon op het (+)-pictogram wanneer je met de muis over de bestaande panelen beweegt. Om een paneel te verwijderen, doe je hetzelfde behalve dat je in plaats van op het (+) pictogram te klikken, het (x) pictogram in de rechterbovenhoek kiest.&nbsp;</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="1180" height="754" src="https://tableberg.com/wp-content/uploads/2025/05/2.3.2.gif" alt="Meer panelen toevoegen" class="has-border-color wp-image-9452" style="border-color:#9154f3;border-width:1px;border-radius:10px;width:909px;height:auto"/></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_77e94ea3-9120-4cb8-833f-ffb30d35edf7"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 30%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 3px solid #ccc; margin-top: 2px; "></div></div></div>


<h4 class="wp-block-heading" id="9-step-4-customize-the-accordion-"><strong>Stap 4: De Accordeon aanpassen</strong></h4>



<p class="wp-block-paragraph">In het paneel met blokinstellingen aan de rechterkant kun je de titel van het paneel bepalen, de wisselstatus aanpassen, FAQ Schema inschakelen, een ingebouwde zoekoptie voor je accordeon toevoegen, een statuspictogram kiezen, tekst- of achtergrondkleuren wijzigen en nog veel meer.&nbsp;</p>



<div class="wp-block-group has-border-color is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e78c4980 wp-block-group-is-layout-flex" style="border-color:#9154f3;border-width:1px;border-radius:10px">
<figure class="wp-block-image size-full is-style-media-boxed"><img loading="lazy" decoding="async" width="348" height="796" src="https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1.png" alt="De Accordeon aanpassen" class="wp-image-9461" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1.png 348w, https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1-131x300.png 131w, https://tableberg.com/wp-content/uploads/2025/05/2.4.1-1-5x12.png 5w" sizes="auto, (max-width: 348px) 100vw, 348px" /></figure>



<figure class="wp-block-image size-full is-style-media-boxed"><img loading="lazy" decoding="async" width="284" height="786" src="https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1.png" alt="De Accordeon aanpassen" class="wp-image-9462" srcset="https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1.png 284w, https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1-108x300.png 108w, https://tableberg.com/wp-content/uploads/2025/05/2.4.2-1-4x12.png 4w" sizes="auto, (max-width: 284px) 100vw, 284px" /></figure>
</div>



<p class="wp-block-paragraph">Als je het gebruikt voor FAQ's, kun je ook FAQ Schema-markering inschakelen via de instellingen om je inhoud te laten kwalificeren voor rich snippets in Google Search.</p>



<figure class="wp-block-image aligncenter size-full is-resized has-custom-border is-style-media-boxed"><img loading="lazy" decoding="async" width="269" height="627" src="https://tableberg.com/wp-content/uploads/2025/05/last.png" alt="Schema inschakelen" class="has-border-color wp-image-9467" style="border-color:#9154f3;border-width:1px;border-radius:10px;width:271px;height:auto" srcset="https://tableberg.com/wp-content/uploads/2025/05/last.png 269w, https://tableberg.com/wp-content/uploads/2025/05/last-129x300.png 129w, https://tableberg.com/wp-content/uploads/2025/05/last-5x12.png 5w" sizes="auto, (max-width: 269px) 100vw, 269px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h5 class="wp-block-heading" id="10-conclusion-"><strong>Conclusie</strong></h5>



<p class="wp-block-paragraph">Als het je doel is om lange inhoud makkelijker scanbaar te maken, bieden accordeons een schone oplossing. Je hebt twee benaderingen geleerd: het eigen Details-blok biedt een lichtgewicht setup zonder extra plugins en laadt snel. Het blok Content Toggle van Ultimate Blocks voegt geavanceerde stylingregelingen, geneste panelen en een ingebouwd FAQ-schema toe. Beide methoden verbeteren de mobiele bruikbaarheid en het SEO-potentieel. Kies de aanpak die het beste past bij je workflow en contentbehoeften.</p><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-accordeons-toevoegen-in-wordpress-blok-editor/">How to Add Accordions in WordPress Block Editor</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		<enclosure url="https://tableberg.com/wp-content/uploads/2025/05/1.2.mp4" length="419149" type="video/mp4" />
<enclosure url="https://tableberg.com/wp-content/uploads/2025/05/1.3.mp4" length="181989" type="video/mp4" />

			</item>
		<item>
		<title>Hoe AI je kan helpen automatisch tabellen te maken in WordPress</title>
		<link>https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/</link>
		
		<dc:creator><![CDATA[Ankur Raj Bongshi]]></dc:creator>
		<pubDate>Wed, 28 May 2025 08:38:42 +0000</pubDate>
				<category><![CDATA[How To]]></category>
		<guid ispermalink="false">https://tableberg.com/?p=9356</guid>

					<description><![CDATA[<p>Tabellen zijn een van de meest effectieve hulpmiddelen om inhoud te organiseren. Van productvergelijkingen en prijsoverzichten tot gestructureerde gegevens en lijsten met functies, tabellen brengen duidelijkheid waar lange alinea's tekortschieten. Maar laten we eerlijk zijn: het handmatig maken van tabellen kan een hele klus zijn. Zelfs ervaren gebruikers verspillen tijd aan het uitlijnen van cellen en het opmaken van lay-outs. Nu [...]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/">How AI Can Help You Create Tables Automatically in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Tabellen zijn een van de meest effectieve hulpmiddelen om inhoud te organiseren. Van productvergelijkingen en prijsoverzichten tot gestructureerde gegevens en functielijsten, tabellen brengen duidelijkheid waar lange alinea's tekortschieten. </p>



<p class="wp-block-paragraph">Maar laten we eerlijk zijn - ze handmatig maken kan aanvoelen als een karwei. Zelfs ervaren gebruikers verspillen tijd aan het uitlijnen van cellen en het opmaken van lay-outs.</p>



<p class="wp-block-paragraph">Nu is er een betere manier. AI verandert de manier waarop we tabellen bouwen. In plaats van kolommen te slepen of met HTML te knoeien, beschrijf je wat je nodig hebt en zie je het tot leven komen. Dat is niet de toekomst - die is er al.</p>


<div data-is_sticky="false" data-sticky_toc_position="left" data-hide_sticky_on_mobile="false" data-sticky_button_icon='&lt;svg style="color:#000000;" class="ub_sticky-toc-open-button-icon" xmlns="http://www.w3.org/2000/svg" height="34px" width="34px" viewBox="0, 0, 448, 512"&gt;&lt;path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"&gt;&lt;/svg&gt;' data-sticky_button_color="#000000" data-sticky_toc_width="320px" style="max-width: -moz-fit-content" class="wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed" id="ub_table-of-contents-96367214-12c8-41a7-87ca-93c5baf14e7a" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="true" data-initiallyshow="false"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style="">Hoe AI je kan helpen automatisch tabellen te maken in WordPress</div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">Toon</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ub-hide">
				<ul style=""><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#0-why-use-ai-for-table-creation-in-wordpress" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom AI gebruiken voor het maken van tabellen in WordPress?</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#1-what-kind-of-tables-can-ai-help-you-create" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Wat voor soort tabellen kan AI je helpen maken?</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#2-%E2%9A%99%EF%B8%8F-how-ai-can-help-you-build-tables-in-wordpress" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoe AI je kan helpen bij het maken van tabellen in WordPress</a><ul><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#3-1-generate-a-table-from-blog-content" style="">1. Een tabel genereren op basis van bloginhoud</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#4-2-generate-a-table-from-a-prompt" style="">2. Een tabel genereren vanuit een prompt</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#5-3-convert-bullet-lists-or-raw-data-into-tables" style="">3. Bullet Lists of ruwe gegevens omzetten in tabellen</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#6-4-create-tables-from-spreadsheets-or-csv" style="">4. Tabellen maken van spreadsheets of CSV</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#7-5-suggest-table-styles-or-layouts" style="">5. Tabelstijlen of lay-outs voorstellen</a></li></ul></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#8-how-tableberg-is-bringing-ai-powered-table-creation" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoe Tableberg AI-gestuurde Table Creation brengt?</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#9-why-this-matters-for-content-creators" style=""><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom dit van belang is voor contentmakers?</a></li><li style=""><a href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/#10-conclusion" style="">Conclusie</a></li></ul>
			</div>
		</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="0-why-use-ai-for-table-creation-in-wordpress"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom AI gebruiken voor het maken van tabellen in WordPress?</h2>



<p class="wp-block-paragraph">Nadat ik jarenlang met WordPress sites met veel inhoud heb gewerkt, heb ik gezien hoe tijdrovend het maken van tabellen kan zijn. Voor niet-ontwerpers en drukke bloggers is dat een productiviteitskiller. AI lost dat op.</p>



<ol class="wp-block-list">
<li>Genereert onmiddellijk bruikbare tabelindelingen.</li>



<li>Ideaal voor ontwerpers zonder ontwerp- of codeervaardigheden</li>



<li>Geen gedoe meer met opmaak en lay-out tweaken</li>



<li>Zet geschreven inhoud om in gestructureerde, afkortbare gegevens</li>



<li>Verwerkt lange of complexe datasets zonder je te vertragen</li>
</ol>



<p class="wp-block-paragraph">Dit gaat niet over het vervangen van inspanning. Het gaat erom deze te richten op wat het belangrijkst is - je inhoud.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="1-what-kind-of-tables-can-ai-help-you-create"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Wat voor soort tabellen kan AI je helpen maken?</h2>



<p class="wp-block-paragraph">Het mooie van AI is zijn bereik. Het beperkt je niet tot één type tabel. Het past zich aan je workflow aan:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-e1fe9b07-7d60-47e2-8968-3412a0d56058">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5667a7fb-ce0d-4e96-b024-65ceb6855061">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Vergelijkingstabellen</strong>: Verschillen tussen producten of plannen opsplitsen</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-196e1c8b-9c74-4dfd-9233-3f6e444d7c5a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Prijstabellen</strong>: Perfect voor SaaS, diensten of WooCommerce winkels</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6cb3d907-602e-43f2-9db7-ec11c0298a72">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Gegevenstabellen</strong>: Nuttig voor enquêtes, blog statistieken of lijsten</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ca61c6cc-ae66-4766-93ee-8b6815d23f04">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Lijst Tabellen</strong>: "Toptools", "beste apps", "favorieten van de redactie" - alles netjes gerangschikt</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a974483a-082f-491f-83da-7f6bef3cc295">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Functie Tabellen</strong>: Ideaal voor functies van plugins, productspecificaties of hoogtepunten naast elkaar</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Als je inhoud een structuur heeft, kan AI deze presenteren in tabelvorm.</p>



<div class="wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-03d57942 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)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-b7737a6c wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<p class="wp-block-paragraph" 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>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2cc807e2 wp-block-buttons-is-layout-flex">
<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>



<div class="wp-block-button is-style-outline is-style-outline--7"><a class="wp-block-button__link wp-element-button" href="https://tableberg.com/nl/prijzen/" target="_blank" rel="noreferrer noopener">Krijg Pro</a></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<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>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="2-%E2%9A%99%EF%B8%8F-how-ai-can-help-you-build-tables-in-wordpress"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoe AI je kan helpen bij het maken van tabellen in WordPress</h2>



<p class="wp-block-paragraph">Dit is hoe AI het proces voor WordPress-gebruikers stroomlijnt:</p>



<h3 class="wp-block-heading" id="3-1-generate-a-table-from-blog-content">1. Een tabel genereren op basis van bloginhoud</h3>



<p class="wp-block-paragraph">Heb je een post in lijst- of rondevorm? AI scant de inhoud, haalt de belangrijkste punten eruit en maakt er een gestructureerde tabel omheen.</p>



<p class="wp-block-paragraph"><strong>Voorbeeld</strong>: Je hebt een "Top SEO Tools" blog geschreven - AI selecteert namen, prijzen en belangrijkste functies in een overzichtelijke tabellay-out. Bekijk de demo hieronder. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="938" height="884" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_09-19-27.gif" alt="" class="wp-image-9384" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="4-2-generate-a-table-from-a-prompt">2. Een tabel genereren vanuit een prompt</h3>



<p class="wp-block-paragraph">Zelfs als je vanaf nul begint, kun je AI vertellen wat je nodig hebt. Een eenvoudige vraag, zoals "3-koloms prijstabel voor een fitness-app", levert een kant-en-klare tabel op die je eenvoudig kunt aanpassen.</p>



<p class="wp-block-paragraph"> Hieronder zie je de demo. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="928" height="872" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_09-22-28.gif" alt="" class="wp-image-9385" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="5-3-convert-bullet-lists-or-raw-data-into-tables">3. Bullet Lists of ruwe gegevens omzetten in tabellen</h3>



<p class="wp-block-paragraph">Heb je een aantal functies of notities in opsommingstekens opgesteld? Plak ze erin en laat AI ze in een paar seconden omzetten in een gepolijste tabel.</p>



<p class="wp-block-paragraph">Zoals je hieronder kunt zien, heb ik wat tekst gekopieerd uit de WowStore en Product Carousel van mijn concept en deze in ChatGPT geplakt. Ik vroeg ChatGPT om een tabel te maken van de tekst die ik had aangeleverd. Kijk hoe mooi de tabel is gemaakt. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="924" height="898" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_10-22-40.gif" alt="" class="has-border-color has-main-accent-border-color wp-image-9390" style="border-width:1px;border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="6-4-create-tables-from-spreadsheets-or-csv">4. Tabellen maken van spreadsheets of CSV</h3>



<p class="wp-block-paragraph">Heb je een CSV-bestand of spreadsheet? Voer het naar AI. Het zal de gegevens goed structureren en zelfs helpen bij het opmaken zodat ze bij je site passen.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="938" height="890" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-01-13.gif" alt="" class="wp-image-9393" style="border-radius:3px"/></figure>



<h3 class="wp-block-heading" id="7-5-suggest-table-styles-or-layouts">5. Tabelstijlen of lay-outs voorstellen</h3>



<p class="wp-block-paragraph">Weet je niet meer hoe je tabel eruit moet zien? AI kan indelingen voorstellen op basis van inhoudstype, zoals vergelijkingen tussen filialen, prijsplannen of voor- en nadelen.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="932" height="668" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-21-11.gif" alt="" class="wp-image-9395" style="border-width:1px;border-radius:3px"/></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="8-how-tableberg-is-bringing-ai-powered-table-creation"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoe Tableberg AI-gestuurde Table Creation brengt?</h2>



<p class="wp-block-paragraph">Als u <a href="https://wordpress.org/plugins/tableberg/" target="_blank" rel="noopener"><strong>Tafelberg</strong></a> eerder hebt gebruikt, weet je al dat het een uitstekende tabelplugin voor Gutenberg is. Maar wat er nu komt, is het spannende gedeelte.</p>



<p class="wp-block-paragraph">Binnenkort zal Tableberg dat toelaten:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-05dc25c0-15e2-48d4-9516-7563a2df831e">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 256 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e710d930-a6d0-44c0-9845-3614bae0547f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512"><path fill="#000000" d="M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Een tabel maken van bestaande bloginhoud</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bb0e6944-6334-440a-9d01-3a4b19e38600">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z"></path></svg>
				</span>
				<span class="ub_list_item_text">Maak een tabel door deze in natuurlijke taal te beschrijven</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0efda933-32d8-486d-84f7-9f91d22d16b2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Krijg direct suggesties voor lay-out en styling</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="948" height="670" src="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48.png" alt="" class="has-border-color has-main-accent-border-color wp-image-9396" style="border-width:1px;border-radius:3px" srcset="https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48.png 948w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-300x212.png 300w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-768x543.png 768w, https://tableberg.com/wp-content/uploads/2025/05/2025-05-28_14-24-48-18x12.png 18w" sizes="auto, (max-width: 948px) 100vw, 948px" /></figure>



<p class="wp-block-paragraph">Dit alles past rechtstreeks in uw Gutenberg-workflow. Geen externe tools. Geen codering. Gewoon schrijven, beschrijven en publiceren.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="9-why-this-matters-for-content-creators"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Waarom dit van belang is voor contentmakers?</h2>



<p class="wp-block-paragraph">Deze verbeteringen zijn niet zomaar kleine upgrades. Ze kunnen je hele contentworkflow veranderen:</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-3ac09735-f4a1-40cb-bd9e-7e39a09086e7">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 256 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e98c664b-9a59-4c10-8a2b-f5c864baee11">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512"><path fill="#000000" d="M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Sneller en efficiënter publiceren</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7661a68a-74be-4a05-a9aa-b57e5843f2e7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z"></path></svg>
				</span>
				<span class="ub_list_item_text">Besteed minder tijd aan het maken van lay-outs en meer tijd aan strategie</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6ae4077e-071e-4f00-9fdd-f94fea37b35d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 64C0 46.3 14.3 32 32 32H272c13.2 0 25 8.1 29.8 20.4s1.5 26.3-8.2 35.2L162.3 208H184c75.1 0 136 60.9 136 136s-60.9 136-136 136H105.4C63 480 24.2 456 5.3 418.1l-1.9-3.8c-7.9-15.8-1.5-35 14.3-42.9s35-1.5 42.9 14.3l1.9 3.8c8.1 16.3 24.8 26.5 42.9 26.5H184c39.8 0 72-32.2 72-72s-32.2-72-72-72H80c-13.2 0-25-8.1-29.8-20.4s-1.5-26.3 8.2-35.2L189.7 96H32C14.3 96 0 81.7 0 64z"></path></svg>
				</span>
				<span class="ub_list_item_text">Gebruik schone, mobiele tabellen die de UX verbeteren</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M189 77.6c7.5-16 .7-35.1-15.3-42.6s-35.1-.7-42.6 15.3L3 322.4c-4.7 9.9-3.9 21.5 1.9 30.8S21 368 32 368H256v80c0 17.7 14.3 32 32 32s32-14.3 32-32V368h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320V160c0-17.7-14.3-32-32-32s-32 14.3-32 32V304H82.4L189 77.6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c83403ae-5aa6-41c6-b803-9abd0b5eae03">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512"><path fill="#000000" d="M189 77.6c7.5-16 .7-35.1-15.3-42.6s-35.1-.7-42.6 15.3L3 322.4c-4.7 9.9-3.9 21.5 1.9 30.8S21 368 32 368H256v80c0 17.7 14.3 32 32 32s32-14.3 32-32V368h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320V160c0-17.7-14.3-32-32-32s-32 14.3-32 32V304H82.4L189 77.6z"></path></svg>
				</span>
				<span class="ub_list_item_text">Pas je snel aan nu AI een standaardtool wordt voor het maken van WordPress-inhoud</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">Wanneer tijd geld is, is automatisering niet langer optioneel. Het is een voordeel.</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<h2 class="wp-block-heading" id="10-conclusion">Conclusie</h2>



<p class="wp-block-paragraph">AI-gestuurde tabelcreatie is niet alleen een gemak - het is een slimmere manier van werken. Het elimineert de repetitieve delen van het proces, zodat jij je kunt richten op het maken van betere content. Van blogposts tot productvergelijkingen, tabellen zijn eenvoudiger, sneller en schoner wanneer AI het zware werk doet.</p>



<p class="wp-block-paragraph"><strong>Nieuwsgierig om het uit te proberen? Geef <a href="http://tableberg.com/nl/" target="_blank" rel="noreferrer noopener">Tafelberg</a> en ontdek wat er mogelijk is met AI-gestuurde tabellen.</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/>



<p class="wp-block-paragraph"><strong>Lees meer!</strong></p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 15px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-906dde10-8024-4edc-8369-7fdd71504f3b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-9f1b33dd-43b7-4de5-b646-58ac938cc6a7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-maak-je-een-vergelijkingstabel-van-een-blogbericht-met-behulp-van-chatgpt/" target="_blank" rel="noreferrer noopener">Hoe een vergelijkingstabel genereren uit een blogbericht met ChatGPT</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-89ddcdb0-c668-4af5-9604-06eabfb669e9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/de-toekomst-van-plug-ins-voor-tabellen-trends-om-in-de-gaten-te-houden/" target="_blank" rel="noreferrer noopener">De toekomst van tabelplugins: Trends om nu en daarna in de gaten te houden</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-038621c7-80c5-44f4-b133-9540d76c0bdd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/beste-manieren-om-tabellen-te-gebruiken-voor-affiliate-marketing/" target="_blank" rel="noreferrer noopener">Beste manieren om tabellen te gebruiken voor affiliate marketing in WordPress</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a213be7c-f7e4-42a3-bb1e-dacb4f687317">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/tijdbesparende-functies-van-de-tableberg-plugin/">Top 5 Tijdbesparende functies van de Tableberg Plugin</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8935afee-3d34-4886-aecf-235907fd8f00">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/topfuncties-om-te-zoeken-in-een-wordpress-table-plugin/" target="_blank" rel="noreferrer noopener">10 Belangrijkste functies die je moet zoeken in een WordPress Table Plugin (voordat je hem koopt)</a></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bcb4cc4c-b48c-47fc-b35f-56229ee01ad6">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#000000" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><a href="https://tableberg.com/nl/hoe-producten-markeren-in-een-wordpress-tabel/" target="_blank" rel="noreferrer noopener">Hoe aanbevolen producten te markeren in een WordPress tabel</a></span>
			</div>
			
		</li>
</ul>

<div class="wp-block-ub-social-share" id="ub-social-share-c8e6161c-6921-4de2-8a5e-db0e6388da19">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="facebook-logo" target="_blank" rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-ai-je-kan-helpen-automatisch-tabellen-te-maken%2F&amp;title=How%20AI%20Can%20Help%20You%20Create%20Tables%20Automatically%20in%20WordPress" class="ub-social-share-facebook-container" style="border-color: #1877f2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-facebook" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#1877f2" fill="#1877f2" width="20" height="20" viewbox="0 0 264 512"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span><span style="">aandeel</span>
			</a><a aria-label="twitter-logo" target="_blank" rel="nofollow" href="http://twitter.com/intent/tweet?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-ai-je-kan-helpen-automatisch-tabellen-te-maken%2F&amp;text=How%20AI%20Can%20Help%20You%20Create%20Tables%20Automatically%20in%20WordPress" class="ub-social-share-twitter-container" style="border-color: #1d9bf0; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-twitter" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="color:#1d9BF0" fill="#1d9BF0" width="20" height="20" viewbox="0 0 24 24"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"></path></svg></span><span style="">tweet</span>
			</a><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftableberg.com%2Fnl%2Fhoe-ai-je-kan-helpen-automatisch-tabellen-te-maken%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; background-color: transparent; box-shadow: none; ">
				<span class="social-share-icon ub-social-share-linkedin" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#2867b2" fill="#2867b2" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">aandeel</span>
			</a></div>
		</div>


<hr class="wp-block-separator has-alpha-channel-opacity is-style-separator-thin"/><p>&lt;p&gt;The post <a rel="nofollow" href="https://tableberg.com/nl/hoe-ai-je-kan-helpen-automatisch-tabellen-te-maken/">How AI Can Help You Create Tables Automatically in WordPress</a> first appeared on <a rel="nofollow" href="https://tableberg.com/nl">Tableberg</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

#!trpst#trp-gettext data-trpgettextoriginal=225#!trpen#Paginacaching met Disk: Enhanced #!trpst#/trp-gettext#!trpen#

Served from: tableberg.com @ 2026-06-28 16:44:35 by W3 Total Cache
-->