{"id":8314,"date":"2025-04-11T14:40:02","date_gmt":"2025-04-11T14:40:02","guid":{"rendered":"https:\/\/tableberg.com\/?p=8314"},"modified":"2025-04-11T19:13:47","modified_gmt":"2025-04-11T19:13:47","slug":"hoe-wordpress-tabel-inhoud-verticaal-uitlijnen","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/","title":{"rendered":"Hoe WordPress tabelinhoud verticaal uitlijnen (boven, midden of onder)"},"content":{"rendered":"<p>Je tabellen kunnen snel hun helderheid verliezen als de inhoud niet goed is uitgelijnd. Zelfs met een solide lay-out kunnen ongelijke celhoogten of niet op elkaar afgestemde inhoudslengtes je tabel onevenwichtig of moeilijk scanbaar maken.<\/p>\n\n\n\n<p>Verticale uitlijning zorgt ervoor dat elke rij overzichtelijk blijft door ervoor te zorgen dat inhoud zoals tekst, knoppen of afbeeldingen precies op de juiste plek verschijnen, zelfs als andere cellen in dezelfde rij langer of korter zijn.<\/p>\n\n\n\n<p>Neem een prijstabel waarin een lijst met kenmerken langer is dan de rest, of een teamtabel waarin de biografie van een lid langer is dan die van anderen. Zonder verticale uitlijning kunnen knoppen in de prijstabel ongelijk staan en kunnen foto's van teamleden verkeerd uitgelijnd lijken.<\/p>\n\n\n\n<p>Dit is waar je keuze voor consistente uitlijning zal helpen om je tafel stabiel te houden. In dit artikel laten we je zien hoe je verticaal uitlijnen toepast, zodat je je tafels netjes en consistent houdt. Tijd om te beginnen.<\/p>\n\n\n<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=\"padding-top: var(--wp--preset--spacing--small); padding-bottom: var(--wp--preset--spacing--small); max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-bb85e554-9861-460a-bf83-c670ae1df6ba\" 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=\"background-color: #1E1E26; color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\"><strong>Hoe WordPress tabelinhoud verticaal uitlijnen <\/strong><\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-toggle-icon-container\">\n                    <span class=\"ub_table-of-contents-plus-part ub_horizontal_bar\" style=\"background-color: #fff; \"><\/span>\n                    <span class=\"ub_table-of-contents-plus-part ub_vertical_bar\" style=\"background-color: #fff; \"><\/span>\n                <\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"background-color: #fff; \">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#0-can-we-vertically-align-content-with-the-default-table-block-\" style=\"color: #1E1E26; \">Kunnen we inhoud verticaal uitlijnen met het standaard tabelblok?<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Verticale uitlijning toepassen (met de Tableberg-plugin)<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#2-step-1-install-and-activate-the-tableberg-plugin-\" style=\"color: #1E1E26; \">Stap 1: Installeer en activeer de Tableberg-plugin<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#3-step-2-insert-a-tableberg-block-into-your-post-or-page-\" style=\"color: #1E1E26; \">Stap 2: Voeg een Tableberg blok toe aan je bericht of pagina<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#4-step-3-add-content-to-your-table-cells-\" style=\"color: #1E1E26; \">Stap 3: Inhoud toevoegen aan uw tabelcellen<\/a><\/li><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#5-step-4-select-vertical-alignment-from-the-toolbar-\" style=\"color: #1E1E26; \">Stap 4: Selecteer Verticale uitlijning op de werkbalk<\/a><ul><li style=\"color: #3d386b; \"><a href=\"https:\/\/tableberg.com\/nl\/how-to-vertically-align-wordpress-table-content\/#6-quick-note-\" style=\"color: #1E1E26; \">Snelle notitie<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\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=\"0-can-we-vertically-align-content-with-the-default-table-block-\"><strong>Kunnen we inhoud verticaal uitlijnen met het standaard tabelblok?<\/strong><\/h2>\n\n\n\n<p>Helaas ondersteunt het standaard tabelblok in WordPress geen verticale uitlijning. Alleen platte tekst in cellen is toegestaan en er zijn geen ingebouwde instellingen om die inhoud bovenaan, in het midden of onderaan uit te lijnen. Dit maakt het moeilijk om een nette structuur te behouden als de celinhoud varieert in hoogte.<\/p>\n\n\n\n<p>Om deze beperking te omzeilen, gebruiken we de <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tafelberg<\/a> plugin. Tableberg is een blokgebaseerde tabelbouwer die verticale uitlijning ondersteunt en waarmee je rijke inhoud zoals afbeeldingen, knoppen en pictogrammen in cellen kunt invoegen. Het is een beginnersvriendelijke oplossing die je meer controle geeft over je lay-out zonder code te schrijven.<\/p>\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=\"1-how-to-apply-vertical-alignment-using-the-tableberg-plugin-\"><strong>Verticale uitlijning toepassen (met de Tableberg-plugin)<\/strong><\/h2>\n\n\n\n<p>Om verticaal uitlijnen toe te passen met Tableberg, zijn slechts een paar eenvoudige stappen nodig. Volg de onderstaande instructies om uw tabel te maken en de uitlijning precies aan te passen zoals u wilt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-1-install-and-activate-the-tableberg-plugin-\"><strong>Stap 1: Installeer en activeer de Tableberg-plugin<\/strong><\/h3>\n\n\n\n<p>Installeer en activeer eerst de Tableberg plugin vanuit je WordPress dashboard. Ga naar Plugins \u2192 Nieuw toevoegen, zoek naar \"Tableberg,\" klik dan op Nu installeren, gevolgd door Activeren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png\" alt=\"De Tableberg-plugin installeren en activeren\" class=\"has-border-color wp-image-8320\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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=\"3-step-2-insert-a-tableberg-block-into-your-post-or-page-\"><strong>Stap 2: Voeg een Tableberg blok toe aan je bericht of pagina<\/strong><\/h3>\n\n\n\n<p>Navigeer of maak een bericht of pagina, klik op het \"+\"-pictogram voor het invoegen van blokken, zoek naar Tableberg en voeg het blok in. Kies vervolgens het aantal rijen en kolommen waarmee je je tabel wilt opmaken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png\" alt=\"Een Tableberg-blok invoegen\" class=\"has-border-color wp-image-8319\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1024x392.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-2.png 1769w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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=\"4-step-3-add-content-to-your-table-cells-\"><strong>Stap 3: Inhoud toevoegen aan uw tabelcellen<\/strong><\/h3>\n\n\n\n<p>Ga verder met het toevoegen van inhoud aan de cellen. Je kunt tekst, knoppen, afbeeldingen, pictogrammen of elk ander blok in elke cel invoegen. Standaard wordt elke inhoud in het midden van de cel uitgelijnd.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png\" alt=\"Inhoud toevoegen aan je tabelcellen\" class=\"has-border-color wp-image-8318\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-2.png 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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=\"5-step-4-select-vertical-alignment-from-the-toolbar-\"><strong>Stap 4: Selecteer Verticale uitlijning op de werkbalk<\/strong><\/h3>\n\n\n\n<p>Selecteer de cel die je wilt uitlijnen. Klik vervolgens op de celrand om de werkbalk van het blok weer te geven.  Klik in de werkbalk die verschijnt op het pictogram Verticaal uitlijnen en kies Boven, Midden of Onder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png\" alt=\"Selecteer verticale uitlijning\" class=\"has-border-color wp-image-8317\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-1536x707.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4-1.png 1692w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"6-quick-note-\"><strong>Snelle notitie<\/strong><\/h4>\n\n\n\n<p>Je ziet het effect van verticale uitlijning duidelijker wanneer een cel extra verticale ruimte heeft. En omdat elk inhoudsblok in een Tableberg-cel zijn eigen uitlijningsregels heeft, kun je de plaatsing verfijnen door tekst onderaan uit te lijnen en een knop naar rechts te plaatsen voor een preciezere lay-out.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png\" alt=\"Combineer celuitlijning met inhoudsuitlijning\" class=\"has-border-color wp-image-8316\" style=\"border-color:#cff3fb;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-1024x654.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-768x491.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-2.png 1083w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"7-conclusion-\"><strong>Conclusie<\/strong><\/h5>\n\n\n\n<p>Als tabelinhoud niet goed is uitgelijnd, kan zelfs de best gestructureerde lay-out rommelig aanvoelen. Verticale uitlijning geeft je de controle om dat op te lossen door alles in orde te houden, of het nu gaat om een lang tekstblok, een gecentreerde knop of rijen met ongelijke inhoud. Terwijl het standaard Tabelblok op dit gebied tekortschiet, maakt Tableberg het eenvoudig om inhoud precies uit te lijnen waar je het wilt, zonder dat je code of ingewikkelde stappen nodig hebt. Met behulp van een paar klikken, kunt u schonere en meer consistente tabellen maken die er goed uitzien op elk scherm.<\/p>\n\n\n\n<p>Lees ook: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-wordpress-tabel-inhoud-horizontaal-uitlijnen\/\">Hoe WordPress tabelinhoud horizontaal uitlijnen (links, midden of rechts)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/tabellen-uitlijnen-in-wordpress\/\">Tabellen uitlijnen in WordPress (links, midden of rechts)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/nl\/hoe-tekst-uitlijnen-in-wordpress\/\">Tekst uitlijnen in WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Your tables can quickly lose their clarity if the content inside them isn\u2019t properly aligned. Even with a solid layout, uneven cell heights or mismatched content lengths can make your table look unbalanced or hard to scan. Vertical alignment will help you ensure every row stays organized by making sure content like text, buttons, or [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8315,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-8314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Vertically-Align-WordPress-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8314","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=8314"}],"version-history":[{"count":13,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8314\/revisions"}],"predecessor-version":[{"id":8349,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8314\/revisions\/8349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/8315"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=8314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=8314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=8314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}