{"id":434,"date":"2025-01-08T04:55:49","date_gmt":"2025-01-08T04:55:49","guid":{"rendered":"https:\/\/tableberg.com\/?p=434"},"modified":"2025-01-08T04:55:53","modified_gmt":"2025-01-08T04:55:53","slug":"how-to-create-columns-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-create-columns-in-wordpress\/","title":{"rendered":"How to Create Columns in WordPress (3 Ways)"},"content":{"rendered":"<p>Columns are vertical divisions or containers within which you can organize and display your web content. By dividing your content into columns, not only can you create a sense of order, balance, and hierarchy but also enhance readability and engagement.<\/p>\n\n\n\n<p>By using columns correctly, you can make your post and page layout attractive. WordPress allows you to create columns in many different ways. This article will show you how to create columns in WordPress in some of those handy ways. Let\u2019s explore!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u65b9\u6cd51<\/strong>: <a href=\"#Using-the-Column-Block\">\u30ab\u30e9\u30e0\u30fb\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u7528 <\/a><\/li>\n\n\n\n<li><strong>\u65b9\u6cd52<\/strong>: <a href=\"#Using-the-Table-Block\">\u30c6\u30fc\u30d6\u30eb\u30fb\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u7528 <\/a><\/li>\n\n\n\n<li><strong>\u65b9\u6cd53<\/strong>: <a href=\"#Using-The-Tableberg-Block\">Tableberg\u30d6\u30ed\u30c3\u30af\u306e\u4f7f\u7528<\/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>\u7f8e\u3057\u3044\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b <\/strong><br><strong>\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u30fc\u4ed8\u304d<\/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\">\u7121\u6599\u4f53\u9a13<\/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\/ja\/%e4%be%a1%e6%a0%bc%e8%a8%ad%e5%ae%9a\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d7\u30ed\u306b\u306a\u308b<\/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=\"Using-the-Column-Block\">\u65b9\u6cd501\uff1a\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046<\/h2>\n\n\n\n<p>Open the post or page you want. Find and add the <strong>Columns block<\/strong> to your editor by typing it in the Gutenberg search box.<\/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=\"Add the Gutenberg column block\" 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>Click on the column layout you need. This will be added to your post.<\/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=\"Select the column layout\" 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>Don\u2019t get confused seeing only one column\u2019s border on the editor. Click with your cursor on the left and right side. The other block will appear. See the video clip below.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay loop src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Switch-between-columns.mp4\"><\/video><\/figure>\n\n\n\n<p>\u3092\u62bc\u3059\u3002 <strong>\u30d7\u30e9\u30b9 (+)<\/strong> icon on any column. Select a block you want to add to the particular column. Suppose we are selecting the Paragraph block to add some text.<\/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\/Add-block-to-your-WordPress-column.webp\" alt=\"Add block to your WordPress column\" class=\"wp-image-438\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-block-to-your-WordPress-column.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-block-to-your-WordPress-column-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-block-to-your-WordPress-column-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-block-to-your-WordPress-column-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Similarly, we have added an image to the right column of the block.<\/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\/Add-image-to-the-column-block.webp\" alt=\"Add image to the column block\" class=\"wp-image-439\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-the-column-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-the-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Select the entire column block by clicking the column icon three times on the toolbar. You\u2019ll get options to update settings and customize the block on the right sidebar.<\/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\/Change-settings-and-customize-the-column-block.webp\" alt=\"Change settings and customize the column block\" class=\"wp-image-440\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-settings-and-customize-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-settings-and-customize-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-settings-and-customize-the-column-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-settings-and-customize-the-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_236851fa-3915-42fd-b3dc-7457f71ea2c8\"><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>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Table-Block\">\u65b9\u6cd502\uff1a\u30c6\u30fc\u30d6\u30eb\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046<\/h2>\n\n\n\n<p>In the same way, find and add the Gutenberg default Table block to your post\/page.<\/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\/Add-the-WordPress-Table-Block-to-your-postpage.png\" alt=\"Add the table block\" class=\"wp-image-328\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Here, you can specify the row number as well alongside the column number. Set the value as you wish. Hit the <strong>\u30c6\u30fc\u30d6\u30eb\u4f5c\u6210<\/strong> button at the end.<\/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\/Set-the-row-and-column-number.png\" alt=\"Specify table row and column number\" 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>\n\n\n\n<p>Now, add content to the columns. The WordPress table block allows you to add only text content to the columns. You can\u2019t add images, buttons, and other types of content.<\/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\/Add-text-to-the-table-columns.webp\" alt=\"Add text to the table columns\" class=\"wp-image-441\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-text-to-the-table-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-text-to-the-table-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-text-to-the-table-columns-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-text-to-the-table-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d3c18e2a-3131-4a66-afa6-74dbff9a9c9b\"><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>\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-The-Tableberg-Block\">\u65b9\u6cd503\uff1aTableberg\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" rel=\"noreferrer noopener\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> is also a table builder plugin. But it has many advanced features. For example, you can add images, CTA buttons, and more to your table columns with the plugin, which isn\u2019t possible with the default WordPress table block.<\/p>\n\n\n\n<p><strong>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong> \u305d\u3057\u3066 <strong>\u30a2\u30af\u30c6\u30a3\u30d6\u5316<\/strong> the plugin first.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<p>Come to your post or page editor. Find and add the TableBerg block from the Gutenberg editor in the same way.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2492\" height=\"1472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1.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.png 2492w, 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-1024x605.png 1024w, 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: 2492px) 100vw, 2492px\" \/><\/figure>\n\n\n\n<p>Define the column and row number as the default table block.<\/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\/Set-the-row-and-column-number.png\" alt=\"Set the column and row number\" 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>\n\n\n\n<p>You can see we have added text content to the left columns. For the middle columns, we have decided to add the <strong>\u30a4\u30e1\u30fc\u30b8\u30d6\u30ed\u30c3\u30af<\/strong> by pressing the <strong>\u30d7\u30e9\u30b9\uff08+\uff09\u30a2\u30a4\u30b3\u30f3<\/strong>.&nbsp;<\/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\/Add-image-block-to-the-table-column.png\" alt=\"Add image block to the table column\" class=\"wp-image-442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-column.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-column-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-column-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-column-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>In the same way, we have added <strong>CTA buttons<\/strong> to the very right columns of the table.<\/p>\n\n\n\n<p>Now, to customize the table, select the entire table by clicking the <strong>\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0\u30fb\u30a2\u30a4\u30b3\u30f3<\/strong> on the toolbar. You\u2019ll get the settings and customization options on the right sidebar.<\/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\/Add-CTA-button-to-the-table-columns.png\" alt=\"Add CTA button to the table columns and customize the table\" class=\"wp-image-443\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-CTA-button-to-the-table-columns.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-CTA-button-to-the-table-columns-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-CTA-button-to-the-table-columns-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-CTA-button-to-the-table-columns-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>You can see that we\u2019ve increased the table width to create enough space for the content and elements inside the table columns.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_6fc7bd65-55b6-4470-bdf8-d720afc6d20c\"><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>\n\n\n<h2 class=\"wp-block-heading\">Final Note<\/h2>\n\n\n\n<p>Columns aren\u2019t only for organizing content. They can hook visitors\u2019 attraction by creating a captivating layout once you know how to use them. <\/p>\n\n\n\n<p>Based on your content demand, you have to choose where to use the default column block and where the table columns are. Hope you enjoyed this article.<\/p>\n\n\n\n<p>\u3053\u3061\u3089\u3082\u304a\u8aad\u307f\u304f\u3060\u3055\u3044\uff1a <a href=\"https:\/\/tableberg.com\/ja\/%e6%9c%80%e9%ab%98%e3%81%ae%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e5%88%97%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d9\u30b9\u30c8\u30fb\u30ef\u30fc\u30c9\u30d7\u30ec\u30b9\u30fb\u30ab\u30e9\u30e0\u30d7\u30e9\u30b0\u30a4\u30f3<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Columns are vertical divisions or containers within which you can organize and display your web content. By dividing your content into columns, not only can you create a sense of order, balance, and hierarchy but also enhance readability and engagement. By using columns correctly, you can make your post and page layout attractive. WordPress allows you to create columns in many different ways. This article will show you how to create columns in WordPress in some of those handy ways. Let\u2019s explore! Method 01: Using the Column Block Open the post or page you want. Find and add the Columns block to your editor by typing it in the Gutenberg [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6629,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,16,10],"class_list":["post-434","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-create-columns","tag-customize-table"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Create-Columns-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/ja\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":6631,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/434\/revisions\/6631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6629"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}