Como inserir tabelas em posts/páginas do WordPress

Há uma maneira fácil.

Mas não é a melhor maneira.

O novo editor de blocos no WordPress inclui um bloco de tabela e funciona perfeitamente bem para tabelas simples.

No entanto, as chances são de que você precisará de algo um pouco mais avançado.

Existem dois excelentes plugins que podem ajudar.

O primeiro plugin permite criar uma tabela com um editor especial. Isso significa que você nem precisará olhar para nenhum código. O segundo plugin é melhor para tabelas que precisam de apelo visual e variedade.

Existe um terceiro método que funciona dinamicamente e lista postagens, documentos e outros conteúdos em seu site – exploraremos essa opção no final.

Inscreva-se para Competir Temas no Youtube

1. Crie uma tabela com TablePress

TablePress é o plugin para criar e exibir tabelas com o WordPress.

Como você pode ver, é um favorito entre os usuários do WordPress.

Por que usar o TablePress?

O principal atrativo do TablePress é que ele oferece uma interface agradável para criar e modificar tabelas sem tocar em nenhum código .

Além disso, ele tem mais funcionalidades do que eu posso cobrir aqui. Confira a página de extensões para todos os recursos interessantes que você pode adicionar ao plugin base.

Um último benefício de usar o TablePress é que suas tabelas não estão vinculadas a um único post ou página. Como você cria tabelas independentes de qualquer postagem/página, você pode reutilizá-las em qualquer lugar do seu site.

Como usar o TablePress

Depois de ativar o TablePress, você encontrará um novo menu de nível superior adicionado ao seu painel de administração.

Clicar no botão Adicionar novo o levará a esta página onde você pode configurar o nome e o tamanho da sua tabela (não se preocupe, você sempre pode atualizar as linhas/colunas posteriormente).

A criação da tabela dá acesso ao editor de tabela completo onde você insere seus dados.

Você pode reorganizar linhas e colunas, adicionar links, combinar células – há uma tonelada de funcionalidades práticas incorporadas ao editor.

Quando estiver pronto para exibir a tabela, copie o shortcode da página da tabela e cole-o no editor usando o bloco Shortcode.

Embora você veja um código de acesso no editor, uma tabela completa é exibida quando você visualiza a postagem.

Veja como a tabela é exibida no front-end.

Nunca usou shortcodes? Familiarize-se com eles neste tutorial.

Perguntas comuns

Existem alguns problemas e dúvidas comuns com o TablePress.

O shortcode afetará o SEO do meu site?

Não. O uso de um código de acesso não afetará a capacidade do Google de ler a tabela na página.

Enquanto você vê um código de acesso no editor, o HTML rastreável normal é gerado no site. Não é diferente de escrever o HTML você mesmo.

É responsivo / compatível com dispositivos móveis?

As tabelas que o TablePress cria não são responsivas por padrão. No entanto, existe uma extensão que os tornará mais compatíveis com dispositivos móveis.

Perderei minhas tabelas se parar de usar este plugin?

Sim e não.

Os dados da tabela são armazenados em seu banco de dados, portanto, você não os perderá tecnicamente desinstalando o plug-in. No entanto, você não terá mais acesso a esses dados em seu painel de administração, portanto, criar tabelas com eles pode ser um desafio.

Faça backup do seu site!

Ok, isso não é uma pergunta, mas um lembrete para fazer backup do seu site! Alguns usuários do WP na web lamentaram passar horas em suas mesas apenas para acabar perdendo-as.

Certifique-se sempre de fazer backup de seu site regularmente, para não perder seu trabalho duro. Você pode seguir nosso tutorial sobre como fazer backup do seu site se precisar de ajuda. Existem muitos plugins de backup gratuitos e premium para escolher.

2. Crie uma tabela com o Tablesome

Tablesome é um plugin de tabela do WordPress para criar rapidamente tabelas responsivas e adicioná-las a páginas e postagens. Você também pode importar tabelas de arquivos CSV e XLSX gerados com outras ferramentas, como Planilhas Google, MS Excel, etc.

Embora outros plugins como o Tablepress sejam bons em apresentar dados em dispositivos desktop, eles não são responsivos a dispositivos móveis. O Tablesome, por outro lado, é totalmente responsivo e fica ótimo em todos os tamanhos de tela. Você pode criar todos os tipos de tabelas, incluindo grandes tabelas de dados, catálogos de produtos, tabelas de comparação, tabelas de ligas esportivas, tabelas de preços e muito mais.

Também é fácil criar e editar suas tabelas graças à interface intuitiva do tipo planilha.

Como usar o Tablesome

Tablesome pode ser instalado apenas qualquer outro plugin WP. Após a instalação, você encontrará um novo menu Tablesome adicionado ao seu painel.

Se você deseja importar o arquivo de um arquivo CSV ou XLSX, pode fazê-lo clicando na opção Importar.
Para criar uma tabela do zero, clique no item de menu “Create New Table” para acessar a página New Table.

Nesta página, você pode dar um nome à sua tabela e inserir seus dados. A diferença crucial entre outros plugins e o Tablesome é que você pode adicionar as linhas e colunas à medida que adiciona dados à tabela.

Existem oito tipos de dados disponíveis, incluindo Texto, Rich-text, Email, Número, Data, Link, Caixa de seleção e Botões. Quando terminar de criar a tabela, você pode personalizar sua aparência por meio do menu Configurações da tabela.

Nas Configurações da Tabela, você pode optar por habilitar opções como Pesquisa, Classificação, Filtros e Paginação. Você também pode configurar como deseja que a tabela se adapte às telas do celular.

Na seção Estilo, você pode personalizar a aparência do cabeçalho da tabela, corpo, bordas, fonte e tamanho da fonte.

Quando estiver pronto para adicionar sua tabela a um post ou página, você pode fazê-lo com o bloco Tablesome ou o shortcode se ainda estiver usando o Editor Clássico.

Aqui está um exemplo da aparência de uma tabela Tablesome no front-end de um site:

3. Crie uma tabela com o WP Table Builder

Se você deseja criar tabelas visualmente mais bonitas, experimente o WP Table Builder.

Embora o TablePress seja ótimo para estruturar e apresentar dados, as tabelas não são tão atraentes. O WP Table Builder é excelente para criar tabelas de comparação de produtos, horários de funcionários e até menus de restaurantes.

Com uma interface simples de arrastar e soltar, o WP Table Builder é uma alegria de usar.

Como usar o WP Table Builder

O WP Table Builder pode ser instalado como qualquer outro plugin. Uma vez instalado, você encontrará um novo menu do Table Builder adicionado ao seu painel.

Clicar no botão “Adicionar novo” revela a interface de arrastar e soltar onde você pode construir sua tabela.

Atualmente, existem cinco tipos de conteúdo diferentes que você pode ver disponíveis no canto superior esquerdo da imagem acima.

Depois de escolher quantas colunas e linhas você deseja (pode ser editado posteriormente), você pode simplesmente arrastar e soltar qualquer um desses elementos em qualquer célula da tabela.

Depois de menos de um minuto brincando com este plugin, consegui montar o início de uma tabela de comparação de produtos.

É fácil ver como você pode criar rapidamente qualquer tipo de tabela usando este plugin.

Quanto a adicionar a tabela ao seu post, isso é feito facilmente com um shortcode. Clicar no botão “Incorporar” na parte superior da interface revela este pop-up com o código de acesso da tabela.

Então tudo que você precisa fazer é copiá-lo e colá-lo em um bloco Shortcode para incluí-lo em qualquer postagem ou página.

4. Use o Posts Table Pro

Os dois plugins que apresentamos até agora neste artigo são plugins de tabela estática. Isso significa que o usuário deve adicionar os dados manualmente e alterá-los sempre que desejar atualizar a tabela. Um plug-in de tabela estática é perfeito para exibir dados estruturados, como informações financeiras.

O Posts Table Pro é diferente porque é um plugin de tabela dinâmico do WordPress. Em vez de exibir dados estáticos, ele gera tabelas automaticamente usando informações armazenadas no banco de dados do WordPress. Isso pode economizar muito tempo em comparação com a adição de dados manualmente.

Você pode usar o Posts Table Pro para criar uma tabela pesquisável de postagens de blog do WordPress, páginas ou qualquer tipo de postagem personalizada. Os casos de uso mais comuns do plug-in são a criação de uma biblioteca de documentos, índice de postagem de blog, diretório de recursos, diretório de funcionários ou membros e uma biblioteca de vídeo ou áudio.

Por que usar o Posts Table Pro?

Dependendo do que você deseja exibir na tabela, gerar tabelas automaticamente pode trazer muitos benefícios.

Em vez de adicionar dados diretamente à tabela, você adiciona uma postagem (ou postagem personalizada) no administrador do WordPress. Você pode usar todos os campos padrão que vêm com o próprio WordPress e pode usar plugins como Advanced Custom Fields ou Pods para adicionar campos personalizados e taxonomias. Uma vez adicionado, você usa o shortcode Posts Table Pro para inserir tabelas em qualquer lugar do seu site.

Depois de inserir a tabela, você nunca precisará atualizá-la novamente. Quaisquer alterações nas postagens são refletidas automaticamente na tabela, portanto, você não precisa se lembrar de atualizá-la manualmente.

Outro benefício de exibir postagens em uma tabela é que seus usuários podem acessar uma página separada para cada item. Eles podem clicar na página de postagem única (ou postagem personalizada) para visualizar o conteúdo completo. Isso só é possível com plugins de tabelas dinâmicas do WordPress porque, com tabelas estáticas, não há página correspondente para cada item da tabela.

Como usar o Posts Table Pro

Se as informações que você deseja exibir já estão em seu site WordPress (por exemplo, postagens de blog), você pode configurar o Posts Table Pro imediatamente. Como alternativa, você pode instalar o plug-in Pods gratuito e criar um tipo de postagem personalizado junto com todos os campos que serão exibidos como colunas na tabela.

Você pode então instalar o Posts Table Pro e usar a página de configurações para configurá-lo. Existem dezenas de opções e você pode controlar detalhes como as colunas da tabela, listas suspensas de filtros e quantos itens exibir por página.

Em seguida, adicione o shortcode [posts_table] onde quiser inserir a tabela em seu site WordPress. Existem muitas opções de shortcode, por exemplo, para que você possa listar diferentes itens em cada tabela.

No geral, é uma excelente opção para listar conteúdo em seu site e superior às alternativas de tabela estática.

5. Use o JetEngine Table Builder

Outro plugin de tabela dinâmico do WordPress é o módulo JetEngine Tables Builder. Com este plugin, não há necessidade de adicionar dados manualmente, pois as tabelas são criadas automaticamente a partir de bancos de dados do WordPress.

Os casos de uso mais comuns do Table Builder são para tabelas de produtos WooCommerce, tabelas de estatísticas e tabelas baseadas em API Rest (por exemplo, uma tabela IMDb). Com este plug-in de tabela, você pode gerar tabelas de dados dinâmicas mostrando: postagens, termos, comentários, resenhas, produtos ou dados SQL.

Como usar o JetEngine Table Builder?

Para criar uma tabela dinâmica com o plug-in JetEngine, siga estas etapas:

1. Baixe e instale o JetEngine
2. Ativar módulo de tabelas dinâmicas

3. Crie uma consulta com o construtor JetEngine Query.
4. Defina as configurações gerais da tabela (adicione título, escolha Consulta para obter dados, busque os dados para visualizar a tabela).
5. Adicione as colunas que você precisa.
6. Ajuste o estilo da tabela.
7. Adicione a tabela à página (via construtor de páginas Elementor ou Gutenberg).

Com o Tables Builder, você pode adicionar facilmente uma tabela dinâmica ao seu site com dados classificáveis ​​e autoatualizáveis. A propósito, com a ajuda de JetSmartFilters, você pode adicionar filtros à sua tabela.

Resumindo, este é um excelente plugin para construir tabelas dinâmicas.

Você pode criar uma tabela sem um plugin?

O WordPress tem um bloco de tabela que permite criar rapidamente uma tabela com um número personalizado de colunas e linhas, mas seus dados permanecem em um só lugar, não são reutilizáveis ​​e não terão um estilo atraente.

O TablePress é uma excelente opção para quem deseja criar tabelas maiores e reutilizáveis ​​que podem importar ou exportar de seu site. O WP Table Builder é uma ótima alternativa para conteúdo mais visual, e o Posts Table Pro é perfeito para listar conteúdo dinâmico no site.

Se você está procurando mais seleção entre plugins, dê uma olhada em nossa lista dos melhores plugins de tabela para WordPress.

Há mais alguma coisa que você precisa para adicionar tabelas ao seu site? Está faltando algo neste tutorial? Deixe um comentário abaixo.