Como alterar a cor de fundo da tabela no WordPress

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.

Criar mesas bonitas
Com o Block Editor

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

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

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).

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).

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).

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).

É 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. 




A equipe do Tableberg