Tabelas e gráficos são mais importantes do que imaginamos quando temos um site, pois podem facilitar muito a apresentação de preços, planos, trajetória da empresa e muito mais

Pode ser realmente tedioso encontrar uma tabela depois de criá-la, já que precisamos copiar e colar o código curto, mas e se houvesse um bloco dedicado a encontrar todas as suas tabelas? WP Table Manager permite que você faça isso com o editor Gutenberg do WordPress, que é fácil de usar.

WP Table Manager adiciona blocos ao editor Gutenberg que permitem adicionar essas tabelas com uma caixa de pesquisa diretamente no bloco.

Criando tabelas no WordPress com este plugin para Gutenberg

Neste artigo, usaremos WP Table Manager para criar uma tabela de comparação de preços. Primeiramente, veremos como criar tabelas.

Primeiramente, acesse Gerenciador de Tabelas > Todas as Tabelas . Nessa seção, clique em + Criar Nova > Tabela . Isso abrirá o editor de tabelas. Podemos usar um tema para facilitar o processo, então vamos escolher um. Clique em Tema > Seleção de Tema .

Você verá todas as opções de temas, então vamos selecionar aquela que funcionará melhor para a tabela de comparação de preços.

Agora clique em OK (lembre-se de que todos os dados da tabela serão removidos).

Com a adição de um tema, praticamente todo o trabalho está concluído.

Basta fazermos alguns ajustes simples e adaptarmos a tabela às nossas necessidades. Vou remover várias linhas e editar muitas outras; para editá-las, basta clicar nelas e começar a digitar, como se estivesse usando o Excel.

Para remover, basta clicar nas linhas, clicar com o botão direito do mouse e, em seguida, selecionar "Remover" .

Agora, se você quiser editar a célula, basta clicar nela. Um editor avançado será aberto, permitindo que você personalize o conteúdo como desejar.

Se quisermos personalizar ainda mais a tabela, podemos alterar a cor. Basta clicar na célula e usar as ferramentas na parte superior para alterar a cor das células desejadas.

Não precisamos salvar a tabela, pois ela será salva automaticamente a cada alteração.

Agora que criamos a tabela, podemos adicioná-la à postagem usando o bloco do Editor Gutenberg.

Acesse Posts > Adicionar novo , você verá o Editor Gutenberg, selecione o WP Table Manager .

Isso adicionará um campo de pesquisa que mostrará as categorias e tabelas, e você poderá adicionar uma tabela simplesmente clicando nela.

A tabela será adicionada e, agora, você só precisará publicar essa postagem e a tabela estará lá, tão simples quanto clicar na tabela e publicar a postagem/página.

E pronto, criamos e publicamos uma tabela de preços em menos de 10 minutos, muito fácil, não é?

Utilizando WP Table Manager no WordPress para criar gráficos

Sim, também teremos a opção de criar gráficos a partir das tabelas, e a outra boa notícia é que a seção de gráficos possui um bloco dedicado do Gutenberg, para que você possa encontrar facilmente o gráfico ao criar sua postagem.

Para criar gráficos, acesse Gerenciador de Tabelas > Todas as Tabelas. você encontrará uma tabela criada com os dados que deseja refletir no gráfico. Temos uma tabela preparada com as informações necessárias para criar este gráfico.

Uma boa prática seria criar uma categoria para cada tipo de tabela que desejamos criar; por exemplo, aqui criamos uma categoria chamada "Gráficos".

Criar categorias é muito fácil; para isso, clique em + Criar nova > Categoria .

Por fim, digite o título da categoria, selecione a categoria principal (se for uma subcategoria) e clique em Concluído .

Agora vamos para a tabela onde queremos criar o gráfico. Adicionamos uma tabela baseada nas populações de 5 países.

Para criar o gráfico, precisamos selecionar as células que queremos adicionar e clicar em Gráfico > Criar gráfico a partir de dados.

 Agora, veremos o gráfico criado com o menu à direita, onde poderemos ver as ferramentas para personalizá-lo.

Usaremos o gráfico de pizza neste exemplo.

Na parte inferior do painel lateral direito, poderemos selecionar a cor de cada campo para que as cores combinem com o tema que estamos usando.

Agora que criamos/personalizamos o gráfico, vamos em Publicar > Adicionar novo para que possamos criar a publicação e adicionar o novo gráfico que criamos.

No editor Gutenberg, procure o bloco “WP Table Manager Chart” e adicione-o à postagem.

Isso abrirá um campo de pesquisa onde você poderá ver todos os gráficos disponíveis.

Como você pode ver, serão exibidas todas as categorias, tabelas e gráficos disponíveis. É por isso que devemos organizar tudo por categorias. Agora, clique no gráfico que deseja adicionar; no nosso caso, é o "Gráfico de População".

Como você pode ver, o código curto será adicionado automaticamente, então você só precisará publicá-lo e tudo estará pronto.

Mas e se quisermos atualizar os dados no gráfico? Devemos criar um novo gráfico? Bem, a resposta é não! Você pode simplesmente editar os dados dentro da tabela e o gráfico será atualizado automaticamente.

Neste exemplo, a população de Tuvalu é de 11.147 habitantes, como você pode ver na imagem. Então, vamos mudar a população para 20.000 e verificar o gráfico novamente.

Agora o gráfico deve estar atualizado, vamos conferir.

E sim, a mágica aconteceu, criamos um gráfico dinâmico que pode ser facilmente alterado apenas modificando os dados dentro da tabela.

Além disso, tabelas de bancos de dados no WordPress

Você também tem a opção de criar tabelas a partir do banco de dados. Essas tabelas serão atualizadas automaticamente quando houver alterações no seu banco de dados. Portanto, se você tiver informações armazenadas no seu banco de dados e quiser criar uma tabela/gráfico com base nelas, basta clicar em + Criar Novo > Tabela de Banco de Dados.

Isso o redirecionará para uma página com todas as tabelas incluídas em seu banco de dados, para que você possa simplesmente selecionar as colunas desejadas, e WP Table Manager criará a tabela automaticamente.

Em seguida, você poderá selecionar as colunas que deseja adicionar à tabela; por exemplo, aqui selecionaremos apenas o tipo de comentário e o e-mail dos autores.

Por fim, selecione o título para cada coluna e adicione as regras para criar a tabela.

Agora, clique em Criar tabela e a tabela será criada automaticamente. Lembre-se de que existem condições que podemos adicionar, por exemplo, mostrar uma variável somente se o e-mail do autor for “Este endereço de e-mail está protegido contra spam. Você precisa ativar o JavaScript para visualizá-lo.”.

Podemos adicionar quantas regras quisermos; basta clicar em "Adicionar" e uma nova caixa será adicionada para definir uma nova regra.

E agora você pode ver como é fácil criar tabelas a partir do banco de dados.

Nosso novo design tornará tudo ainda mais fácil!

Comece a criar tabelas com WP Table Manager

Agora que você sabe como é fácil criar e gerenciar tabelas usando WP Table Manager , o que está esperando? Acesse aqui e adquira sua assinatura para começar a exibir todas essas tabelas da maneira mais profissional.