Tabelas do WordPress: 5 maneiras de adicionar tabelas às suas postagens no blog

Já pensou em mesas?

Não, não me refiro à mesa que você usa para jantar com a família ou à mesa de reuniões no escritório onde as reuniões são realizadas.

Refiro-me a tabelas como em gráficos de dados, exibidos em colunas.

Ao escrever conteúdo, às vezes pode ser um desafio apresentar os dados de forma organizada. Você pode querer exibi-lo em um formato de gráfico, mas a maneira mais fácil é torná-lo uma imagem. Infelizmente, as imagens têm muitas desvantagens diferentes, entre as quais a incapacidade do Google de indexar as informações na tabela. Imagens de gráficos não são boas para SEO!

Por outro lado, apresentar informações que você exibiria em uma tabela sem código exclusivo pode ser confuso ou tedioso.

A versão bagunçada se parece com isso:

• Dia - Nome - Vendas
• Segunda-feira – Shaun – $ 500
• Segunda-feira – Dave – $ 400
• Terça-feira – Steve – $ 500
• Quarta-feira – Jennifer – $ 800
• Quarta-feira – Sierra – $ 750

E assim por diante. Você não tem colunas bem organizadas, não tem formatação e tudo meio que funciona junto. A informação está lá, mas não está bem formatada. Às vezes, você pode adicionar espaços e alinhamento usando guias ou CSS, mas está entrando em maneiras complicadas de formatar dados.

HTML tem suporte nativo para tabelas, é claro. Não é fácil criar e manter atualizado, no entanto. A maneira tediosa é usar o código HTML para criar o conteúdo da tabela manualmente.

• Primeiro, você precisa das tags de tabela, então <table> para iniciar e </table> para fechar.
• Dentro disso, você precisa de código para cada linha. Uma linha começa com <tr> e termina com </tr> .
• Dentro de cada linha, cada célula precisa de uma entrada de dados de tabela. Então, <td> e </td> , com o elemento específico de dados dentro dele. Os primeiros são os títulos dos cabeçalhos dessas colunas.

Então, para a primeira linha de informações, os títulos, no meu exemplo acima, você está vendo:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

Então, é claro, você precisa adicionar tags para formatação CSS ou formatação HTML e, se precisar de imagens ou ícones, terá trabalho extra, e isso é tudo apenas para uma linha. Imagine ter que mexer com tudo isso manualmente! Há uma razão pela qual as tabelas eram universalmente odiadas para web design e não são mais o padrão.

Felizmente, não precisamos escrever tabelas HTML manualmente há décadas, se não quisermos. O WordPress oferece muitas maneiras diferentes de adicionar novas tabelas, e eu escolhi as cinco que acho que são as melhores para este tutorial passo a passo.

Vamos cavar!

Opção 1: tabelas padrão do WordPress

Você sabia que o WordPress permite adicionar uma tabela? Acontece que é gratuito e muito fácil, embora não tenha muitos recursos. No construtor de páginas de arrastar e soltar do Gutenberg, você pode clicar para adicionar um novo bloco e escolher o bloco Tabela. Ele irá inserir um bloco que serve como caixa de configuração de opções da tabela. Se você estiver usando o Editor Clássico, terá que voltar para o Gutenberg para usar o construtor de tabelas no front-end.

É bem simples; escolha o número de linhas e colunas que você deseja. Para meu exemplo de dados acima, eu teria três colunas de tabela e quantas linhas para dados eu preciso. O resultado final são tabelas responsivas simples.

O WordPress também tem apenas algumas opções para uma tabela por padrão. Você pode escolher entre linhas separadas por linhas finas ou linhas diferenciadas por fundos listrados alternados, mas é isso. Não há formatação para colunas e, embora você possa definir a cor de fundo, ela se aplica a toda a tabela, não apenas a uma célula/linha/coluna. Se você estiver procurando por opções avançadas, as tabelas padrão não serão de muita ajuda para você.

Agora, claro, você pode entrar com CSS e alterar o que quiser manualmente. Isso é bom! Mas, se você está tentando fazer uma tabela parecer do jeito que você quer no seu editor WordPress, é um grande aborrecimento. O suporte do WordPress para tabelas é surpreendentemente insuficiente, considerando o quanto eles permitem que você faça imediatamente. Por exemplo, se você tiver milhares de linhas em sua tabela, não criará paginação para dividir isso em uma seção menor que seja mais fácil de ler.

É aí que entra a instalação de um plugin de tabela do WordPress.

Opção 2: TablePress

Se você tem um site WordPress há algum tempo, não é surpresa que praticamente qualquer recurso que você deseja adicionar provavelmente tenha um complemento chamado FeaturePress em algum lugar. As tabelas não são exceção. TablePress pode ser encontrado no diretório de plugins gratuitos ou em seu site TablePress.org.

O TablePress é um pouco desajeitado porque funciona de uma maneira que facilita um hub central para gerenciar dados de tabela. Ele adiciona um mini-aplicativo de gerenciamento de tabelas ao seu painel do WordPress. Nesse aplicativo de gerenciamento, você pode criar tabelas, importar ou exportar tabelas, configurar tabelas e geralmente fazer o que quiser com elas. Então, quando você deseja inserir tabelas em suas postagens de blog, você usa um código de acesso de tabela para puxar essa tabela.

Você terá que clicar em "Salvar alterações", copiar o código de acesso e voltar à sua postagem para visualizar a aparência. Às vezes, você terá que alternar entre o editor de postagem e as configurações do TablePress, o que pode ser tedioso.

Então – e isso é importante – se você precisar editar os dados da tabela, poderá fazê-lo em seu painel. Uma edição é preenchida imediatamente em todas as diferentes instâncias dessa mesma tabela. Como são dados incorporados, o gerenciamento centralizado é fácil.

Você também pode importar dados diretamente de um arquivo CSV, XLS ou outro arquivo de planilha, e isso preencherá uma tabela. Esse recurso de importação é super útil se você tiver muitos dados que deseja importar e não deseja copiá-los manualmente.

A maior desvantagem deste plugin de tabela é que ele é melhor usado para dados e planilhas. Não é feito para, por exemplo, um gráfico de comparação de produtos lado a lado, um índice ou algo simples com apenas algumas linhas e colunas. Pense nisso mais para incorporar dezenas ou centenas de linhas de dados.

Ajudaria se você usasse CSS personalizado para estilizar e alterar a tabela. Isso facilita, mas você ainda precisa conhecer o CSS para estilizar a tabela. No lado positivo, é totalmente gratuito e fácil de usar, o que o torna um bom plugin para iniciantes.

Opção 3: Tabelas Ninja

O Ninja Tables é uma opção inteligente para criação de tabelas e gerenciamento de dados em um site WordPress. Ele se destina mais a postagens de blog com muitos dados do que ao uso casual, e faz muitas coisas que suportam volumes de dados. Por exemplo, sua tabela pode ter filtros e opções de classificação para que os usuários classifiquem e ajustem os dados exibidos dinamicamente. Isso é bastante útil para muitas estatísticas e informações, mas menos para um gráfico de comparação de produtos.

Um dos recursos mais elegantes do Ninja Tables é que ele é muito fácil de usar. Você não precisa de CSS personalizado ou codificação para gerenciar a aparência de suas tabelas. Você nem precisa fazer muita entrada de dados se não quiser; você pode importar dados diretamente de arquivos de vários tipos.

No entanto, uma desvantagem é que as opções são "limitadas" com a versão gratuita . Eu coloco cotações limitadas porque eles têm muitas opções; só não é totalmente gratuito. Eles têm dezenas de estilos e cores diferentes para escolher e modelos diferentes que você pode usar.

O Ninja Tables também permite que você crie e edite sua tabela do editor de blocos diretamente em uma postagem ou gerencie-a de um painel central da mesma forma que o TablePress faz. Você é bastante livre para fazer o que quiser com o plugin.

Você pode encontrar a versão gratuita do Ninja Tables no diretório de plugins do WordPress. Como muitos plugins, eles também oferecem uma versão premium se você quiser comprá-lo no site deles.

O Premium oferece várias funcionalidades adicionais que você provavelmente achará úteis, incluindo:

• A capacidade de adicionar elementos de mídia às suas células em vez de apenas dados de texto.
• Um seletor de cores, para que você não fique limitado apenas às cores pré-configuradas para você.
• Mais opções para importar e exportar dados ou sincronizar com o Planilhas Google.
• Opções de formatação condicional e filtragem avançada de dados.
• Usando códigos de acesso dentro das células da tabela.

Uma licença de site único custa US$ 49 por ano, ou você pode pagar US$ 99 por 20 sites ou US$ 199 por sites ilimitados. Como alternativa, eles oferecem licenças vitalícias por US$ 199 para um domínio , US$ 399 para 20 ou US$ 599 para ilimitado. Além do número de domínios em que você pode usá-lo, os planos não têm limitações, portanto, todas as versões pagas são idênticas. Você pode navegar no site e ver mais recursos aqui.

Opção 4: Gerador de Tabelas de Dados

Você gosta de recursos? Você gostaria de ter mais deles? Você adoraria ter uma tabela de dados que pudesse converter dinamicamente em tabelas, gráficos, barras, pizzas, PDFs e outras exportações? Deseja exibir mídia em sua tabela? Uma barra de pesquisa? Uma lista suspensa para escolher quantas linhas são exibidas? Classificando por coluna para cada coluna? Projeto responsivo?

Tudo bem, eu vou parar.

Como o TablePress, você gerencia suas tabelas a partir de um painel e as incorpora em suas postagens ou páginas do WordPress. Este plugin é muito o plugin de tabela para o major STEM que começa a vibrar com entusiasmo quando vê uma boa pilha de dados novos e muito não para o profissional de marketing que quer uma tabela de fogo e esquecimento que tenha meia dúzia de linhas e uma classificação por estrelas. Também é muito complicado porque tem um milhão de opções diferentes.

Quando eu digo que isso pode fazer tudo, eu quero dizer isso. O painel do Data Tables Generator para editar uma tabela se parece com o Excel ou o Planilhas Google e apenas o incorporou ao editor. Tem espaço para fórmulas e formatação e muito mais. Tem tudo o que você poderia querer. De certa forma, é o melhor plugin de tabela do WordPress simplesmente porque tem mais recursos.

Então, qual é o problema?

A complexidade, claro. É muito robusto para um site com muitos dados, mas se você é um blog WordPress menor e deseja apenas um gráfico para se comparar aos seus concorrentes, uma tabela de preços com diferentes planos e recursos ou uma tabela de comparação de produtos para algo que você vende ; isso é tanto exagero quanto usar um míssil de cruzeiro para cultivar seu jardim.

Você pode obter a versão gratuita aqui, você adivinhou, no diretório de plugins do WordPress.

A versão paga é, apropriadamente, precificada em forma de tabela.

O site do Data Tables Generator tem licenças para um, dois ou três anos e para um, cinco ou mais de 6 sites por vez. Uma licença de site único por um ano custa US$ 46.

Opção 5: Afiliado

A maioria das opções acima são sobre exibir grandes quantidades de dados complexos em tabelas, mas e se você não quiser algo tão complicado?

A maioria dos blogueiros que desejam adicionar tabelas provavelmente está optando por algo como uma tabela de comparação de produtos. Você tem dois ou três produtos e deseja uma tabela que descreva várias informações de recursos/preços/revisões para eles, com links de afiliados para comprá-los. É uma estratégia testada e comprovada para marketing de afiliados e vendas de produtos. Basta mostrar os recursos do produto para que um usuário possa usá-los para decidir entre eles, e é mais provável que escolha um deles.

Affiliatable é uma dessas maneiras de adicionar essas tabelas. Possui tabelas de comparação, um formato "top 3 box", caixas de detalhes de produtos individuais e um estilo de caixa de prós e contras. Mais importante, ele possui alguns recursos de marketing em vez de recursos de gerenciamento de dados. Os usuários não precisam ser capazes de classificar ou pesquisar uma tabela de comparação de produtos, mas certamente podem se beneficiar de um pouco de segmentação geográfica do seu lado, certo?

Affiliatable tem três versões:

• Uma versão gratuita
• Uma versão pro para uma licença de site único
• Uma versão pro para sites ilimitados

A versão gratuita é aceitável, mas limitada; ele não permite que você use modelos premium, não é otimizado para Schema e não permite que você use categorias personalizadas. As versões pagas custam US$ 39 por ano e US$ 89 por ano , respectivamente, ou você pode comprar licenças vitalícias por US$ 199 ou US$ 399 .

O que você acha? Qual é a melhor maneira de adicionar uma tabela às postagens do seu blog? Deixe-me saber nos comentários se você tem outra ótima sugestão.