TablePress: crie tabelas no WordPress sem uma única linha de código

Às vezes, administrar um site WordPress pode ser muito fácil em comparação com HTML estático e outros gerenciadores de conteúdo pré-históricos. As tarefas comuns são tão fáceis de implementar que você tende a receber os pedidos de melhoria com um sorriso.

Existem, no entanto, certos tipos de solicitações que nunca deixam de causar uma irritação imediata em muitos designers de sites : qualquer solicitação que inclua a palavra “tabela” .

Esses bichinhos são tão frágeis! Uma pequena manipulação falsa, como um ” < ” ou ” > ” excluído por engano, e sua página online perde sua bela estrutura geométrica para se parecer com as ruínas de Pompéia. ESTÁ TUDO QUEBRADO!

Então, se alguém aventureiro me pede para adicionar uma coluna, eles estão em uma rodada de xingamentos que fariam o capitão Haddock corar.

Mas isso foi tudo antes! Antes de descobrir o plugin que permite que você fique ZEN em todas as circunstâncias: TablePress . Um plugin que permite criar tabelas no WordPress sem codificação e modificá-las com uma simples ação de arrastar e soltar!

Um desejo repentino de adicionar uma tabela comparando seus planos de preços ou os recursos de seus principais produtos? Siga o guia. Ao final deste tutorial, você poderá adicionar tabelas ao WordPress com confiança .

Originalmente escrito em fevereiro de 2019, este artigo foi atualizado pela última vez em março de 2022.

Seus melhores projetos WordPress precisam do melhor host!

O WPMarmite recomenda Bluehost: ótimo desempenho, ótimo suporte. Tudo o que você precisa para um ótimo começo.

Experimente o Bluehost

Confira nossos guias detalhados sobre como escolher seu nome de domínio e criar um site WordPress profissional.

O que é TablePress?

TablePress é um plugin gratuito e de código aberto que permite que você simplesmente crie tabelas a partir da interface de administração do WordPress, sem a necessidade de codificar.
Um código de acesso permite que você os adicione onde quiser em seu conteúdo (post, página, barra lateral etc.).

Aproveitando mais de 800 mil instalações ativas e uma classificação geral de 5 estrelas em 5 no diretório oficial do WordPress (para mais de 4.200 avaliações), não há dúvida: este é o plugin principal para criar e gerenciar suas tabelas .

O plugin foi criado por Tobias Bathge, um desenvolvedor alemão do WordPress especializado em engenharia cibernética. Como um bom geek, Bathge criou o TablePress em uma interface semelhante a uma planilha do Excel .

O que o TablePress tem a oferecer?

TablePress tem muitos recursos interessantes:

• Uma interface intuitiva de arrastar e soltar.
• A possibilidade de integrar tabelas em seus artigos, páginas ou widgets de texto usando um shortcode.
• Fácil edição de dados da tabela, assim como no Excel.
• Importe e exporte tabelas nos formatos Excel, CSV, JSON e HTML.
• Sincronização com o Planilhas Google.
• Células de tabela que aceitam funções matemáticas e fórmulas de cálculo.
• Personalização gráfica via código CSS.

Como adicionar uma tabela no WordPress com o plugin TablePress?

Depois que o TablePress estiver instalado e ativado, você verá uma nova guia com o nome do plug-in no menu de administração do WordPress.

Para adicionar uma nova tabela ao seu site WordPress, basta clicar em TablePress > Adicionar nova tabela no menu de administração ou na guia “Adicionar nova” na parte superior da interface do TablePress.

Para criar sua tabela, você será solicitado a:

• Dê um nome à sua tabela . Se você planeja apresentar muitas tabelas em seu site, considere dar a elas um nome claro e descritivo.
• Forneça uma breve descrição (opcional). Aproveite o tempo para adicionar qualquer informação que possa ser útil mais tarde.
• Especifique o número de linhas e colunas em sua tabela . Embora o plug-in permita adicionar e remover facilmente esses elementos posteriormente, recomendo que você reserve alguns momentos para listar as informações que deseja apresentar em sua tabela. Este pequeno passo de antecipação vai lhe poupar muito tempo mais tarde.

Em seguida, clique no botão azul “Adicionar tabela” na parte inferior da página. Agora você será levado para a tela “Edit Table”, onde poderá editar sua tabela.

O TablePress também possui dois recursos para importar e exportar uma tabela existente (via TablePress > Importar uma tabela ou TablePress > Exportar uma tabela).
Por exemplo, você pode importar uma tabela de um arquivo CSV, XLS ou XLSX de uma planilha (por exemplo, Excel). Por fim, você também pode exportar suas tabelas para outros programas, como planilhas.

Como editar a estrutura e o conteúdo de uma tabela?

Role a página até o bloco "Conteúdo da tabela". Esta seção da página permite adicionar conteúdo, digitando ou copiando e colando, diretamente nas células individuais da tabela.

Com arrastar e soltar, é fácil reorganizar suas linhas e colunas.

Como enriquecer suas tabelas TablePress?

Com o TablePress, suas tabelas podem ser enriquecidas com imagens, links e informações ainda mais complexas , como um shortcode, por meio de seu editor avançado.

Como adicionar uma imagem à sua tabela TablePress?

Para adicionar uma imagem, nada poderia ser mais fácil. Role a página até o bloco "Manipulação de tabela" e clique em "Inserir imagem".

Em seguida, clique na célula onde deseja que a imagem apareça. Agora tudo o que você precisa fazer é carregar uma imagem ou escolher uma imagem da sua Biblioteca de Mídia, antes de clicar no botão azul “Inserir na tabela” no canto inferior direito da janela.

Como adicionar um link a uma tabela?

TablePress também permite que você insira links em sua tabela. Para fazer isso, role para baixo até o bloco “Manipulação de tabela” e clique no botão “Inserir link”.

Em seguida, clique na célula da tabela onde deseja que o link apareça. Uma janela pop-up aparecerá, onde você pode configurar seu link usando a interface padrão do WordPress:

Como você adiciona conteúdo rico à sua tabela?

Você também pode inserir conteúdo avançado em uma célula da tabela. TablePress também oferece a possibilidade de inserir conteúdo, a partir de um editor avançado. Com ele, você pode adicionar texto, com ou sem links, além de imagens na mesma célula.

Para encontrar o editor avançado, role para baixo até o bloco “Manipulação de tabela” e clique no botão com o mesmo nome.

Clique na célula onde deseja colocar o conteúdo enriquecido. Uma janela pop-up aparecerá onde você pode configurar seu conteúdo avançado.

Quais opções adicionais existem para personalizar sua mesa?

As opções de mesa

Esta caixa permite definir o cabeçalho ou rodapé da sua tabela, o que pode ser útil se contiver muitos dados para melhorar a legibilidade.

Você também tem a possibilidade de escolher cores alternadas para as linhas da tabela , destacar uma linha ao passar o mouse ou exibir o título ou a descrição da sua tabela.

Por fim, o campo “Extra CSS Classes” permitirá que você atribua uma ou mais classes de sua escolha se desejar personalizá-la em CSS.

A biblioteca JavaScript DataTables

As opções desta caixa permitem dar aos visitantes a possibilidade de ordenar, filtrar e pesquisar na sua tabela de forma dinâmica ou ativar uma paginação .

Você pode desativar tudo se não precisar.

Junte-se aos assinantes do WPMarmite

Obtenha os últimos posts do WPMarmite (e também recursos exclusivos).

INSCREVA-SE AGORA

Como editar suas tabelas?

TablePress permite a edição fácil da estrutura de uma tabela.

Na caixa “Manipulação de Tabelas”, você encontrará várias opções para adicionar, excluir, duplicar e ocultar linhas e colunas . Você também pode combinar células em uma linha ou coluna.

Para modificar sua tabela, basta clicar na linha ou coluna que deseja modificar.

Em seguida, selecione o efeito apropriado. Por exemplo, escolhemos abaixo inserir uma nova coluna entre duas colunas existentes:

Depois de ter completado sua tabela, não se esqueça de clicar no botão “Salvar alterações” no topo da página. Recomendamos que você faça isso regularmente, pois não há salvamento automático.

Como modificar uma tabela antiga?

Você pode alterar o conteúdo e a estrutura de uma tabela que criou a qualquer momento.

Para encontrar a lista de tabelas existentes, selecione TablePress > Todas as tabelas no menu do WordPress.

Agora você pode escolher a tabela que deseja editar.

Como inserir uma tabela em um post ou página?

Agora que você criou sua tabela, tudo o que você precisa fazer é inseri-la em um post ou página em seu site WordPress.

Para fazer isso, abra ou crie o documento de destino no qual deseja publicar sua tabela, no editor de conteúdo do WordPress (Gutenberg).

Copie o shortcode da tabela, disponível na caixa “Informações da Tabela”:

Para sua informação, este código de acesso está no seguinte formato: [table id=<the-ID> /] . Cada tabela tem seu próprio identificador (o número 2, no exemplo acima).

Cole o shortcode em um bloco “Shortcode” dentro da publicação de sua escolha, onde desejar no conteúdo:

Segue o resultado no site:

Observe que a exibição pode diferir um pouco dependendo do tema que você usa.

De qualquer forma, parabéns: você fez isso com os dedos no nariz!

Recursos adicionais para ir mais longe com o TablePress

Até agora, este tutorial forneceu o básico sobre como criar e atualizar tabelas no WordPress sem codificação. Você também pode adicionar alguns recursos extras muito úteis a ele .

Depois de dominar o básico, esses tutoriais podem ajudá-lo a implementar alguns dos recursos mais interessantes:

• Use fórmulas nas células, como no Excel.
• Personalize sua tabela com CSS, este FAQ fornece todas as respostas que você precisa sobre como personalizar suas tabelas.

Acelere seu site com o WP Rocket

Transforme seu site em um foguete com o plugin de cache mais poderoso reconhecido por especialistas em WordPress.

Experimente o WP Rocket

Bônus: extensão TablePress

Você pode adicionar ainda mais funcionalidades ao TablePress com uma biblioteca de cerca de 20 extensões gratuitas ou premium.

Você encontrará no site do plugin, 20 extensões oficiais. Aqui estão alguns dos mais úteis:

• Mesas responsivas (premium): ter mesas bonitas, adaptadas a todos os dispositivos (desktop, tablet e mobile). Lamentamos que este plugin seja pago, deixa uma grande oportunidade para um potencial concorrente…
• Shortcode para chamar o conteúdo de uma única célula: muito útil se você deseja publicar alguns elementos de uma tabela, como uma pontuação média, em diferentes locais da sua página.
• Importação automática e agendada de tabelas (premium): muito útil se você atualizar suas tabelas com uma solução externa como o Excel por exemplo.

Tecnicamente, a grande maioria das chamadas extensões premium do TablePress podem ser baixadas e usadas gratuitamente. No entanto, o desenvolvedor Tobias Bathge incentiva você a fazer uma doação de qualquer valor para recompensar seu trabalho.

Que outras opções existem para adicionar uma tabela ao WordPress?

Embora o TablePress seja o plugin mais popular e mais bem avaliado no diretório oficial para criar uma tabela no WordPress, existem outros recursos para criar uma tabela.

O bloco Tabela no editor de conteúdo do WordPress

Primeiro, o editor de conteúdo do WordPress possui um prático bloco “Tabela” para criar uma tabela de forma simples e rápida em seu conteúdo.

Em particular, você pode:

• Adicione ou exclua linhas ou colunas em tempo real.
• Escolha entre dois estilos de exibição: “padrão” e “listras”.
• Altere a cor do texto e do plano de fundo.
• Atribua uma largura fixa às suas células.
• Defina a largura e o estilo de suas bordas, bem como a tipografia.

Este bloco pode ser suficiente para algumas tabelas muito básicas , onde você deseja apenas apresentar os dados de maneira simples.

Aqueles de vocês que desejam criar tabelas mais complexas e reorganizáveis, ou ter recursos semelhantes ao Excel, preferirão o TablePress.

Construtores de páginas

Outra opção para adicionar uma tabela ao WordPress é usar um construtor de páginas.

Um construtor de páginas é uma ferramenta que permite criar layouts ricos e complexos para seu conteúdo sem tocar em uma única linha de código, especialmente por meio do uso de modelos prontos. A edição geralmente é feita em arrastar e soltar e em tempo real.

O mais famoso deles é o Elementor, que acumula mais de 5 milhões de instalações ativas no diretório oficial. Por mais poderoso e flexível que seja, o Elementor não oferece um widget (módulo) para construir uma tabela!

No entanto, você pode usar um de seus muitos complementos premium para atingir seus objetivos, como Crocoblock, ElementsKit ou Ultimate Addons.

E posso até ter algo ainda melhor: você pode simplesmente adicionar uma tabela criada com… TablePress ao Elementor. Você só precisa adicionar seu shortcode no widget Shortcode proposto pela Elementor, assim como no editor de conteúdo.

É isso para Elementor. Vamos também mencionar brevemente o Divi Builder, o outro peso pesado da indústria.

Por exemplo, o TablePress oferece um plugin premium de terceiros, o TablePress Styler da Divi-Modules, que o ajudará a personalizar a aparência visual da tabela na interface do Divi Builder.

Construa seu site com Elementor

Projete facilmente a aparência do seu site WordPress com o famoso construtor de páginas.

Experimente o Elementor

Outros plugins para criar uma tabela

Como último recurso, se o TablePress não funcionar para você, você pode encontrar sua felicidade com um dos plugins de tabela para WordPress abaixo:

• Construtor de tabelas WP
• wpDataTables
• Gerador de Tabelas de Dados da Supsystic
• Tabelas Ninja

Nossa opinião final sobre o TablePress

Como você provavelmente já percebeu, sou um grande fã do TablePress por vários motivos:

• Este plugin é uma ótima opção se você deseja adicionar tabelas avançadas ao seu site WordPress facilmente, sem codificação.
• Graças aos seus recursos, você poderá criar rapidamente tabelas elegantes que ajudam a resumir e classificar dados em um formato fácil de ler.
• Sua interface inspirada no Excel permite que você vá além das simples tabelas oferecidas pelo editor de conteúdo do WordPress.
• E o mais importante, ele permite que você evite criar tabelas em HTML e passar horas mexendo no código sem sucesso.

No lado negativo, podemos notar que a personalização da exibição de suas mesas é bastante limitada . Para um resultado avançado e para sua imagem, você terá que usar CSS.

Por fim, se o plug-in for responsivo por padrão, suas tabelas nem sempre se adaptarão automaticamente a diferentes tamanhos de tela. Às vezes, a tela pode ser cortada, por exemplo, no canto direito.

Novamente, adicionar um pouco de CSS às vezes é recomendado. Você também pode usar a extensão Responsive Tables, mencionada acima, para resolver esse problema.

Baixe o TablePress no diretório oficial:

E você, usa TablePress? O que você acha deste plugin carro-chefe do universo WordPress?