{"id":1018,"date":"2025-01-27T10:22:22","date_gmt":"2025-01-27T10:22:22","guid":{"rendered":"https:\/\/tableberg.com\/?p=1018"},"modified":"2025-01-27T10:22:25","modified_gmt":"2025-01-27T10:22:25","slug":"hoe-afbeeldingen-naast-elkaar-plaatsen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-put-images-side-by-side-in-wordpress\/","title":{"rendered":"Hoe afbeeldingen naast elkaar zetten in WordPress (op drie manieren)"},"content":{"rendered":"<p>Visuele inhoud speelt een cruciale rol bij het trekken van de aandacht van online gebruikers. Wat een enkele afbeelding kan overbrengen, vergt vaak honderden woorden. Bovendien kunnen beelden emoties oproepen en de algehele esthetiek verbeteren.<\/p>\n\n\n\n<p>Een effectieve manier om afbeeldingen te laten zien is door ze naast elkaar te plaatsen. Deze techniek is vooral handig bij het vergelijken van meerdere producten, het presenteren van voor en na afbeeldingen en het vertellen van een verhaal.<\/p>\n\n\n\n<p>In dit artikel laten we je drie eenvoudige manieren zien om afbeeldingen naast elkaar te zetten in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#0-method-one-using-the-gallery-block\">Het Galerij-blok gebruiken <\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#2-method-two-using-the-columns-block\">Het blok Kolommen gebruiken<\/a><\/li>\n\n\n\n<li><strong>Methode 3<\/strong>: <a href=\"#4-method-three-using-the-tableberg-block\">Het Tableberg-blok gebruiken<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Probeer gratis<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-one-using-the-gallery-block\">Eerste methode: het Galerij-blok gebruiken<\/h2>\n\n\n\n<p>WordPress wordt geleverd met het standaard Galerij-blok. Je kunt afbeeldingen op de volgende manieren naast het blok presenteren. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-gallery-block-to-wordpress\">Stap 01: Voeg het galerijblok toe aan WordPress<\/h3>\n\n\n\n<p>Open gewoon een bericht of pagina. Zoek de <strong><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-galerieblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Galerij blok<\/a><\/strong> in de Gutenberg blokbibliotheek door op de knop <strong>plus (+) knop<\/strong>. Voeg het toe aan de editor.<\/p>\n\n\n\n<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=\"Zoek en voeg het Gutenberg Galerij-blok toe aan WordPress\" 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>\n\n\n\n<p>Klik op de <strong>Uploadknop<\/strong> om nieuwe afbeeldingen van je lokale opslag aan de zijkant toe te voegen. Je kunt ze ook uploaden vanuit je bestaande bestanden door op de knop <strong>Mediatheek<\/strong> knop.<\/p>\n\n\n\n<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 vanuit lokale opslag of mediabibliotheek\" 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>\n\n\n\n<p>Voor deze tutorial uploaden we afbeeldingen vanuit de Mediabibliotheek. Selecteer de afbeeldingen die je wilt toevoegen. Klik op de knop <strong>Een nieuwe galerij maken<\/strong> knop aan het einde.<\/p>\n\n\n\n<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\/Create-a-new-gallery.webp\" alt=\"Een nieuwe galerij maken\" class=\"wp-image-1021\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Create-a-new-gallery-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Zodra afbeeldingen zijn toegevoegd aan de editor, zie je ze naast elkaar verschijnen. Vervolgens kun je de instellingen en styliseringen van het Galerij-blok aanpassen met behulp van de respectieve opties op de rechter zijbalk. <\/p>\n\n\n\n<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\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp\" alt=\"Afbeeldingen naast elkaar weergegeven met het Gutenberg Galerij-blok\" class=\"wp-image-1024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-usign-the-Gutenberg-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Opmerking:<\/strong> Als je afbeeldingen standaard niet naast elkaar worden weergegeven, selecteer dan het hele blok door op de knop <strong>Pictogram galerij<\/strong> op de werkbalk. Geef de kolomnummers op in de rechter zijbalk.<\/p>\n\n\n\n<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\/Set-columns-for-the-Gallery-block.webp\" alt=\"Kolomnummer instellen voor het Galerij-blok\" class=\"wp-image-1025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Set-columns-for-the-Gallery-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-method-two-using-the-columns-block\">Tweede methode: het blok Kolommen gebruiken<\/h2>\n\n\n\n<p>Met het blok Kolom kun je <a href=\"https:\/\/tableberg.com\/nl\/hoe-wordpress-inhoud-opsplitsen-in-twee-of-meer-kolommen\/\" target=\"_blank\" rel=\"noreferrer noopener\">verdeel je inhoud in meerdere kolommen<\/a>. Je kunt andere blokken toevoegen om verschillende soorten inhoud aan elke kolom toe te voegen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-01-add-the-column-block-to-your-site\">Stap 01: Het kolomblok toevoegen aan je site<\/h3>\n\n\n\n<p>Voeg de <strong><a href=\"https:\/\/tableberg.com\/nl\/kolommen-maken-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kolom blok<\/a><\/strong> naar je editor op dezelfde manier als hierboven beschreven.<\/p>\n\n\n\n<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=\"Kolomblok toevoegen aan je site\" 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>\n\n\n\n<p>Selecteer de kolomindeling die je wilt. Je kunt een gelijk aantal afbeeldingen naast elkaar weergeven, overeenkomstig met het aantal kolommen dat je toevoegt. We hebben de lay-out met twee kolommen geselecteerd voor het blok.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout.webp\" alt=\"Selecteer een kolomindeling\" class=\"wp-image-436\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-column-layout-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voeg de <strong><a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-afbeeldingsblok-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Beeldblok<\/a><\/strong> door op de <strong>plus (+) knop<\/strong> binnen de <strong>Kolom blok<\/strong>.<\/p>\n\n\n\n<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\/Add-the-Image-block-to-the-Column-block.webp\" alt=\"Voeg het blok Afbeelding toe aan het blok Kolom\" class=\"wp-image-1027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Image-block-to-the-Column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Upload een afbeelding op dezelfde manier als we je hierboven hebben laten zien.<\/p>\n\n\n\n<p><strong>Opmerking:<\/strong> Aangezien dit het blok Afbeelding is, kun je <strong>slechts \u00e9\u00e9n afbeelding toevoegen<\/strong>in tegenstelling tot het blok Galerij.<\/p>\n\n\n\n<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-image-to-the-column-block-the-same-way-we-showed-you-above.webp\" alt=\"Afbeelding uploaden naar het kolomblok \" class=\"wp-image-1028\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-column-block-the-same-way-we-showed-you-above-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voeg op dezelfde manier de <strong>Beeldblok<\/strong> weer naar de tweede kolom.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp\" alt=\"Meerdere afbeeldingen toevoegen aan het kolomblok\" class=\"wp-image-1029\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/SCR-20240331-npla-768x391.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Je ziet dat de tweede afbeelding naast de eerste is verschenen. Je kunt nu \u00e9\u00e9n voor \u00e9\u00e9n alternatieve teksten en andere instellingen voor de afbeeldingen toevoegen.<\/p>\n\n\n\n<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\/Multiple-images-are-displayed-using-the-column-block.webp\" alt=\"Meerdere afbeeldingen worden weergegeven met het kolomblok\" class=\"wp-image-1030\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Multiple-images-are-displayed-using-the-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-three-using-the-tableberg-block\">Derde methode: Het Tableberg-blok gebruiken<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tafelberg<\/a> is een invoegtoepassing voor het maken van tabellen op basis van blokken. Je kunt er ook kolommen mee maken en afbeeldingen naast elkaar weergeven. Volg de onderstaande stappen na <strong>installeren<\/strong> en <strong>activeren<\/strong> de plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1874\" height=\"604\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png\" alt=\"Installeer en activeer de TableBerg plugin\" class=\"wp-image-420\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg.png 1874w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1024x330.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-768x248.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Tableberg-1536x495.png 1536w\" sizes=\"auto, (max-width: 1874px) 100vw, 1874px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-01-add-the-tableberg-block\">Stap 01: het TableBerg-blok toevoegen<\/h3>\n\n\n\n<p>De plugin wordt geleverd met een <strong>TabelBerg blok<\/strong>. Voeg het toe aan uw editor.<\/p>\n\n\n\n<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-TableBerg-block-to-your-page-or-post.png\" alt=\"Voeg het TableBerg-blok toe aan je bericht of pagina\" class=\"wp-image-175\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-TableBerg-block-to-your-page-or-post-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Je kunt meerdere rijen selecteren als je dat wilt. Maar we leggen de tutorial van vandaag uit met een enkele rij en meerdere kolommen.<\/p>\n\n\n\n<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\/Select-a-row-and-columns-for-the-table.webp\" alt=\"Selecteer een rij en kolommen voor de tabel\" class=\"wp-image-1031\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Met TableBerg kun je verschillende soorten blokken toevoegen aan de cellen van de tabel. Voeg de <strong>Beeldblok<\/strong> naar de tabelcellen.<\/p>\n\n\n\n<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\/Add-the-image-block-to-the-TableBerg-cells.webp\" alt=\"Voeg het afbeeldingsblok toe aan de TableBerg-cellen\" class=\"wp-image-1032\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-image-block-to-the-TableBerg-cells-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Een afbeelding uploaden<\/strong> naar de tabelcel op dezelfde manier als in de twee bovenstaande methodes.<\/p>\n\n\n\n<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-image-to-the-table.webp\" alt=\"Afbeelding uploaden naar de tabel\" class=\"wp-image-1033\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-image-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Blijf afbeeldingen toevoegen aan andere kolommen van de tabel met behulp van de <strong>Beeldblok<\/strong>. Ik hoop dat je het alleen kunt.<\/p>\n\n\n\n<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\/Keep-adding-images-to-other-columns-of-the-table.webp\" alt=\"Blijf afbeeldingen toevoegen aan andere kolommen van de tabel\" class=\"wp-image-1034\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Keep-adding-images-to-other-columns-of-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Zie de afbeelding hieronder. We hebben drie afbeeldingen naast elkaar weergegeven in de tabel die is gemaakt met het TableBerg-blok.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table.png\" alt=\"Afbeeldingen naast elkaar weergegeven met de TableBerg-tabel\" class=\"wp-image-1035\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Images-displayed-side-by-side-with-the-TableBerg-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong># Verwijder de tabelrand<\/strong><\/p>\n\n\n\n<p>Je ziet een rand rond de tabel. Om deze te verwijderen, <strong>klik op het TableBerg-pictogram<\/strong> drie keer op de werkbalk. Ga naar <strong>Tabblad Stijlen &gt; Rand<\/strong> op de rechterzijbalk. Zet de <strong>waarde nul (0)<\/strong> om de grootte van de tabelrand te defini\u00ebren.<\/p>\n\n\n\n<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\/Remove-the-table-border.webp\" alt=\"Verwijder de tabelrand\" class=\"wp-image-1036\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Remove-the-table-border-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Zo kun je afbeeldingen naast elkaar weergeven op WordPress websites.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-conclusion\">Conclusie<\/h3>\n\n\n\n<p>Afbeeldingen naast elkaar tonen is zeer voordelig, terwijl een visuele vergelijking tussen verschillende producten, opties, functies en variaties essentieel is. Hopelijk kun je het vandaag alleen met deze tutorial.<\/p>\n\n\n\n<p>Je kunt meer doen op je site door verschillende soorten tabellen te maken met de TableBerg plugin. Kijk eens naar <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-amazon-productvergelijkingstabel-in-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-amazon-product-comparison-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">hoe maak je een Amazon productvergelijkingstabel in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Visual content plays a crucial role in capturing the attention of online users. What a single image can convey often requires hundreds of words. Besides, images can evoke emotions and enhance the overall aesthetics. One effective way to showcase images is by placing them side by side. This technique is particularly helpful in comparing multiple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,41,9],"class_list":["post-1018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Put-Images-Side-by-Side-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/1018\/revisions"}],"predecessor-version":[{"id":7129,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/1018\/revisions\/7129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/7127"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=1018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=1018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}