{"id":252,"date":"2025-01-01T15:18:33","date_gmt":"2025-01-01T15:18:33","guid":{"rendered":"https:\/\/tableberg.com\/?p=252"},"modified":"2025-01-15T08:18:45","modified_gmt":"2025-01-15T08:18:45","slug":"how-to-create-a-comparison-table-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-create-a-comparison-table-in-wordpress\/","title":{"rendered":"WordPress\u3067\u6bd4\u8f03\u8868\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\uff082\u3064\u306e\u65b9\u6cd5\uff09"},"content":{"rendered":"<p>\u6bd4\u8f03\u8868\u3067\u306f\u3001\u8907\u6570\u306e\u9805\u76ee\u3092\u6c34\u5e73\u307e\u305f\u306f\u5782\u76f4\u306b\u6bd4\u8f03\u3057\u3001\u305d\u308c\u305e\u308c\u306e\u4e3b\u306a\u7279\u5fb4\u3092\u5f37\u8abf\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3001 <a href=\"https:\/\/tableberg.com\/ja\/how-to-create-a-product-specification-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u4ed5\u69d8\u66f8<\/a>\u306a\u3069\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u306b\u5341\u5206\u306a\u60c5\u5831\u306b\u57fa\u3065\u3044\u305f\u610f\u601d\u6c7a\u5b9a\u3092\u3055\u305b\u308b\u5f37\u529b\u306a\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u6bd4\u8f03\u8868\u306f <a href=\"https:\/\/tableberg.com\/ja\/how-to-use-the-wordpress-table-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30c7\u30d5\u30a9\u30eb\u30c8\u306eWordPress\u30c6\u30fc\u30d6\u30eb\u30d6\u30ed\u30c3\u30af<\/a>\u3057\u304b\u3057\u3001\u591a\u304f\u306e\u5236\u9650\u304c\u3042\u308a\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30d6\u30ed\u30c3\u30af\u306b\u306f\u3001\u753b\u50cf\u3001\u30dc\u30bf\u30f3\u3001\u30ea\u30b9\u30c8\u3092\u8ffd\u52a0\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> is a wonderful table builder plugin that overcomes all these limitations. In this article, we\u2019ll show you two methods of how to create a comparison table in WordPress \u2013 with a plugin and no plugin.<\/p>\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\">\u65b9\u6cd51\uff1a\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3057\u306a\u3044<\/h2>\n\n\n\n<p>You\u2019ll get a default Table block in the WordPress block library. You can create a basic-level comparison table with it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d71\uff1a\u6295\u7a3f\/\u30da\u30fc\u30b8\u30a8\u30c7\u30a3\u30bf\u306b\u30c6\u30fc\u30d6\u30eb\u30d6\u30ed\u30c3\u30af\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n<p>\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 <strong>\u30d7\u30e9\u30b9\uff08\uff0b\uff09\u30a2\u30a4\u30b3\u30f3<\/strong>. Type <strong>\u30c6\u30fc\u30d6\u30eb<\/strong> in the search box. Once the block appears, <strong>add it to the editor<\/strong> of your post\/page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage-1024x523.png\" alt=\"Add the Table Block to Your Post\/Page Editor\" 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-1024x523.png 1024w, 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-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-WordPress-Table-Block-to-your-postpage.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d72\uff1a\u5217\u756a\u53f7\u3068\u884c\u756a\u53f7\u306e\u5b9a\u7fa9<\/h3>\n\n\n\n<p>Define the column and row number as you want for the table. In this tutorial, we\u2019ll select 4*3 for the comparison table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"\u884c\u756a\u53f7\u3068\u5217\u756a\u53f7\u3092\u8a2d\u5b9a\u3059\u308b\" 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-1024x522.png 1024w, 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-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d73\uff1a\u30c6\u30fc\u30d6\u30eb\u306b\u60c5\u5831\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n<p>Now, add information to the table. You can only add textual information; no images, buttons, or any other block.<\/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\/06\/Add-Information-to-the-Table.mp4\"><\/video><\/figure>\n\n\n\n<p>Here is a demo table we have made ready for the 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\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block.webp\" alt=\"Demo comparison table created with the default WordPress Table block\" class=\"wp-image-1841\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Demo-comparison-table-created-with-the-default-WordPress-Table-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/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\">\u65b9\u6cd52\uff1aTableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b<\/h2>\n\n\n\n<p>\u6700\u521d\u306e\u30e1\u30bd\u30c3\u30c9\u3067\u304a\u5206\u304b\u308a\u306e\u3088\u3046\u306b\u3001\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306b\u306f <a href=\"https:\/\/tableberg.com\/ja\/how-to-add-an-image-to-a-table-in-wordpress\/\">\u30a4\u30e1\u30fc\u30b8<\/a>, <a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%ae%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0\/\" target=\"_blank\" rel=\"noreferrer noopener\">button<\/a>\u307e\u305f\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u30fb\u30c6\u30fc\u30d6\u30eb\u30fb\u30d6\u30ed\u30c3\u30af\u3067\u4f5c\u6210\u3055\u308c\u305f\u6bd4\u8f03\u30c6\u30fc\u30d6\u30eb\u3078\u3002\u3057\u304b\u3057\u3001\u3053\u308c\u3089\u306e\u8981\u7d20\u304c\u306a\u3044\u3068\u3001\u6bd4\u8f03\u8868\u306f\u30e6\u30fc\u30b6\u30fc\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/a> is a wonderful Gutenberg-friendly table builder plugin that can help you overcome all these limitations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d701: Tableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/h3>\n\n\n\n<p>Log into your WordPress dashboard. Go to <strong>\u30d7\u30e9\u30b0\u30a4\u30f3 &gt; \u65b0\u898f\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u8ffd\u52a0<\/strong>. Type <strong>\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0<\/strong> in the search box to find the plugin. Once the plugin appears below, hit the <strong>Install Now<\/strong> \u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3002 <strong>\u30a2\u30af\u30c6\u30a3\u30d9\u30fc\u30c8<\/strong> it afterward.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png\" alt=\"\" class=\"wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, 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: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d702\uff1aTablegerg\u30d6\u30ed\u30c3\u30af\u306e\u8ffd\u52a0<\/h3>\n\n\n\n<p>Open a post or page. Add the <strong>\u5353\u7403\u30d6\u30ed\u30c3\u30af<\/strong> \u3092WordPress\u306e\u30a8\u30c7\u30a3\u30bf\u304b\u3089\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.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-1024x605.png 1024w, 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-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: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d703\uff1a\u884c\u6570\u3068\u5217\u6570\u306e\u9078\u629e<\/h3>\n\n\n\n<p>Select the number of rows and columns as you do with the default table block. Hit the <strong>\u30c6\u30fc\u30d6\u30eb\u4f5c\u6210<\/strong> button after that. We\u2019ll select two (2) columns and four (4) rows.<\/p>\n\n\n\n<figure class=\"wp-block-image 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=\"Select the Number of Rows and Columns\" 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<h3 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d704\uff1a\u30c6\u30fc\u30d6\u30eb\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n<p>Add headings to the columns. Hit the <strong>\u30d7\u30e9\u30b9 (+)<\/strong> icon and select the block as you want. Select the <strong>\u30a4\u30e1\u30fc\u30b8\u30d6\u30ed\u30c3\u30af<\/strong> after that. This will allow you to add an image to the cell.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-created-by-TableBerg-1024x523.png\" alt=\"Add image block to the table created by TableBerg\" class=\"wp-image-253\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-created-by-TableBerg-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-created-by-TableBerg-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-created-by-TableBerg-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-block-to-the-table-created-by-TableBerg.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong># Add Images to the Table<\/strong><\/p>\n\n\n\n<p>You can see we have added an image respectively to each column.<\/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-each-column.png\" alt=\"Add Images to the Table\" class=\"wp-image-254\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-each-column.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-each-column-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-each-column-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-image-to-each-column-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong># Add Lists to the Table <\/strong><\/p>\n\n\n\n<p>Next, select the <strong>\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af<\/strong>. Using this block, you can list all the features of your product. Do this to the respective row of each column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-list-to-the-table-created-by-TableBerg-1.png\" alt=\"Add list to the table created by TableBerg\" class=\"wp-image-255\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-list-to-the-table-created-by-TableBerg-1.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-list-to-the-table-created-by-TableBerg-1-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-list-to-the-table-created-by-TableBerg-1-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-list-to-the-table-created-by-TableBerg-1-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong># Add Buttons to the Table<\/strong><\/p>\n\n\n\n<p>Now, add the <strong>\u30dc\u30bf\u30f3\u30d6\u30ed\u30c3\u30af<\/strong> to the table. This will allow you to add a CTA button for each product.<\/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-buttons-to-the-table.png\" alt=\"Add buttons to the table\" class=\"wp-image-256\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-buttons-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-buttons-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-buttons-to-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-buttons-to-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Once the blocks are added, you can customize them from the <strong>\u30b9\u30bf\u30a4\u30eb<\/strong> \u30bf\u30d6\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/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\/Customize-the-TableBerg-blocks.png\" alt=\"Customize the TableBerg blocks\" class=\"wp-image-257\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Customize-the-TableBerg-blocks.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Customize-the-TableBerg-blocks-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Customize-the-TableBerg-blocks-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Customize-the-TableBerg-blocks-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Thus, you can create versatile and multipurpose comparison tables using the TableBerg plugin.<\/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\">\u30d3\u30c7\u30aa\u30fb\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create a Comparison Table in WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/oT5sGWLeBIc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>\u3053\u3061\u3089\u3082\u304a\u8aad\u307f\u304f\u3060\u3055\u3044\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%a7amazon%e3%81%ae%e5%95%86%e5%93%81%e6%af%94%e8%bc%83%e8%a1%a8%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30a2\u30de\u30be\u30f3\u5546\u54c1\u6bd4\u8f03\u8868\u306e\u4f5c\u308a\u65b9<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/ja\/best-comparison-table-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u30d9\u30b9\u30c8\u6bd4\u8f03WordPress\u30d7\u30e9\u30b0\u30a4\u30f3<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u7d50\u8ad6<\/h2>\n\n\n\n<p>Creating comparison tables can greatly enhance user experience by presenting information in a structured and easily digestible format. TableBerg promises to revolutionize your WordPress table building experience with more stunning releases in the coming days.<\/p>\n\n\n\n<p>Here\u2019s a quick guide on <a href=\"https:\/\/tableberg.com\/ja\/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%a7%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ae%e5%a2%83%e7%95%8c%e7%b7%9a%e3%82%92%e5%89%8a%e9%99%a4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\/\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-remove-table-borders-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to remove table borders in WordPress<\/a> so you can make your table design more captivating.<\/p>","protected":false},"excerpt":{"rendered":"<p>A comparison table allows you to compare multiple items horizontally or vertically, highlighting their key features, specifications, and other features. It&#8217;s a powerful way to let users make informed decisions. Although you can create comparison tables with the default WordPress table block, it has numerous limitations. You cannot add images, buttons, and lists to the default block. Tableberg is a wonderful table builder plugin that overcomes all these limitations. In this article, we&#8217;ll show you two methods of how to create a comparison table in WordPress &#8211; with a plugin and no plugin. Method 1: Without Using a Plugin You&#8217;ll get a default Table block in the WordPress block library. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6432,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","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\/252","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=252"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"predecessor-version":[{"id":6771,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/252\/revisions\/6771"}],"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=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}