{"id":480,"date":"2025-01-19T08:34:03","date_gmt":"2025-01-19T08:34:03","guid":{"rendered":"https:\/\/tableberg.com\/?p=480"},"modified":"2025-01-19T08:34:08","modified_gmt":"2025-01-19T08:34:08","slug":"how-to-add-pros-cons-table-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/ja\/how-to-add-pros-cons-table-in-wordpress\/","title":{"rendered":"How to Add \u2018Pros &amp; Cons Table\u2019 in WordPress"},"content":{"rendered":"<p>A pros and cons table is a structural format by which you can present the advantages (pros) and disadvantages (cons) of a particular topic. This type of table is mostly used in writing product reviews, comparing different options, and identifying strengths &amp; weaknesses.<\/p>\n\n\n\n<p>This tutorial post will show an easy way how to add \u2018Pros &amp; Cons table\u2019 in WordPress. Keep reading this write-up to the end.<\/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\">\u30b9\u30c6\u30c3\u30d701: Tableberg\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u6709\u52b9\u5316<\/h2>\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 custom table builder plugin. It comes with a Gutenberg block by which you can create multipurpose tables with many advanced options. Install and activate 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=\"2538\" height=\"1410\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation.png\" alt=\"\" class=\"wp-image-4846\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation.png 2538w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1536x853.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-2048x1138.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-18x10.png 18w\" sizes=\"auto, (max-width: 2538px) 100vw, 2538px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b9\u30c6\u30c3\u30d702: Tableberg\u30d6\u30ed\u30c3\u30af\u3092\u6295\u7a3f\/\u30da\u30fc\u30b8\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u8ffd\u52a0\u3059\u308b<\/h2>\n\n\n\n<p>Open the post\/page where you want to add the \u2018Pros &amp; Cons\u2019 table. Find and add the <strong>\u30c6\u30fc\u30d6\u30eb\u30d0\u30fc\u30b0\u30fb\u30d6\u30ed\u30c3\u30af<\/strong> to the Gutenberg editor.<\/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\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"TableBerg\u30d6\u30ed\u30c3\u30af\u3092\u898b\u3064\u3051\u3066\u3001Gutenberg\u30a8\u30c7\u30a3\u30bf\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Set the number of rows and columns you want. For the tutorial, we are selecting rows and columns 2*2. Click the <strong>\u30c6\u30fc\u30d6\u30eb\u4f5c\u6210<\/strong> \u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\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\/Set-22-rows-and-columns.webp\" alt=\"Set 2*2 rows and columns\" class=\"wp-image-482\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Your table layout is ready. You may enable the table header and footer from the <strong>Setting tabs<\/strong> on the right sidebar or leave them as they are. Next, you have to add content to the table cells.<\/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\/Table-layout.webp\" alt=\"Table layout\" class=\"wp-image-483\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Table-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Table-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Table-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Table-layout-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 03: Add Column Titles to the Table<\/h2>\n\n\n\n<p>Column titles are usually set on the very first rows of the respective columns. After that, you may bold the text. You can also set the text and background color from the <strong>\u30b9\u30bf\u30a4\u30eb\u30bf\u30d6<\/strong> 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-column-titles-to-the-table.webp\" alt=\"Add column titles to the table\" class=\"wp-image-484\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-column-titles-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-column-titles-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-column-titles-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-column-titles-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 04: Add Content to the Main Body of the Table <\/h2>\n\n\n\n<p>Select a cell on the table. You\u2019ll see the <strong>\u30d7\u30e9\u30b9\uff08+\uff09\u30a2\u30a4\u30b3\u30f3<\/strong> appear. You can add the following content type (text, list, image, and button) to the table by clicking the plus icon.<\/p>\n\n\n\n<p>For the tutorial, we have selected the <strong>\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af<\/strong>.<\/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-content-block-to-the-TableBerg-table.webp\" alt=\"Add content block to the TableBerg table\" class=\"wp-image-485\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-block-to-the-TableBerg-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-block-to-the-TableBerg-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-block-to-the-TableBerg-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-block-to-the-TableBerg-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>You can see the we have added and created content with the <strong>\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af<\/strong> to the Pros and Cons table.<\/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\/List-block-added-to-the-Pros-and-Cons-table-created-with-the-TableBerg.webp\" alt=\"List block added to the Pros and Cons table created with the TableBerg\" class=\"wp-image-486\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/List-block-added-to-the-Pros-and-Cons-table-created-with-the-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/List-block-added-to-the-Pros-and-Cons-table-created-with-the-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/List-block-added-to-the-Pros-and-Cons-table-created-with-the-TableBerg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/List-block-added-to-the-Pros-and-Cons-table-created-with-the-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>You may also add images to the pros and cons table, like the screenshot below.<\/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\/Images-added-to-the-Pors-and-Cons-table.webp\" alt=\"Images added to the Pors and Cons table\" class=\"wp-image-487\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Images-added-to-the-Pors-and-Cons-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Images-added-to-the-Pors-and-Cons-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Images-added-to-the-Pors-and-Cons-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Images-added-to-the-Pors-and-Cons-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Thus, you can create pros and cons tables easily on WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ending Note<\/h2>\n\n\n\n<p>Pros and cons tables can provide a powerful way to cover balanced discussion over any particular topic. If you can present this information in a user-friendly way, this can bring you conversions and generate revenue. <\/p>\n\n\n\n<p>Hope you have benefited from this write-up. Explore this post to learn <a href=\"https:\/\/tableberg.com\/ja\/how-to-create-a-comparison-table-in-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-a-comparison-table-in-wordpress\/\" rel=\"noreferrer noopener\">\u30ef\u30fc\u30c9\u30d7\u30ec\u30b9\u3067\u6bd4\u8f03\u8868\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A pros and cons table is a structural format by which you can present the advantages (pros) and disadvantages (cons) of a particular topic. This type of table is mostly used in writing product reviews, comparing different options, and identifying strengths &amp; weaknesses. This tutorial post will show an easy way how to add &#8216;Pros &amp; Cons table&#8217; in WordPress. Keep reading this write-up to the end. Step 01: Install and Activate the Tableberg Plugin Tableberg is a custom table builder plugin. It comes with a Gutenberg block by which you can create multipurpose tables with many advanced options. Install and activate the plugin first. Step 02: Add the Tableberg [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6887,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[19,9],"class_list":["post-480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-pros-cons","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Pros-and-Cons-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\/480","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=480"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/480\/revisions"}],"predecessor-version":[{"id":6890,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/posts\/480\/revisions\/6890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media\/6887"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/media?parent=480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/categories?post=480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ja\/wp-json\/wp\/v2\/tags?post=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}