{"id":2853,"date":"2025-02-15T05:49:17","date_gmt":"2025-02-15T05:49:17","guid":{"rendered":"https:\/\/tableberg.com\/?p=2853"},"modified":"2025-02-15T05:49:21","modified_gmt":"2025-02-15T05:49:21","slug":"como-formatar-tabelas-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/","title":{"rendered":"Como formatar tabelas no WordPress"},"content":{"rendered":"<p>A formata\u00e7\u00e3o de uma tabela no WordPress significa criar e estilizar uma tabela de forma que seja f\u00e1cil apresentar os dados dentro da tabela confortavelmente e exibi-los em posts e p\u00e1ginas da Web. Isso ajuda a aumentar a clareza e a legibilidade do seu conte\u00fado.<\/p>\n\n\n\n<p>O WordPress oferece um bloco de tabela embutido. Mas voc\u00ea s\u00f3 pode criar tabelas de n\u00edvel b\u00e1sico com o bloco, pois ele n\u00e3o tem v\u00e1rios recursos avan\u00e7ados. Nesse caso, voc\u00ea pode usar o bloco <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> para formatar suas tabelas corretamente no WordPress.<\/p>\n\n\n\n<p>Nesta postagem do blog, mostraremos o processo passo a passo de como formatar tabelas no WordPress usando o plug-in Tableberg.<\/p>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-08fdd36f-9a57-41eb-9318-1131c6a34b9f\" style=\"color: #000000; \"><strong>O que est\u00e1 inclu\u00eddo na formata\u00e7\u00e3o de uma tabela no WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-0-08fdd36f-9a57-41eb-9318-1131c6a34b9f\">\n\n<p>H\u00e1 v\u00e1rios elementos-chave inclu\u00eddos na formata\u00e7\u00e3o de uma tabela no WordPress. S\u00e3o eles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Linhas e colunas<\/li>\n\n\n\n<li>Borda (cor e raio)<\/li>\n\n\n\n<li>Margem e preenchimento de c\u00e9lulas<\/li>\n\n\n\n<li>Alinhamento<\/li>\n\n\n\n<li>Cor de fundo<\/li>\n\n\n\n<li>Fonte e tipografia<\/li>\n\n\n\n<li>Capacidade de resposta<\/li>\n\n\n\n<li>Cabe\u00e7alho e rodap\u00e9<\/li>\n\n\n\n<li>Estilo global<\/li>\n\n\n\n<li>Adi\u00e7\u00e3o de imagens, bot\u00f5es e \u00edcones<\/li>\n<\/ul>\n\n\n\n<p>Al\u00e9m disso, h\u00e1 muitos outros aspectos que voc\u00ea pode considerar ao formatar sua tabela.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-formatting-tables-in-wordpress\">Formata\u00e7\u00e3o de tabelas no WordPress<\/h2>\n\n\n\n<p>Voc\u00ea pode executar toda a formata\u00e7\u00e3o mencionada acima no WordPress com o plugin Tableberg. Vamos ver como fazer isso.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fffdd6\">Observa\u00e7\u00e3o: O Table Block padr\u00e3o n\u00e3o tem muitas op\u00e7\u00f5es de formata\u00e7\u00e3o. Neste tutorial, usaremos a op\u00e7\u00e3o <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plug-in Tableberg<\/a> para formatar uma tabela do WordPress.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-1f660d3d-4d6d-4fb9-8c9d-bd6c1288207e\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Tableberg Op\u00e7\u00f5es de formata\u00e7\u00e3o: <\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#1-1-rows-amp-columns\" style=\"\">1. Linhas e colunas<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#2-2-set-border-color-amp-radius\" style=\"\">2. Definir borda (cor e raio)<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#3-3-cell-margin-and-padding\" style=\"\">3. Margem e preenchimento de c\u00e9lulas<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#4-4-alignment\" style=\"\">4. Alinhamento<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#5-5-background-color\" style=\"\">5. Cor de fundo<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#6-6-font-amp-typography\" style=\"\">6. Fonte e tipografia<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#7-7-responsiveness\" style=\"\">7. Capacidade de resposta<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#8-8-header-amp-footer\" style=\"\">8. Cabe\u00e7alho e rodap\u00e9<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#9-9-global-style\" style=\"\">9. Estilo global<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-format-tables-in-wordpress\/#10-10-adding-images-buttons-amp-icons\" style=\"\">10. Adi\u00e7\u00e3o de imagens, bot\u00f5es e \u00edcones<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"1-1-rows-amp-columns\">1. Linhas e colunas<\/h3>\n\n\n\n<p>Assim como o bloco de tabela padr\u00e3o, o Tableberg permite que voc\u00ea defina o n\u00famero de linhas e colunas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter 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=\"Definir o n\u00famero da linha e da coluna\" 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<p>Aqui, novamente, como o bloco de tabela padr\u00e3o, <strong>voc\u00ea pode inserir\/excluir linhas e colunas<\/strong> da mesa.<\/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\/08\/Add-or-delete-the-row-or-column-of-the-table.webp\" alt=\"Adicionar ou excluir a linha ou coluna da tabela\" class=\"wp-image-2861\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-or-delete-the-row-or-column-of-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-2-set-border-color-amp-radius\">2. Definir borda (cor e raio)<\/h3>\n\n\n\n<p>Voc\u00ea pode definir a tabela <strong>cor e largura da borda, <\/strong>e <strong>raio<\/strong>o que n\u00e3o \u00e9 poss\u00edvel com o bloco padr\u00e3o. Voc\u00ea pode definir ambos para o bloco <strong>interno<\/strong> e <strong>fronteiras externas<\/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\/08\/Set-Border-Color-Radius.webp\" alt=\"Definir borda (cor e raio)\" class=\"wp-image-2862\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Border-Color-Radius-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-3-cell-margin-and-padding\">3. Margem e preenchimento de c\u00e9lulas<\/h3>\n\n\n\n<p>Voc\u00ea pode ajustar a margem e o preenchimento das c\u00e9lulas em <strong>duas maneiras<\/strong> &#8211; <strong>individualmente<\/strong> e <strong>universalmente<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"font-size:clamp(0.929rem, 0.929rem + ((1vw - 0.2rem) * 0.802), 1.4rem);\"><strong>Definir margem e preenchimento para c\u00e9lula individual<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Coloque o cursor em qualquer c\u00e9lula<\/strong>. Clique no bot\u00e3o <strong>\u00edcone de mais (+)<\/strong> ao lado da op\u00e7\u00e3o Dimensions (Dimens\u00f5es). Isso lhe mostrar\u00e1 duas op\u00e7\u00f5es: Padding (Preenchimento) e Margin (Margem). <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell.webp\" alt=\"Definir o preenchimento e a margem de uma c\u00e9lula individual\" class=\"wp-image-2863\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-margin-for-individual-cell-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Agora, voc\u00ea pode definir o preenchimento para a c\u00e9lula. Isso pode afetar algumas outras c\u00e9lulas tamb\u00e9m, mas n\u00e3o todas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"652\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell.webp\" alt=\"Definir o preenchimento de uma c\u00e9lula individual\" class=\"wp-image-2864\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-768x391.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-for-individual-cell-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<ul style=\"font-size:clamp(0.957rem, 0.957rem + ((1vw - 0.2rem) * 0.839), 1.45rem);\" class=\"wp-block-list\">\n<li style=\"font-size:clamp(0.957rem, 0.957rem + ((1vw - 0.2rem) * 0.839), 1.45rem);\"><strong>Definir a margem e o preenchimento da c\u00e9lula universalmente<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Selecione a tabela inteira<\/strong>. Ent\u00e3o, <strong>v\u00e1 para a guia Styles (Estilos)<\/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\/08\/Set-Cell-Margin-Padding-Universally.webp\" alt=\"Definir a margem e o preenchimento da c\u00e9lula universalmente\" class=\"wp-image-2865\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-Cell-Margin-Padding-Universally-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Rolando a guia para baixo, encontre a op\u00e7\u00e3o Dimensions (Dimens\u00f5es). Nessa op\u00e7\u00e3o, voc\u00ea ver\u00e1 Cell Padding e Cell Spacing. Usando essas op\u00e7\u00f5es, voc\u00ea pode definir o preenchimento e o espa\u00e7amento das c\u00e9lulas universalmente.<\/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\/08\/Set-padding-and-margin-to-the-table-cells-universally.webp\" alt=\"Definir universalmente o preenchimento e a margem das c\u00e9lulas da tabela\" class=\"wp-image-2866\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-padding-and-margin-to-the-table-cells-universally-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-4-alignment\">4. Alinhamento<\/h3>\n\n\n\n<p>Voc\u00ea pode ajustar o alinhamento do texto da c\u00e9lula individualmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment.webp\" alt=\"Definir o alinhamento da c\u00e9lula\" class=\"wp-image-2867\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-alignment-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode ajustar o alinhamento de toda a tabela. Para fazer isso, selecione a tabela clicando no \u00edcone Tableberg. Em seguida, escolha a op\u00e7\u00e3o de alinhamento.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table.webp\" alt=\"Definir o alinhamento da tabela\" class=\"wp-image-2868\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-alignment-for-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-5-background-color\">5. Cor de fundo<\/h3>\n\n\n\n<p><strong>Selecione a tabela<\/strong>. Terreno no <strong>Guia Estilos<\/strong>. Voc\u00ea ter\u00e1 a op\u00e7\u00e3o de cor. Voc\u00ea pode escolher o plano de fundo separadamente para a linha \u00edmpar, as linhas pares, o cabe\u00e7alho e o rodap\u00e9 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\/08\/Add-background-color-to-the-table.webp\" alt=\"Adicionar cor de fundo \u00e0 tabela\" class=\"wp-image-2869\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-background-color-to-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>O Tableberg tamb\u00e9m tem alguns recursos mais avan\u00e7ados. Voc\u00ea pode definir a cor de fundo da c\u00e9lula, a cor de fundo da linha e a cor de fundo da coluna individualmente.<\/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\/08\/Set-cell-background-color.webp\" alt=\"Definir a cor de fundo da c\u00e9lula\" class=\"wp-image-2870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-cell-background-color-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-6-font-amp-typography\">6. Fonte e tipografia<\/h3>\n\n\n\n<p>A op\u00e7\u00e3o padr\u00e3o do plug-in permite que voc\u00ea defina as configura\u00e7\u00f5es de tipografia, que incluem fonte, apar\u00eancia, altura da linha, espa\u00e7amento entre letras, decora\u00e7\u00e3o, letras mai\u00fasculas e min\u00fasculas etc.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography.webp\" alt=\"Escolha a fonte e a tipografia\" class=\"wp-image-2871\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-Font-Typography-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Aprender <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-especificacao-de-produtos-no-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"534\" rel=\"noreferrer noopener\">Como criar uma tabela de especifica\u00e7\u00e3o de produtos no WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-7-responsiveness\">7. Capacidade de resposta<\/h3>\n\n\n\n<p>O Tableberg permite que voc\u00ea torne sua tabela perfeitamente responsiva para que ela fique bem em todos os dispositivos, incluindo desktop, tablet e celular.<\/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\/08\/Make-table-responsive.webp\" alt=\"Tornar a tabela responsiva\" class=\"wp-image-2873\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Make-table-responsive-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-8-header-amp-footer\">8. Cabe\u00e7alho e rodap\u00e9<\/h3>\n\n\n\n<p>Embora normalmente n\u00e3o adicionemos um cabe\u00e7alho e um rodap\u00e9 \u00e0s nossas tabelas di\u00e1rias, voc\u00ea pode adicion\u00e1-los facilmente usando o plug-in Tableberg. Voc\u00ea encontrar\u00e1 essa op\u00e7\u00e3o no plug-in.<\/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\/08\/Add-a-header-and-footer-to-your-table.webp\" alt=\"Adicione um cabe\u00e7alho e um rodap\u00e9 \u00e0 sua tabela\" class=\"wp-image-2874\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-header-and-footer-to-your-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-9-global-style\">9. Estilo global<\/h3>\n\n\n\n<p>O estilo global refere-se a um conjunto consistente de designs aplicados em toda a tabela. O plug-in Tableberg permite que voc\u00ea configure o estilo de fonte global, que inclui a cor da fonte, a cor do link e o tamanho da fonte.<\/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\/08\/Global-style-in-Tableberg.webp\" alt=\"Estilo global em Tableberg\" class=\"wp-image-2875\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Global-style-in-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-10-adding-images-buttons-amp-icons\">10. Adi\u00e7\u00e3o de imagens, bot\u00f5es e \u00edcones<\/h3>\n\n\n\n<p>Assim como o editor de blocos do Gutenberg, o plug-in Tableberg permite adicionar diferentes tipos de conte\u00fado, como imagens, bot\u00f5es, \u00edcones e fitas \u00e0s c\u00e9lulas da tabela, usando os respectivos blocos. Depois disso, voc\u00ea pode estiliz\u00e1-los como qualquer outro bloco.<\/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\/08\/Adding-Images-Buttons-Icons.webp\" alt=\"Adi\u00e7\u00e3o de imagens, bot\u00f5es e \u00edcones\" class=\"wp-image-2876\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Adding-Images-Buttons-Icons-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Explorar <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-no-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"252\" rel=\"noreferrer noopener\">Como criar uma tabela de compara\u00e7\u00e3o no WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"11-conclusion\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Anos atr\u00e1s, as pessoas tinham que depender muito de CSS personalizado e codifica\u00e7\u00e3o HTML para projetar tabelas em p\u00e1ginas da Web. Mas hoje, com a <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tableberg<\/a> voc\u00ea pode fazer isso de forma simples, sem precisar fazer nenhuma codifica\u00e7\u00e3o.<\/p>\n\n\n\n<p>O Tableberg j\u00e1 lan\u00e7ou muitos recursos interessantes e muitos outros ainda est\u00e3o sendo desenvolvidos. Em breve, voc\u00ea o ter\u00e1 como uma solu\u00e7\u00e3o completa para tudo o que precisa em uma mesa. Portanto, adquira o plug-in hoje mesmo e tenha uma experi\u00eancia maravilhosa pela frente.<\/p>","protected":false},"excerpt":{"rendered":"<p>Formatting a table in WordPress means creating and stylizing a table in such a way that it becomes easy to present data within the table comfortably and display it on web posts and pages. It helps you enhance the clarity and readability of your content. WordPress offers a built-in table block. But you can create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2877,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,9],"class_list":["post-2853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/How-to-Format-Tables-in-WordPress.webp","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\/2853","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=2853"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2853\/revisions"}],"predecessor-version":[{"id":7656,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2853\/revisions\/7656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/2877"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=2853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=2853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=2853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}