{"id":220,"date":"2025-04-07T14:25:52","date_gmt":"2025-04-07T14:25:52","guid":{"rendered":"https:\/\/tableberg.com\/?p=220"},"modified":"2025-04-26T16:31:48","modified_gmt":"2025-04-26T16:31:48","slug":"tabellen-uitlijnen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-align-tables-in-wordpress\/","title":{"rendered":"Tabellen uitlijnen in WordPress (links, midden of rechts)"},"content":{"rendered":"<p>Natuurlijk ontwerpen de meeste mensen tabellen over de hele pagina van een website. Maar als je tabel kleiner is dan de paginamarge, wil je hem misschien naar wens uitlijnen op een specifieke positie op de pagina.<\/p>\n\n\n\n<p>Een tabel uitlijnen in WordPress is heel eenvoudig. Dit artikel laat je zien hoe je tabellen kunt uitlijnen in WordPress, zowel links, rechts als in het midden.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"#Align-Tables-on-the-Left\">Links uitlijnen<\/a> | <a href=\"#Align-Tables-in-the-Center\">Uitlijning in het midden<\/a> | <a href=\"#Align-Tables-on-the-Right\">Rechts uitlijnen<\/a><\/p>\n\n\n\n<div class=\"wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-abafbc0d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\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<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Align-Tables-on-the-Left\">Stap 1: Tabellen links uitlijnen<\/h2>\n\n\n\n<p>Wanneer je een tabel maakt, wordt de uitlijning standaard geselecteerd op de <strong>Geen<\/strong> optie.<\/p>\n\n\n\n<p>Druk op de knop <strong>Pictogram uitlijnen<\/strong> op de werkbalk. Selecteer de optie Kolom links uitlijnen. Hierdoor wordt de inhoud links uitgelijnd. Pas deze methode toe op alle andere 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-left.png\" alt=\"Tabel links uitlijnen\" class=\"wp-image-233\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-left.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-left-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-left-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-left-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Align-Tables-in-the-Center\">Stap 2: Tabellen in het midden uitlijnen<\/h2>\n\n\n\n<p>Klik op de <strong>Uitlijningspictogram<\/strong> op de werkbalk. Selecteer de optie <strong>Kolom midden uitlijnen<\/strong>. Inhoud in de betreffende kolom wordt centraal uitgelijnd. Doe hetzelfde met andere kolommen, \u00e9\u00e9n voor \u00e9\u00e9n.<\/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\/How-to-align-table-in-the-center.png\" alt=\"Hoe een tabel in het midden uitlijnen\" class=\"wp-image-234\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-in-the-center.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-in-the-center-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-in-the-center-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-in-the-center-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Align-Tables-on-the-Right\">Stap 3: Tabellen rechts uitlijnen<\/h2>\n\n\n\n<p>Net als bij de bovenstaande stap plaats je je cursor op een kolom en druk je op de knop <strong>Pictogram uitlijnen<\/strong> op de werkbalk. Selecteer de optie <strong>Kolom rechts uitlijnen<\/strong>. Doe hetzelfde met andere kolommen. Je inhoud wordt rechts uitgelijnd.<\/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\/How-to-align-table-on-the-right.png\" alt=\"Tabel rechts uitlijnen\" class=\"wp-image-235\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-right.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-right-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-right-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-align-table-on-the-right-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusie<\/h3>\n\n\n\n<p>Hopelijk weet je nu hoe eenvoudig het is om WordPress tabellen uit te lijnen. Het is niet nodig om voor alle kolommen dezelfde uitlijning te kiezen. Je kunt individuele uitlijningen toepassen voor elke kolom als je dat wilt. Laat het ons weten als je problemen ondervindt.<\/p>","protected":false},"excerpt":{"rendered":"<p>Naturally, most people design tables across the entire page of a website. But if your table is smaller than the page margin, you may want to align it to a specific position on the page as desired. Aligning a table in WordPress is very simple. This article will show you how to align tables in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1764,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[10,11],"class_list":["post-220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg","tag-customize-table","tag-table-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Align-Table-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\/220","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=220"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":1766,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/220\/revisions\/1766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/1764"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}