{"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-adicionar-uma-tabela-de-pros-e-contras-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-pros-cons-table-in-wordpress\/","title":{"rendered":"Como adicionar uma \"tabela de pr\u00f3s e contras\" no WordPress"},"content":{"rendered":"<p>Uma tabela de pr\u00f3s e contras \u00e9 um formato estrutural pelo qual voc\u00ea pode apresentar as vantagens (pr\u00f3s) e desvantagens (contras) de um determinado t\u00f3pico. Esse tipo de tabela \u00e9 usado principalmente para escrever an\u00e1lises de produtos, comparar diferentes op\u00e7\u00f5es e identificar pontos fortes e fracos.<\/p>\n\n\n\n<p>Esta postagem tutorial mostrar\u00e1 uma maneira f\u00e1cil de adicionar a \"tabela de pr\u00f3s e contras\" no WordPress. Continue lendo este artigo at\u00e9 o fim.<\/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>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/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\">Experimente gratuitamente<\/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\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/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\">Etapa 01: Instalar e ativar o plug-in 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> \u00e9 um plugin de cria\u00e7\u00e3o de tabelas personalizadas. Ele vem com um bloco Gutenberg por meio do qual voc\u00ea pode criar tabelas multiuso com muitas op\u00e7\u00f5es avan\u00e7adas. Instale e ative o plug-in primeiro.<\/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\">Etapa 02: Adicione o bloco Tableberg ao seu editor de postagem\/p\u00e1gina<\/h2>\n\n\n\n<p>Abra o post\/p\u00e1gina em que voc\u00ea deseja adicionar a tabela \"Pros &amp; Cons\". Localize e adicione a tag <strong>Bloco TableBerg<\/strong> para o editor 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=\"Encontre e adicione o bloco TableBerg ao seu editor 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>Defina o n\u00famero de linhas e colunas que voc\u00ea deseja. Para o tutorial, estamos selecionando linhas e colunas 2*2. Clique no bot\u00e3o <strong>Criar tabela<\/strong> bot\u00e3o.<\/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=\"Definir 2*2 linhas e colunas\" 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>Seu layout de tabela est\u00e1 pronto. Voc\u00ea pode ativar o cabe\u00e7alho e o rodap\u00e9 da tabela na se\u00e7\u00e3o <strong>Configura\u00e7\u00e3o de guias<\/strong> na barra lateral direita ou deix\u00e1-los como est\u00e3o. Em seguida, voc\u00ea deve adicionar conte\u00fado \u00e0s c\u00e9lulas da tabela.<\/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=\"Layout da tabela\" 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\">Etapa 03: Adicionar t\u00edtulos de coluna \u00e0 tabela<\/h2>\n\n\n\n<p>Os t\u00edtulos das colunas geralmente s\u00e3o definidos nas primeiras linhas das respectivas colunas. Depois disso, voc\u00ea pode colocar o texto em negrito. Voc\u00ea tamb\u00e9m pode definir o texto e a cor de fundo na se\u00e7\u00e3o <strong>Guia Estilos<\/strong> na barra lateral direita.<\/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=\"Adicionar t\u00edtulos de coluna \u00e0 tabela\" 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\">Etapa 04: Adicionar conte\u00fado ao corpo principal da tabela <\/h2>\n\n\n\n<p>Selecione uma c\u00e9lula na tabela. Voc\u00ea ver\u00e1 o \u00edcone <strong>\u00cdcone de mais (+)<\/strong> aparecer. Voc\u00ea pode adicionar os seguintes tipos de conte\u00fado (texto, lista, imagem e bot\u00e3o) \u00e0 tabela clicando no \u00edcone de adi\u00e7\u00e3o.<\/p>\n\n\n\n<p>Para o tutorial, selecionamos o <strong>Bloco de listas<\/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=\"Adicionar bloco de conte\u00fado \u00e0 tabela 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>Voc\u00ea pode ver que adicionamos e criamos conte\u00fado com o <strong>Bloco de listas<\/strong> para a tabela de Pr\u00f3s e 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=\"Bloco de lista adicionado \u00e0 tabela de pr\u00f3s e contras criada com o 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>Voc\u00ea tamb\u00e9m pode adicionar imagens \u00e0 tabela de pr\u00f3s e contras, como na captura de tela abaixo.<\/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=\"Imagens adicionadas \u00e0 tabela de Pors e 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>Assim, voc\u00ea pode criar tabelas de pr\u00f3s e contras facilmente no WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nota final<\/h2>\n\n\n\n<p>As tabelas de pr\u00f3s e contras podem ser uma maneira eficiente de cobrir uma discuss\u00e3o equilibrada sobre qualquer t\u00f3pico espec\u00edfico. Se voc\u00ea puder apresentar essas informa\u00e7\u00f5es de uma maneira f\u00e1cil de usar, isso poder\u00e1 gerar convers\u00f5es e receita. <\/p>\n\n\n\n<p>Espero que voc\u00ea tenha se beneficiado com este artigo. Explore esta postagem para aprender <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-no-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-create-a-comparison-table-in-wordpress\/\" rel=\"noreferrer noopener\">como criar uma tabela de compara\u00e7\u00e3o no 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\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=480"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/480\/revisions"}],"predecessor-version":[{"id":6890,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/480\/revisions\/6890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6887"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}