{"id":301,"date":"2025-01-02T06:58:51","date_gmt":"2025-01-02T06:58:51","guid":{"rendered":"https:\/\/tableberg.com\/?p=301"},"modified":"2025-01-02T07:39:10","modified_gmt":"2025-01-02T07:39:10","slug":"how-to-change-table-background-color-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-change-table-background-color-in-wordpress\/","title":{"rendered":"How to Change Table Background Color in WordPress"},"content":{"rendered":"<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001WordPress\u306e\u30c6\u30fc\u30d6\u30eb\u306f\u900f\u660e\u306a\u80cc\u666f\u3067\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u3042\u306a\u305f\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u30c7\u30b6\u30a4\u30f3\u3084\u30b9\u30bf\u30a4\u30eb\u5316\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u30c6\u30fc\u30d6\u30eb\u306e\u80cc\u666f\u3092\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u306f\u3001\u307e\u3068\u307e\u308a\u306e\u3042\u308b\u30d3\u30b8\u30e5\u30a2\u30eb\u30fb\u30a2\u30a4\u30c7\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u4f5c\u6210\u3057\u3001\u8aad\u307f\u3084\u3059\u3055\u3084\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001WordPress\u3067\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b2\u3064\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u65b9\u6cd51<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Default-Table-Block\">\u30c7\u30d5\u30a9\u30eb\u30c8\u30fb\u30c6\u30fc\u30d6\u30eb\u30fb\u30d6\u30ed\u30c3\u30af\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/a><\/li>\n\n\n\n<li><strong>\u65b9\u6cd52<\/strong>: <a href=\"#Changing-the-Background-Color-of-the-Tableberg-Block\">Tableberg\u30d6\u30ed\u30c3\u30af\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/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=\"Changing-the-Background-Color-of-the-Default-Table-Block\">\u65b9\u6cd51\uff1a\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30c6\u30fc\u30d6\u30eb\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046<\/h2>\n\n\n\n<p>Below, you can see a dummy table created with the default WordPress table block. Click the Table icon on the toolbar to select the entire table block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png\" alt=\"Select the table created by the default WordPress table block\" class=\"wp-image-287\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Select-the-table-created-by-the-default-WordPress-table-block-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<p>Come to the Styles tab on the right sidebar. Click the Background option under the Color section. A color box will open up. You may select a Solid or Gradient color.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Once you select a color, you\u2019ll see it\u2019s applied to the background of the table in real-time.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png\" alt=\"Change the background color of the default WordPress table\" class=\"wp-image-289\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table.png 1278w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Change-the-background-color-of-the-default-WordPress-table-768x392.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/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=\"Changing-the-Background-Color-of-the-Tableberg-Block\">\u65b9\u6cd52\uff1aTableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> \u306fWordPress\u7528\u306e\u6709\u671b\u306a\u30c6\u30fc\u30d6\u30eb\u30d3\u30eb\u30c0\u30fc\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3042\u308b\u3002\u69d8\u3005\u306a\u7a2e\u985e\u306e\u60c5\u5831\u3092\u30c6\u30fc\u30d6\u30eb\u306b\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u591a\u76ee\u7684\u306a\u7528\u9014\u306b\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u306eTable\u30d6\u30ed\u30c3\u30af\u3068\u306f\u7570\u306a\u308a\u3001Tableberg\u30d6\u30ed\u30c3\u30af\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 <strong>\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30c3\u30bf\u30fc\u3001\u884c<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u30c6\u30fc\u30d6\u30eb\u30fb\u30d8\u30c3\u30c0\u30fc\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/strong><\/h3>\n\n\n\n<p>(\u30c6\u30fc\u30d6\u30eb\u306b\u306f <a href=\"https:\/\/tableberg.com\/ja\/how-to-add-a-header-to-a-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d8\u30c3\u30c0\u30fc\u90e8<\/a>)<\/p>\n\n\n\n<p>\u307e\u305a\u3001Tableberg\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u9078\u629e\u3057\u307e\u3059\u3002 <strong>Tableberg\u30a2\u30a4\u30b3\u30f3<\/strong> (1).\u6b21\u306b <strong>\u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong> (2)\u3092\u53f3\u5074\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d1\u30cd\u30eb\u304b\u3089\u9078\u629e\u3059\u308b\u3002\u305d\u3057\u3066\u6700\u5f8c\u306b\u3001\u8272\u3092'<strong>\u30d8\u30c3\u30c0\u30fc\u306e\u80cc\u666f\u8272<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2536\" height=\"1536\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png\" alt=\"\" class=\"wp-image-1912\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color.png 2536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1024x620.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-1536x930.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-2048x1240.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Header-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 2536px) 100vw, 2536px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c6\u30fc\u30d6\u30eb\u306e\u5076\u6570\u884c\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/h3>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066Tableberg\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u9078\u629e\u3057\u307e\u3059\u3002 <strong>Tableberg\u30a2\u30a4\u30b3\u30f3<\/strong> (1).\u6b21\u306b <strong>\u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong> (2)\u3092\u53f3\u5074\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d1\u30cd\u30eb\u304b\u3089\u9078\u629e\u3059\u308b\u3002\u305d\u3057\u3066\u6700\u5f8c\u306b\u3001\u8272\u3092'<strong>\u5076\u6570\u884c\u306e\u80cc\u666f\u8272<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png\" alt=\"\" class=\"wp-image-1913\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1024x628.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-300x184.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-768x471.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-1536x942.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-2048x1256.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-Table-Even-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c6\u30fc\u30d6\u30eb\u306e\u5947\u6570\u884c\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/h3>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066Tableberg\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u9078\u629e\u3057\u307e\u3059\u3002 <strong>Tableberg\u30a2\u30a4\u30b3\u30f3<\/strong> (1).\u6b21\u306b <strong>\u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong> (2)\u3092\u53f3\u5074\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d1\u30cd\u30eb\u304b\u3089\u9078\u629e\u3059\u308b\u3002\u305d\u3057\u3066\u6700\u5f8c\u306b\u3001\u8272\u3092'<strong>\u5947\u6570\u884c\u306e\u80cc\u666f\u8272<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png\" alt=\"\" class=\"wp-image-1914\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1024x682.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-768x512.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-1536x1023.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-2048x1364.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Odd-Row-Background-Color-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c6\u30fc\u30d6\u30eb\u30d5\u30c3\u30bf\u30fc\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b<\/h3>\n\n\n\n<p>(\u30c6\u30fc\u30d6\u30eb\u306b\u306f <a href=\"https:\/\/tableberg.com\/ja\/how-to-add-a-footer-to-a-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d5\u30c3\u30bf\u30fc\u30bb\u30af\u30b7\u30e7\u30f3<\/a>)<\/p>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066Tableberg\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u9078\u629e\u3057\u307e\u3059\u3002 <strong>Tableberg\u30a2\u30a4\u30b3\u30f3<\/strong> (1).\u6b21\u306b <strong>\u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong> (2)\u3092\u53f3\u5074\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d1\u30cd\u30eb\u304b\u3089\u9078\u629e\u3059\u308b\u3002\u305d\u3057\u3066\u6700\u5f8c\u306b\u3001\u8272\u3092'<strong>Footer Background Color<\/strong>&#8216; (3). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png\" alt=\"\" class=\"wp-image-1916\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-768x513.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-1536x1026.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-2048x1367.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Changing-the-Table-Footer-Backgroud-Color-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u4ee5\u4e0a\u3067\u3059\u3002\u4ee5\u4e0a\u3001Tableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u4f5c\u6210\u3057\u305f\u30c6\u30fc\u30d6\u30eb\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b\u65b9\u6cd5\u3067\u3057\u305f\u3002 <\/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\">\u7d50\u8ad6<\/h2>\n\n\n\n<p>Hope you can now customize the background colors of your tables in WordPress anytime you want. But remember some colors cause an eye-screaming effect on readers\u2019 eyes and disturb their readability scores.&nbsp;<\/p>\n\n\n\n<p>Plus, if you fail to use proper contrasting colors, this can also decrease the readability score. Hope you\u2019ll keep these points in mind while changing the background color of your table.&nbsp;<\/p>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-199afaf3-25fb-467f-88ab-858b8831abda\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"\u30d5\u30a7\u30a4\u30b9\u30d6\u30c3\u30af\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">\u30b7\u30a7\u30a2<\/span>\n\t\t\t<\/a><a aria-label=\"\u30c4\u30a4\u30c3\u30bf\u30fc\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;text=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">\u30c4\u30a4\u30fc\u30c8<\/span>\n\t\t\t<\/a><a aria-label=\"\u30ea\u30f3\u30af\u30c8\u30a4\u30f3\u30fb\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">\u30b7\u30a7\u30a2<\/span>\n\t\t\t<\/a><a aria-label=\"\u30d4\u30f3\u30bf\u30ec\u30b9\u30c8\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?&amp;url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;description=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress&amp;media=https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-Table-in-WordPress-1024x404.png\" class=\"ub-social-share-pinterest-container\" style=\"border-color: #e60023; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-pinterest\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#e60023\" fill=\"#e60023\" width=\"20\" height=\"20\" viewbox=\"0 0 384 512\"><path d=\"M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z\"><\/path><\/svg><\/span><span style=\"\">\u30d4\u30f3<\/span>\n\t\t\t<\/a><a aria-label=\"\u30ec\u30c3\u30c9\u30c7\u30a3\u30c3\u30c8\u30fb\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-reddit-container\" style=\"border-color: #ff4500; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-reddit\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#ff4500\" fill=\"#ff4500\" width=\"20\" height=\"20\" viewbox=\"0 0 512 512\"><path d=\"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z\"><\/path><\/svg><\/span><span style=\"\">\u30dd\u30b9\u30c8<\/span>\n\t\t\t<\/a><a aria-label=\"\u30bf\u30f3\u30d6\u30e9\u30fc\u30ed\u30b4\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Ftableberg.com%2Fja%2Fhow-to-change-table-background-color-in-wordpress%2F&amp;title=How%20to%20Change%20Table%20Background%20Color%20in%20WordPress\" class=\"ub-social-share-tumblr-container\" style=\"border-color: #001935; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-tumblr\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#001935\" fill=\"#001935\" width=\"20\" height=\"20\" viewbox=\"0 0 320 512\"><path d=\"M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z\"><\/path><\/svg><\/span><span style=\"\">\u30b7\u30a7\u30a2<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>By default, WordPress tables are created with a transparent background. But you might want to change the table background according to your website design and stylization needs. This can help you create a cohesive visual identity, improving readability, and user experiences. This article will explain two easy methods on how to change the background color in WordPress. Method 1: Using the Default Table Block Below, you can see a dummy table created with the default WordPress table block. Click the Table icon on the toolbar to select the entire table block. Come to the Styles tab on the right sidebar. Click the Background option under the Color section. A color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,11,9],"class_list":["post-301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Create-a-Comparison-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\/301","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=301"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":6440,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/301\/revisions\/6440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6432"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}