A formatação de uma tabela no WordPress significa criar e estilizar uma tabela de forma que seja fácil apresentar os dados dentro da tabela confortavelmente e exibi-los em posts e páginas da Web. Isso ajuda a aumentar a clareza e a legibilidade do seu conteúdo.
O WordPress oferece um bloco de tabela embutido. Mas você só pode criar tabelas de nível básico com o bloco, pois ele não tem vários recursos avançados. Nesse caso, você pode usar o bloco Tableberg para formatar suas tabelas corretamente no WordPress.
Nesta postagem do blog, mostraremos o processo passo a passo de como formatar tabelas no WordPress usando o plug-in Tableberg.
O que está incluído na formatação de uma tabela no WordPress?
Há vários elementos-chave incluídos na formatação de uma tabela no WordPress. São eles:
- Linhas e colunas
- Borda (cor e raio)
- Margem e preenchimento de células
- Alinhamento
- Cor de fundo
- Fonte e tipografia
- Capacidade de resposta
- Cabeçalho e rodapé
- Estilo global
- Adição de imagens, botões e ícones
Além disso, há muitos outros aspectos que você pode considerar ao formatar sua tabela.
Formatação de tabelas no WordPress
Você pode executar toda a formatação mencionada acima no WordPress com o plugin Tableberg. Vamos ver como fazer isso.
Observação: O Table Block padrão não tem muitas opções de formatação. Neste tutorial, usaremos a opção Plug-in Tableberg para formatar uma tabela do WordPress.
1. Linhas e colunas
Assim como o bloco de tabela padrão, o Tableberg permite que você defina o número de linhas e colunas.
Aqui, novamente, como o bloco de tabela padrão, você pode inserir/excluir linhas e colunas da mesa.
2. Definir borda (cor e raio)
Você pode definir a tabela cor e largura da borda, e raioo que não é possível com o bloco padrão. Você pode definir ambos para o bloco interno e fronteiras externas.
3. Margem e preenchimento de células
Você pode ajustar a margem e o preenchimento das células em duas maneiras – individualmente e universalmente.
- Definir margem e preenchimento para célula individual
Coloque o cursor em qualquer célula. Clique no botão ícone de mais (+) ao lado da opção Dimensions (Dimensões). Isso lhe mostrará duas opções: Padding (Preenchimento) e Margin (Margem).
Agora, você pode definir o preenchimento para a célula. Isso pode afetar algumas outras células também, mas não todas.
- Definir a margem e o preenchimento da célula universalmente
Selecione a tabela inteira. Então, vá para a guia Styles (Estilos).
Rolando a guia para baixo, encontre a opção Dimensions (Dimensões). Nessa opção, você verá Cell Padding e Cell Spacing. Usando essas opções, você pode definir o preenchimento e o espaçamento das células universalmente.
4. Alinhamento
Você pode ajustar o alinhamento do texto da célula individualmente.
Você também pode ajustar o alinhamento de toda a tabela. Para fazer isso, selecione a tabela clicando no ícone Tableberg. Em seguida, escolha a opção de alinhamento.
5. Cor de fundo
Selecione a tabela. Terreno no Guia Estilos. Você terá a opção de cor. Você pode escolher o plano de fundo separadamente para a linha ímpar, as linhas pares, o cabeçalho e o rodapé da tabela.
O Tableberg também tem alguns recursos mais avançados. Você pode definir a cor de fundo da célula, a cor de fundo da linha e a cor de fundo da coluna individualmente.
6. Fonte e tipografia
A opção padrão do plug-in permite que você defina as configurações de tipografia, que incluem fonte, aparência, altura da linha, espaçamento entre letras, decoração, letras maiúsculas e minúsculas etc.
Aprender Como criar uma tabela de especificação de produtos no WordPress.
7. Capacidade de resposta
O Tableberg permite que você torne sua tabela perfeitamente responsiva para que ela fique bem em todos os dispositivos, incluindo desktop, tablet e celular.
8. Cabeçalho e rodapé
Embora normalmente não adicionemos um cabeçalho e um rodapé às nossas tabelas diárias, você pode adicioná-los facilmente usando o plug-in Tableberg. Você encontrará essa opção no plug-in.
9. Estilo global
O estilo global refere-se a um conjunto consistente de designs aplicados em toda a tabela. O plug-in Tableberg permite que você configure o estilo de fonte global, que inclui a cor da fonte, a cor do link e o tamanho da fonte.
10. Adição de imagens, botões e ícones
Assim como o editor de blocos do Gutenberg, o plug-in Tableberg permite adicionar diferentes tipos de conteúdo, como imagens, botões, ícones e fitas às células da tabela, usando os respectivos blocos. Depois disso, você pode estilizá-los como qualquer outro bloco.
Explorar Como criar uma tabela de comparação no WordPress.
Conclusão
Anos atrás, as pessoas tinham que depender muito de CSS personalizado e codificação HTML para projetar tabelas em páginas da Web. Mas hoje, com a Tableberg você pode fazer isso de forma simples, sem precisar fazer nenhuma codificação.
O Tableberg já lançou muitos recursos interessantes e muitos outros ainda estão sendo desenvolvidos. Em breve, você o terá como uma solução completa para tudo o que precisa em uma mesa. Portanto, adquira o plug-in hoje mesmo e tenha uma experiência maravilhosa pela frente.
