{"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":"how-to-align-tables-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-align-tables-in-wordpress\/","title":{"rendered":"WordPress\u3067\u30c6\u30fc\u30d6\u30eb\u3092\u63c3\u3048\u308b\u65b9\u6cd5\uff08\u5de6\u5bc4\u305b\u3001\u4e2d\u592e\u5bc4\u305b\u3001\u53f3\u5bc4\u305b\uff09"},"content":{"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.<\/p>\n\n\n\n<p>Aligning a table in WordPress is very simple. This article will show you how to align tables in WordPress, whether in left, right, or center.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"#Align-Tables-on-the-Left\">Left Alignment<\/a> | <a href=\"#Align-Tables-in-the-Center\">Center Alignment<\/a> | <a href=\"#Align-Tables-on-the-Right\">Right Alignment<\/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>\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<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Align-Tables-on-the-Left\">Step 1: Align Tables on the Left<\/h2>\n\n\n\n<p>Whenever you create a table, by default, its alignment is selected to the <strong>\u306a\u3057<\/strong> \u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308b\u3002<\/p>\n\n\n\n<p>To realign the table on the left, hit the <strong>Align icon<\/strong> on the toolbar. Select the option Align column left. This will realign the content on the left. Apply this method to all the other columns.<\/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=\"How to align table on the left\" 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\">Step 2: Align Tables in the Center<\/h2>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 <strong>Alignment icon<\/strong> on the toolbar. Select the option <strong>Align column center<\/strong>. Content on the respective column will be centrally aligned. Do the same with other columns one by one.<\/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=\"How to align table in the center\" 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\">Step 3: Align Tables on the Right<\/h2>\n\n\n\n<p>Similarly to the above step, place your cursor on a column and hit the <strong>Align icon<\/strong> on the toolbar. Select the option <strong>Align column right<\/strong>. Do the same with other columns as well. Your content will be aligned on the right.<\/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=\"How to align table on the right\" 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\">\u7d50\u8ad6<\/h3>\n\n\n\n<p>So, hope you now know how easy it is to align WordPress tables. It\u2019s not necessary to select the same alignment for all the columns. You can apply individual alignments for each column if you want. Let us know through the comment section if you face any problems.<\/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 WordPress, whether in left, right, or center. Left Alignment | Center Alignment | Right Alignment Step 1: Align Tables on the Left Whenever you create a table, by default, its alignment is selected to the None option. To realign the table on the left, hit the Align icon on the toolbar. Select the option Align [&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\/ja\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/220","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=220"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":1766,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/220\/revisions\/1766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/1764"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}