{"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":"como-anadir-una-tabla-de-pros-y-contras-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-pros-cons-table-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir una tabla de pros y contras en WordPress"},"content":{"rendered":"<p>Una tabla de pros y contras es un formato estructural que permite presentar las ventajas (pros) y desventajas (contras) de un tema concreto. Este tipo de tabla se utiliza sobre todo para escribir rese\u00f1as de productos, comparar distintas opciones e identificar puntos fuertes y d\u00e9biles.<\/p>\n\n\n\n<p>Este post tutorial le mostrar\u00e1 una manera f\u00e1cil de c\u00f3mo agregar 'Pros y Contras tabla' en WordPress. Sigue leyendo este art\u00edculo hasta el final.<\/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>Cree bonitas mesas <\/strong><br><strong>Con el editor de bloques<\/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\">Pruebe gratis<\/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\/es\/precios\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conseguir Pro<\/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\">Paso 01: Instalar y activar el plugin Tableberg<\/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\">Tableberg<\/a> es un plugin constructor de tablas personalizadas. Viene con un bloque Gutenberg mediante el cual puedes crear tablas multiprop\u00f3sito con muchas opciones avanzadas. Instale y active el plugin primero.<\/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\">Paso 02: A\u00f1adir el bloque Tableberg a su editor de posts\/p\u00e1ginas<\/h2>\n\n\n\n<p>Abra el post\/p\u00e1gina donde desea a\u00f1adir la tabla 'Pros &amp; Contras'. Busque y a\u00f1ada el campo <strong>Bloque TableBerg<\/strong> al editor de Gutenberg.<\/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=\"Busca y a\u00f1ade el bloque TableBerg a tu editor de Gutenberg\" 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>Establezca el n\u00famero de filas y columnas que desee. Para el tutorial, estamos seleccionando filas y columnas 2*2. Haga clic en el bot\u00f3n <strong>Crear tabla<\/strong> bot\u00f3n.<\/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=\"Establecer 2*2 filas y columnas\" 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>Su dise\u00f1o de tabla est\u00e1 listo. Puede activar el encabezado y el pie de la tabla desde el men\u00fa <strong>Pesta\u00f1as de configuraci\u00f3n<\/strong> en la barra lateral derecha o dejarlas como est\u00e1n. A continuaci\u00f3n, tienes que a\u00f1adir contenido a las celdas de la tabla.<\/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=\"Disposici\u00f3n de la mesa\" 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\">Paso 03: A\u00f1adir t\u00edtulos de columnas a la tabla<\/h2>\n\n\n\n<p>Los t\u00edtulos de las columnas suelen colocarse en las primeras filas de las respectivas columnas. Despu\u00e9s, puede poner el texto en negrita. Tambi\u00e9n puede establecer el texto y el color de fondo desde el men\u00fa <strong>Ficha Estilos<\/strong> en la barra lateral derecha.<\/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=\"A\u00f1adir t\u00edtulos de columna a la tabla\" 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\">Paso 04: A\u00f1adir contenido al cuerpo principal de la tabla <\/h2>\n\n\n\n<p>Seleccione una celda de la tabla. Ver\u00e1 el icono <strong>Icono m\u00e1s (+)<\/strong> aparecer. Puede a\u00f1adir los siguientes tipos de contenido (texto, lista, imagen y bot\u00f3n) a la tabla haciendo clic en el icono m\u00e1s.<\/p>\n\n\n\n<p>Para el tutorial, hemos seleccionado el <strong>Bloque de lista<\/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=\"A\u00f1adir bloque de contenido a la tabla TableBerg\" 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>Puede ver que hemos a\u00f1adido y creado contenido con el bot\u00f3n <strong>Bloque de lista<\/strong> a la tabla de pros y contras.<\/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=\"Bloque de lista a\u00f1adido a la tabla Pros y Contras creada con el 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>Tambi\u00e9n puede a\u00f1adir im\u00e1genes a la tabla de pros y contras, como en la captura de pantalla siguiente.<\/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=\"Im\u00e1genes a\u00f1adidas a la tabla de Pors y Contras\" 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>As\u00ed, puede crear f\u00e1cilmente tablas de pros y contras en WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nota final<\/h2>\n\n\n\n<p>Las tablas de pros y contras pueden proporcionar una forma eficaz de cubrir un debate equilibrado sobre cualquier tema concreto. Si puede presentar esta informaci\u00f3n de forma sencilla, puede conseguir conversiones y generar ingresos. <\/p>\n\n\n\n<p>Espero que te haya servido este art\u00edculo. Explora este post para aprender <a href=\"https:\/\/tableberg.com\/es\/como-crear-una-tabla-comparativa-en-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-a-comparison-table-in-wordpress\/\" rel=\"noreferrer noopener\">c\u00f3mo crear una tabla comparativa en WordPress<\/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 [&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\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/480\/revisions"}],"predecessor-version":[{"id":6890,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/480\/revisions\/6890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6887"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}