Por padrão, as tabelas do WordPress são criadas com um plano de fundo transparente. Mas talvez você queira alterar o plano de fundo da tabela de acordo com as necessidades de design e estilização do seu site.
Isso pode ajudá-lo a criar uma identidade visual coesa, melhorando a legibilidade e a experiência do usuário. Este artigo explicará dois métodos fáceis de como alterar a cor do plano de fundo no WordPress.
- Método 1: Alteração da cor de fundo do bloco de tabela padrão
- Método 2: Alteração da cor de fundo do bloco Tableberg
Criar mesas bonitas
Com o Block Editor
![](https://tableberg.com/wp-content/uploads/2024/05/Tableberg.png)
Método 1: Usando o bloco de tabela padrão
Abaixo, você pode ver uma tabela fictícia criada com o bloco de tabela padrão do WordPress. Clique no ícone Tabela na barra de ferramentas para selecionar o bloco de tabela inteiro.
![Selecione a tabela criada pelo bloco de tabelas padrão do WordPress](https://tableberg.com/wp-content/uploads/2024/01/Select-the-table-created-by-the-default-WordPress-table-block.png)
Vá até a guia Styles (Estilos) na barra lateral direita. Clique na opção Background (Plano de fundo) na seção Color (Cor). Uma caixa de cores será aberta. Você pode selecionar uma cor sólida ou gradiente.
Depois de selecionar uma cor, você verá que ela é aplicada ao plano de fundo da tabela em tempo real.
![Alterar a cor de fundo da tabela padrão do WordPress](https://tableberg.com/wp-content/uploads/2024/01/Change-the-background-color-of-the-default-WordPress-table.png)
Método 2: Usando o plug-in Tableberg
Tableberg é um promissor plug-in de criação de tabelas para WordPress. Ele permite que você adicione vários tipos de informações à tabela para torná-la versátil e capaz de atender a objetivos polivalentes.
Diferentemente do bloco Table padrão, o bloco Tableberg permite que você altere as cores de fundo para cabeçalho, rodapé e linhas.
Alteração da cor de fundo do cabeçalho da tabela
(Certifique-se de que sua tabela tenha um seção de cabeçalho)
Primeiro, selecione todo o bloco Tableberg clicando no ícone Ícone Tableberg (1). Em seguida, clique no ícone Guia Estilos (2) no painel de opções do lado direito. E, finalmente, altere a cor de 'Cor de fundo do cabeçalho‘ (3).
![](https://tableberg.com/wp-content/uploads/2024/07/Changing-the-Table-Header-Background-Color.png)
Alteração da cor de fundo da linha uniforme da tabela
Selecione todo o bloco Tableberg clicando no ícone Ícone Tableberg (1). Em seguida, clique no ícone Guia Estilos (2) no painel de opções do lado direito. E, finalmente, altere a cor de 'Cor de fundo da linha par‘ (3).
![](https://tableberg.com/wp-content/uploads/2024/07/Changing-Table-Even-Row-Background-Color-1024x628.png)
Alteração da cor de fundo da linha ímpar da tabela
Selecione todo o bloco Tableberg clicando no ícone Ícone Tableberg (1). Em seguida, clique no ícone Guia Estilos (2) no painel de opções do lado direito. E, finalmente, altere a cor de 'Cor de fundo da linha ímpar‘ (3).
![](https://tableberg.com/wp-content/uploads/2024/07/Changing-the-Table-Odd-Row-Background-Color-1024x682.png)
Alteração da cor de fundo do rodapé da tabela
(Certifique-se de que sua tabela tenha um seção de rodapé)
Selecione todo o bloco Tableberg clicando no ícone Ícone Tableberg (1). Em seguida, clique no ícone Guia Estilos (2) no painel de opções do lado direito. E, finalmente, altere a cor de 'Cor de fundo do rodapé‘ (3).
![](https://tableberg.com/wp-content/uploads/2024/07/Changing-the-Table-Footer-Backgroud-Color-1-1024x684.png)
É isso aí. É assim que você pode alterar a cor de fundo da tabela criada com o plug-in Tableberg.
Conclusão
Espero que agora você possa personalizar as cores de fundo de suas tabelas no WordPress sempre que quiser. Mas lembre-se de que algumas cores causam um efeito gritante nos olhos dos leitores e atrapalham seus índices de legibilidade.
Além disso, se você não usar cores contrastantes adequadas, isso também pode diminuir a pontuação de legibilidade. Espero que você tenha esses pontos em mente ao alterar a cor de fundo da sua tabela.