{"id":6550,"date":"2025-01-04T21:45:50","date_gmt":"2025-01-04T21:45:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=6550"},"modified":"2025-01-04T21:45:50","modified_gmt":"2025-01-04T21:45:50","slug":"como-alterar-a-cor-da-tabela-no-wordpress-sem-codificacao","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/","title":{"rendered":"Como alterar a cor da tabela no WordPress sem codifica\u00e7\u00e3o"},"content":{"rendered":"<p>As tabelas s\u00e3o a ferramenta adequada no WordPress para apresentar dados de forma organizada, mas as tabelas simples e monocrom\u00e1ticas podem n\u00e3o chamar a aten\u00e7\u00e3o ou se comunicar de forma eficaz. Portanto, quando estiver procurando maneiras de melhorar a apar\u00eancia das suas tabelas, adicionar cores diferentes em atributos diferentes pode ser um truque f\u00e1cil.&nbsp;<\/p>\n\n\n\n<p>Um simples ajuste de cores em diferentes elementos de sua tabela pode mudar a forma como as tabelas se apresentam aos olhos dos espectadores. Usando estrategicamente cores para cabe\u00e7alhos, rodap\u00e9s, colunas, linhas, bordas ou c\u00e9lulas espec\u00edficas, voc\u00ea pode transformar sua tabela b\u00e1sica em uma ferramenta de comunica\u00e7\u00e3o eficaz.<\/p>\n\n\n\n<p>Este artigo foi criado para mostrar como \u00e9 f\u00e1cil melhorar a apar\u00eancia das tabelas do WordPress. Ele se concentra em m\u00e9todos simples e f\u00e1ceis de usar para iniciantes que permitem adicionar cores \u00e0s suas tabelas, tudo sem a necessidade de escrever uma \u00fanica linha de c\u00f3digo.&nbsp;<\/p>\n\n\n\n<p>Vamos dar uma olhada nesses m\u00e9todos e etapas para obter uma compreens\u00e3o mais clara das abordagens para colorir suas tabelas.&nbsp;<\/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-d3d435de-bc92-41f5-85ef-587e3cd74691\" 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=\"background-color: #d4e8ec; color: #2092ab; \">\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\">Como alterar a cor da tabela no WordPress<\/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-change-table-color-in-wordpress-without-coding\/#0-method-1-using-the-default-table-block-\" style=\"\">M\u00e9todo 1: Usando o bloco de tabela padr\u00e3o<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#1-step-1-select-the-table-\" style=\"\">Etapa 1: Selecione a tabela<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#2-step-2-access-block-settings-\" style=\"\">Etapa 2: Acessar as configura\u00e7\u00f5es de bloqueio<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#3-step-3-customize-text-background-and-border-colors-\" style=\"\">Etapa 3: Personalize as cores do texto, do plano de fundo e da borda<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#4-method-2-using-the-tableberg-plugin-\" style=\"\">M\u00e9todo 2: Usando o plug-in Tableberg<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#5-step-1-install-and-activate-tableberg-\" style=\"\">Etapa 1: Instalar e ativar o Tableberg<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#6-step-2-create-or-select-a-table-\" style=\"\">Etapa 2: Criar ou selecionar uma tabela<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#7-step-3-customize-the-header-and-footer-colors-\" style=\"\">Etapa 3: Personalize as cores do cabe\u00e7alho e do rodap\u00e9<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#8-step-4-style-the-background-row-column-and-cell-\" style=\"\">Etapa 4: estilizar o plano de fundo (linha, coluna e c\u00e9lula)<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#9-step-5-adjust-border-colors-\" style=\"\">Etapa 5: Ajustar as cores das bordas<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-change-table-color-in-wordpress-without-coding\/#10-step-6-adjust-fonttext-color-\" style=\"\">Etapa 6: Ajustar a fonte\/cor do texto<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-default-table-block-\"><strong>M\u00e9todo 1: Usando o bloco de tabela padr\u00e3o<\/strong><\/h2>\n\n\n\n<p>O Table Block no WordPress \u00e9 um recurso integrado do editor Gutenberg projetado para a cria\u00e7\u00e3o e personaliza\u00e7\u00e3o simples de tabelas. Embora suas op\u00e7\u00f5es de cores sejam um tanto b\u00e1sicas, voc\u00ea pode ajustar as cores do fundo e do texto com facilidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-1-select-the-table-\"><strong>Etapa 1: Selecione a tabela<\/strong><\/h3>\n\n\n\n<p>Localize a tabela que deseja personalizar no editor do WordPress e clique na tabela para abrir o painel de configura\u00e7\u00f5es do bloco no lado direito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1024x438.png\" alt=\"Selecione a tabela\" class=\"has-border-color has-primary-accent-border-color wp-image-6559\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1024x438.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-768x328.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-1536x657.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1.png 1782w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-2-access-block-settings-\"><strong>Etapa 2: Acessar as configura\u00e7\u00f5es de bloqueio<\/strong><\/h3>\n\n\n\n<p>Com a tabela selecionada, localize o <strong>Guia Estilos<\/strong> no painel de configura\u00e7\u00f5es do bloco e clique nele. Em seguida, navegue at\u00e9 a se\u00e7\u00e3o <strong>Configura\u00e7\u00f5es de cores<\/strong> se\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1024x496.png\" alt=\"Configura\u00e7\u00f5es de bloqueio de acesso\" class=\"has-border-color has-primary-accent-border-color wp-image-6560\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1024x496.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-768x372.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-1536x744.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2.png 1736w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-3-customize-text-background-and-border-colors-\"><strong>Etapa 3: Personalize as cores do texto, do plano de fundo e da borda<\/strong><\/h3>\n\n\n\n<p>No painel Color settings (Configura\u00e7\u00f5es de cores), escolha uma cor de fundo apropriada para aplicar a toda a tabela. Voc\u00ea ter\u00e1 a flexibilidade de escolher entre um fundo s\u00f3lido ou gradiente, mas lembre-se de que isso afetar\u00e1 uniformemente toda a tabela, n\u00e3o linhas ou c\u00e9lulas espec\u00edficas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1024x452.png\" alt=\"Personalize as cores do texto, do plano de fundo e da borda\" class=\"has-border-color has-primary-accent-border-color wp-image-6561\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1024x452.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-768x339.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-1536x678.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.1.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Em seguida, selecione uma cor de texto para garantir que o conte\u00fado permane\u00e7a leg\u00edvel no plano de fundo escolhido.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1024x476.png\" alt=\"Personalize as cores do texto, do plano de fundo e da borda\" class=\"has-border-color has-primary-accent-border-color wp-image-6562\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1024x476.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-768x357.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-1536x713.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3.2.png 1895w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Role at\u00e9 a op\u00e7\u00e3o de cor da borda dentro das mesmas configura\u00e7\u00f5es e selecione uma cor que complemente o design da mesa. Essa altera\u00e7\u00e3o afetar\u00e1 uniformemente as bordas de toda a tabela<strong>.<\/strong><\/p>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #ffe4ec; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #ffe4ec;\" aria-controls=\"ub-content-toggle-panel-0-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\" style=\"color: #14111f; \"><strong>Limita\u00e7\u00f5es do bloco de tabela padr\u00e3o<\/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-7f8b514a-aa0e-4745-8361-6bbdd5d83f71\">\n\n<ul class=\"wp-block-list\">\n<li>N\u00e3o h\u00e1 suporte para cores alternativas de linhas ou colunas.\u00a0<\/li>\n\n\n\n<li>N\u00e3o h\u00e1 op\u00e7\u00e3o para personalizar as cores de c\u00e9lulas individuais.<\/li>\n\n\n\n<li>As se\u00e7\u00f5es de cabe\u00e7alho e rodap\u00e9 n\u00e3o podem ser destacadas com cores separadas.<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-method-2-using-the-tableberg-plugin-\"><strong><strong>M\u00e9todo 2: Usando o plug-in Tableberg<\/strong><\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tableberg<\/a> \u00e9 um plug-in especializado para usu\u00e1rios que precisam de op\u00e7\u00f5es de personaliza\u00e7\u00e3o mais avan\u00e7adas para suas tabelas. Esse m\u00e9todo \u00e9 ideal para aqueles que desejam ter mais controle sobre o design da tabela do que o Table Block padr\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-1-install-and-activate-tableberg-\"><strong>Etapa 1: Instalar e ativar o Tableberg<\/strong><\/h3>\n\n\n\n<p>Abra o painel do WordPress e v\u00e1 para <strong>Plugins<\/strong>e, em seguida, clique em <strong>Adicionar novo<\/strong>. Digite \"<strong>Tableberg<\/strong>\" na barra de pesquisa, instale-o e ative o plug-in.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-1024x415.png\" alt=\"Instala\u00e7\u00e3o e ativa\u00e7\u00e3o do Tableberg\" class=\"has-border-color has-primary-accent-border-color wp-image-6566\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Tableberg-install-new-1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-2-create-or-select-a-table-\"><strong>Etapa 2: Criar ou selecionar uma tabela<\/strong><\/h3>\n\n\n\n<p>Abra a p\u00e1gina ou postagem em que deseja adicionar sua tabela, clique no inseridor de blocos (<strong>+<\/strong>) e adicione o bloco tableberg. Quando terminar, <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-criar-sua-primeira-tabela-com-o-tableberg\/\">criar a tabela<\/a> com base em seus requisitos e preench\u00ea-la com conte\u00fado. Por fim, selecione a tabela inteira clicando no bot\u00e3o <strong>\u00cdcone Tableberg<\/strong> na barra de ferramentas do bloco para abrir o <strong>Configura\u00e7\u00f5es de bloco<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1024x411.png\" alt=\"Criar ou selecionar uma tabela\" class=\"has-border-color has-primary-accent-border-color wp-image-6570\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1024x411.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-300x120.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-768x308.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-3-customize-the-header-and-footer-colors-\"><strong>Etapa 3: Personalize as cores do cabe\u00e7alho e do rodap\u00e9<\/strong><\/h3>\n\n\n\n<p>Primeiro, certifique-se de que sua tabela tenha um <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-um-cabecalho-a-uma-tabela-no-wordpress\/\">Cabe\u00e7alho<\/a> e <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-um-rodape-a-uma-tabela-no-wordpress\/\">Rodap\u00e9<\/a> que atenda \u00e0s suas necessidades. Agora, v\u00e1 para a guia styles (estilos) do painel de configura\u00e7\u00f5es do bloco e use as op\u00e7\u00f5es de cores para atribuir cores de fundo a essas se\u00e7\u00f5es.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1024x481.png\" alt=\"Personalizar as cores do cabe\u00e7alho e do rodap\u00e9\" class=\"has-border-color has-primary-accent-border-color wp-image-6571\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1024x481.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-300x141.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-768x361.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-4-style-the-background-row-column-and-cell-\"><strong>Etapa 4: estilizar o plano de fundo (linha, coluna e c\u00e9lula)<\/strong><\/h3>\n\n\n\n<p>Na se\u00e7\u00e3o de configura\u00e7\u00f5es da mesma cor, \u00e9 poss\u00edvel definir a mesma cor para linhas pares e \u00edmpares. Se voc\u00ea quiser uma cor uniforme para <a href=\"https:\/\/tableberg.com\/pt\/como-alterar-a-cor-de-fundo-da-tabela-no-wordpress\/\">todo o hist\u00f3rico<\/a> (al\u00e9m do cabe\u00e7alho e do rodap\u00e9) da sua tabela, basta colocar a mesma cor nessas se\u00e7\u00f5es.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-1024x454.png\" alt=\"Estilizar o plano de fundo\" class=\"has-border-color has-primary-accent-border-color wp-image-6572\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-1024x454.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-768x341.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Para c\u00e9lulas individuais, selecione a c\u00e9lula em quest\u00e3o e mova as configura\u00e7\u00f5es de cor novamente. Selecione a cor apropriada para sua c\u00e9lula.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-1024x508.png\" alt=\"Estilizar o plano de fundo\" class=\"has-border-color has-primary-accent-border-color wp-image-6573\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-1024x508.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-768x381.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da mesma forma, se voc\u00ea quiser ter uma cor consistente para uma linha ou coluna inteira, selecione a linha ou coluna primeiro e, em seguida, utilize as configura\u00e7\u00f5es de cor para alterar a cor. Por\u00e9m, se j\u00e1 estiver usando a op\u00e7\u00e3o de cor de linha par\/\u00edmpar, ser\u00e1 necess\u00e1rio limpar essas cores antes que essa configura\u00e7\u00e3o entre em vigor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-1024x441.png\" alt=\"Estilizar o plano de fundo\" class=\"has-border-color has-primary-accent-border-color wp-image-6574\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-1024x441.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.3.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-step-5-adjust-border-colors-\"><strong>Etapa 5: Ajustar as cores das bordas<\/strong><\/h3>\n\n\n\n<p>Role mais para baixo na se\u00e7\u00e3o <strong>Guia Estilos <\/strong>e localize o <strong>Configura\u00e7\u00f5es de borda<\/strong>. Voc\u00ea encontrar\u00e1 uma gama de recursos para <a href=\"https:\/\/tableberg.com\/pt\/como-alterar-a-cor-da-borda-da-tabela-no-wordpress\/\">aplicar cores a todas as bordas de sua tabela<\/a>. Primeiro, voc\u00ea pode alterar a borda de sua tabela na se\u00e7\u00e3o <strong>Borda da mesa<\/strong> e, em seguida, altere a cor da borda interna na se\u00e7\u00e3o <strong>Borda interna<\/strong> de forma semelhante. Para obter um efeito melhor, talvez seja necess\u00e1rio alterar a espessura de cada borda primeiro.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-1024x473.png\" alt=\"Ajustar as cores das bordas\" class=\"has-border-color has-primary-accent-border-color wp-image-6575\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-1024x473.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-300x139.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-768x355.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;Em seguida, se voc\u00ea quiser ter uma cor de borda espec\u00edfica para uma linha ou coluna espec\u00edfica, selecione a linha ou coluna primeiro e, em seguida, role mais adiante na se\u00e7\u00e3o <strong>Configura\u00e7\u00f5es de borda<\/strong>. Encontre as configura\u00e7\u00f5es para o <strong>Borda da linha <\/strong>e o <strong>Borda da coluna<\/strong> e alterar as cores.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-1024x454.png\" alt=\"Ajustar as cores das bordas\" class=\"has-border-color has-primary-accent-border-color wp-image-6576\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-1024x454.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-768x341.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.5.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-6-adjust-fonttext-color-\"><strong>Etapa 6: Ajustar a fonte\/cor do texto<\/strong><\/h3>\n\n\n\n<p>Se voc\u00ea quiser <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-alterar-a-cor-do-texto-em-uma-tabela\/\">alterar a cor da fonte<\/a> de todos os textos em sua tabela, voc\u00ea precisa usar as configura\u00e7\u00f5es do Global Font Style. Role mais para baixo no painel de configura\u00e7\u00f5es e localize a op\u00e7\u00e3o <strong>Cor da fonte<\/strong> e selecione a cor desejada.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-1024x473.png\" alt=\"Ajustar a fonte\/cor do texto\" class=\"has-border-color has-primary-accent-border-color wp-image-6577\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-1024x473.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.1.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se quiser alterar a cor da fonte de um texto espec\u00edfico em uma c\u00e9lula espec\u00edfica, clique nesse texto, v\u00e1 para a caixa de sele\u00e7\u00e3o<strong> Estilos<\/strong> no painel do lado direito, abra o texto <strong>Cor <\/strong>e alter\u00e1-la.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-1024x478.png\" alt=\"Ajustar a fonte\/cor do texto\" class=\"has-border-color has-primary-accent-border-color wp-image-6578\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-1024x478.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-768x358.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/6.2.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"11-conclusion-\"><strong>Conclus\u00e3o<\/strong><\/h4>\n\n\n\n<p>O bloco de tabela padr\u00e3o \u00e9 perfeito para ajustes b\u00e1sicos, enquanto o Tableberg oferece op\u00e7\u00f5es mais avan\u00e7adas para personaliza\u00e7\u00e3o detalhada. Este guia mostrou a voc\u00ea como estilizar cabe\u00e7alhos, rodap\u00e9s, linhas e c\u00e9lulas sem esfor\u00e7o, tudo isso sem nenhuma codifica\u00e7\u00e3o. Com esses m\u00e9todos, voc\u00ea pode criar tabelas que n\u00e3o sejam apenas funcionais, mas tamb\u00e9m visualmente alinhadas com o design do seu site. Agora, \u00e9 hora de colocar essas dicas em pr\u00e1tica e fazer com que suas tabelas se destaquem.<\/p>","protected":false},"excerpt":{"rendered":"<p>Tables are the proper tool in WordPress to present data in an organized way, but plain, monochromatic tables might fail to grab attention or communicate effectively. So, when you\u2019re looking for ways to make your tables come out with a better appearance, adding different colors in different attributes can be an easy hack.&nbsp; A simple [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6551,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Change-Table-Color-in-WordPress-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/pt\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6550","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=6550"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6550\/revisions"}],"predecessor-version":[{"id":6584,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6550\/revisions\/6584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6551"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=6550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=6550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=6550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}