Portanto, você tem muitos dados que deseja apresentar aos seus leitores. Usar tabelas parece a escolha óbvia, certo? O problema é que as tabelas não são suportadas pelo editor visual clássico do WordPress. A solução ? Plugins é claro!

Neste artigo, abordarei os seguintes pontos:

  • Por que as tabelas são um problema com o WordPress.
  • O que faz um ótimo plugin de tabela do WordPress.
  • Uma revisão dos melhores plugins de tabela do WordPress.
  • Qual plugin você deve escolher para adicionar tabelas ao WordPress - nossa escolha recomendada.

Por que nem todos os usuários do WordPress gostam de tabelas

Uma das coisas boas sobre a criação de conteúdo no WordPress é que quase tudo o que você pode fazer em um software de processamento de texto (por exemplo, estilizar texto, adicionar caracteres especiais, incorporar imagens) pode ser feito. diretamente do editor do WordPress.

O único tipo de recurso que ainda não foi traduzido para o WordPress, entretanto, é o design de mesa.

Embora uma tabela não seja necessariamente um recurso comum usado em web design, é um elemento básico o suficiente que seria ótimo para ser incluído nas configurações do editor por padrão.

Pensando bem, parece um pouco estranho que o WordPress não tivesse suporte de mesa integrado até o lançamento doEditor de Gutenberg e seu bloco de tabela padrão.

Talvez tenha sido parte desse esforço inicial para manter o aplicativo o mais simples possível, ou talvez a ideia fosse que, se uma postagem precisasse de uma tabela, seria muito fácil mudar para o modo de texto e adicionar HTML na mão .

Exemplo da tabela W3
Adicionar tabelas ao WordPress manualmente pode ser uma dor.

Adicionar uma tabela manualmente é, obviamente, sempre uma opção, mas é tedioso, trabalhoso e sujeito a erros.

Existem opções muito melhores disponíveis para usuários do WordPress.

Eles são chamados de plug-ins 🙂

Não é de surpreender que vários plug-ins estejam disponíveis para ajudar os usuários a adicionar tabelas ao WordPress.

Os desenvolvedores de plug-ins e temas reconheceram a necessidade de melhorar o design de tabelas HTML no WordPress, especialmente quando as empresas estão procurando maneiras melhores de transmitir informações complexas aos usuários e exibir tabelas e gráficos com aparência profissional no seu site.

Portanto, agora temos uma infinidade de plug-ins leves e ferramentas de criação de sites equipados com recursos de criação de tabelas.

Mas, qual plugin de tabela do WordPress você deve usar para o seu site?

Bem, é claro, isso depende de suas necessidades.

Por exemplo:

  • Você planeja usar tabelas extensivamente em seu conteúdo ou apenas ocasionalmente?
  • Você apresenta informações simples ou complexas em suas tabelas?
  • Você vai adicionar o conteúdo às tabelas por conta própria ou importar dados da tabela de outras fontes?
  • Com que frequência você precisará atualizar as informações da tabela?
  • Suas tabelas conterão apenas algumas colunas e linhas de dados ou várias centenas ou mesmo milhares de entradas?

O que torna um plug-in de tabela WordPress excelente?

Para ajudá-lo a escolher o melhor plug-in para criar e adicionar tabelas às suas postagens e páginas, compilei uma lista de plug-ins de tabela do WordPress atualmente suportados e examinei os seguintes critérios para cada um dos plug-ins listados:

  • Visualmente atraente
  • Amigo do usuário
  • Sensível
  • Pronto para Gutenberg
  • Recursos adicionais

Quem quer assistir a mesas chatas?

As tabelas podem ser usadas por vários motivos no WordPress.

  • Eles exibem dados para apoiar a pesquisa ou o tópico discutido na página.
  • Eles listam as especificações do produto que podem ser muito longas, complicadas ou difíceis de entender quando escritas em texto simples ou mesmo com marcadores.
  • Eles dividem as ofertas de serviço lado a lado, destacando as principais características, bem como os preços de cada uma.
  • Eles comparam produtos e outros itens semelhantes lado a lado para ajudar os visitantes no processo de tomada de decisão.
  • Eles permitem que os visitantes façam seus próprios cálculos (o que pode ser uma tática de vendas realmente inteligente).

Não há dúvida de que o uso de tabelas é uma forma eficaz de apresentar informações complexas.

Mas se suas tabelas forem chatas, você só tornará as coisas mais difíceis para os visitantes do seu site.

Tudo o que você decide fazer com as tabelas no WordPress, seu objetivo deve ser fazê-lo da maneira mais atraente possível.

Dados e listas de especificações longas nem sempre são as coisas mais interessantes de se ler (é por isso que as imagens desempenham um papel tão importante no design da web atualmente), então suas tabelas precisam de mais do que apenas a coisa certa. processamento chato do Excel.

Tabela do Excel

Você não precisa criar uma arte revolucionária com suas tabelas, mas pelo amor de Deus, vamos dar aos olhos de todos algo divertido de se olhar e fazer do tempo que passam no seu site uma experiência positiva para o usuário. .

Exemplo de mesa muito cheia

Então, o primeiro critério que examinaremos ao comparar os plugins de tabela do WordPress é: o plug-in gera tabelas bonitas?

As tabelas podem fornecer informações et ser visualmente atraente para os usuários também?

Quais opções ele oferece para projetar e personalizar tabelas no WordPress?

Testarei esse critério criando e denominando uma matriz usando as configurações padrão do plug-in.

Você não deve ser um programador para adicionar dados a tabelas e tabelas no WordPress

Se você precisar aprender a escrever código para adicionar dados a tabelas e inserir tabelas no conteúdo do WordPress, é melhor voltar ao método manual.

Empresas de todos os tipos precisam adicionar tabelas ao seu conteúdo e a última coisa de que precisam é de alguém dizendo que precisam aprender HTML e PHP para postar dados de tabelas em seus sites.

E eles estão absolutamente certos também!

Os plug-ins de tabelas do WordPress devem ser amigáveis ​​o suficiente para permitir que os usuários finais façam o download e preencham facilmente os dados da tabela a partir de uma planilha (por exemplo, Excel ou Planilha Google).

Ou adicione e edite manualmente os dados nas colunas e linhas da tabela a partir de uma interface visual. E insira suas tabelas onde quiserem em seu conteúdo usando códigos de acesso ou widgets.

Testarei a usabilidade do plug-in importando um arquivo CSV de demonstração com várias colunas e mais de 8 linhas de dados.

Os usuários não podem visualizar seus painéis em seus dispositivos móveis ... O que há de errado com esta imagem?

Você ainda precisa de links para artigos sobre estatísticas de uso de celular estar convencido de que todos e suas avós (e todos os vizinhos da avó) estão gastando mais tempo acessando informações online usando dispositivos móveis em vez de grandes telas desajeitadas?

Não deveríamos nem escrever análises de plugins e temas do WordPress que incluam frases como “… E um ótimo recurso deste plugin / tema é que ele é responsivo a dispositivos móveis e funciona em todos os navegadores…” .

Se os usuários não puderem exibir tabelas em seus dispositivos móveis, rolando, arrastando ou clicando ou pressionando para expandir os dados, você não deve usar este plugin para exibir tabelas no WordPress (porque este plugin não vai demorar muito mais!)

Portanto, o que estamos procurando em nossa lista dos melhores plug-ins de tabela do WordPress é a capacidade de resposta do plug-in nos dispositivos móveis dos usuários.

Tabela não responsiva html

Se não estiver pronto para Gutenberg, não é bom !!!

Gutenberg é o futuro do WordPress. Não há mais debate a fazer sobre isso.

Se você ou seus clientes planejam adicionar tabelas ao conteúdo do WordPress usando plug-ins, construtores visuais ou até mesmo temas (por exemplo, tabelas de preços), deve haver suporte integrado para isso. Editor Gutenberg.WordPress Gutenberg agora suporta tabelas, então todos os plug-ins de tabelas do WordPress devem fazer isso também!

Aqui estão os melhores plugins de tabela do WordPress para escolher

Com os critérios acima em mente, vamos dar uma olhada nos melhores plug-ins do WordPress que podem ajudá-lo a criar tabelas para seus posts e páginas.

Visualizador: Gerenciador de tabelas e gráficos para WordPress

Tabela wordpress do plugin do Visualizer

Visualizar é um plugin gratuito para WordPress que permite criar e gerenciar tabelas interativas (e responsivas) para suas postagens e páginas. Também pode ajudá-lo a criar gráficos animados, diagramas, etc.

Como são as tabelas?

Crie uma tabela com o visualizador

Aqui está a tabela que criei usando o Visualizer importando o arquivo de demonstração CSV e configurando algumas opções básicas de estilo nas configurações do plugin: Tabela de demonstração do Visualizer

É amigável?

Este plugin permite que você crie e adicione um número ilimitado de tabelas e gráficos ao seu conteúdo. As tabelas e gráficos podem ser facilmente adicionados ao conteúdo através do editor WordPress clássico ou ao Gutenberg através de seu próprio bloco personalizado. Ele também permite que você edite manualmente os dados em seus gráficos e tabelas - bem como importe dados de URL, arquivo CSV ou planilha do Google. Se isso não for suficiente, você também pode personalizar o design e o comportamento de suas tabelas e gráficos.

É reativo?

Teste responsivo do visualizador

Você pode optar por tornar as tabelas individuais responsivas ou não ativando ou desativando a função responsiva nas configurações do gráfico. Isso é o que os usuários móveis verão ao visualizar uma tabela criada usando o Visualizer ( Modelo baseado em exibição do personalizador de tema WordPress). O plug-in integra diferentes animações e tecnologias responsivas, como API de visualização do Google, DataTables.net e ChartJS. Ele também oferece suporte a compatibilidade entre navegadores e portabilidade multiplataforma para iOS e Android.

É compatível com Gutenberg?

Visualizador de compatibilidade Gutenberg

Você pode adicionar tabelas e gráficos interativos a postagens e páginas do WordPress usando o bloco Visualizer Gutenberg, depois de fazer isso, você pode configurar várias opções nas configurações de bloco personalizado. Isso inclui configurações de tabela, célula, linha e coluna, e você tem a opção de adicionar ações de front-end aos usuários, como permitir que eles imprimam, exportem ou copiem dados de seu bloco table.Visualizer Gutenberg.

Informações adicionais sobre plug-ins

A versão gratuita inclui 8 tipos de gráficos integrados (gráfico de tabela, gráfico de linha, gráfico de área, gráfico de barra, gráfico de coluna, gráfico de pizza, gráfico geográfico e gráfico de dispersão). A versão pro oferece 6 tipos e opções de gráficos adicionais, bem como permite importar dados de outros gráficos usando um editor ativo.

Ele também permite que você faça coisas como: sincronizar automaticamente tabelas e gráficos com arquivos on-line, criar gráficos privados, permitir que os usuários editem gráficos etc.

No geral, este é um ótimo plugin para instalar se você planeja usar tabelas e gráficos extensivamente em seu site e deseja controle total sobre o design e a apresentação de seus dados.

Notas de teste

Inicialmente, tive problemas para importar dados da tabela de um arquivo CSV, até que percebi que a tabela precisa ser formatada com a primeira linha contendo os cabeçalhos das colunas e a segunda linha contendo o tipo de série (string, número, booleano, data, data e hora, hora do dia). Depois de reformatar o arquivo CSV corretamente, o download está correto. Interessado no Visualizer: Tabelas e gráficos Gerente para WordPress?

MAIS INFORMAÇÕES

TablePress

Mesa de imprensa Wordpress

TablePress é um plugin gratuito para WordPress que permite criar e gerenciar facilmente tabelas em seu site contendo qualquer tipo de dados. De números, textos e imagens a links e até fórmulas matemáticas.

Como são as tabelas?

Vamos adicionar um exemplo de tabela tablepress

Aqui está a tabela que criei usando o TablePress importando o arquivo de demonstração CSV, existem apenas algumas opções disponíveis para configurar o estilo de suas tabelas sem usar CSS personalizado: Tabela de demonstração criada usando ajuda para o plugin TablePress.

A tabela acima mostra algumas das funcionalidades da biblioteca JavaScript do DataTables nas configurações do plug-in ativado (por exemplo, classificação, filtragem, paginação e pesquisa). O tamanho das colunas parece ser determinado pelos dados da célula, o que torna os títulos das colunas de dados estreitas pouco atraentes.

No entanto, o plug-in fornece um campo "Pedidos personalizados" onde parâmetros adicionais da documentação do DataTables podem ser adicionados à chamada JS. Isso significa que usuários avançados podem editar e personalizar ainda mais a tabela.

É amigável?

TablePress é muito simples e fácil de usar. O plugin adiciona sua própria seção de interface de administração ao menu principal, onde você pode criar e editar tabelas e, em seguida, inserir os dados da tabela em um construtor de tabela visual (em vez de um post), permitindo que você coloque atualize todas as instâncias da tabela em seu site.

As funções adicionais de edição de tabela incluem: copiar / duplicar e excluir tabelas, e classificar os dados da tabela arrastando e soltando. Quando terminar de criar sua tabela, use um código de acesso simples (ou função de modelo) para adicionar uma tabela a postagens, páginas ou widgets de texto do WordPress. Este shortcode permite que você use a mesma tabela em múltiplas páginas. O plugin se integra com o plugin Data Tables jQuery, então você pode habilitar recursos como classificação ao vivo, paginação, pesquisa, rolagem horizontal, etc.

Você também pode adicionar e remover facilmente novas colunas e linhas e incluir células conectadas / combinadas em sua estrutura de tabela. Por fim, há a opção de exportar e importar tabelas individualmente ou em massa para compartilhar entre sites As tabelas podem ser importadas de arquivos Excel (.xls e .xlsx), CSV, HTML ou JSON e exportadas / salvas / salvas na maioria desses formatos.

Como também mencionado, o TablePress oferece algumas opções básicas de design na área de configurações, como ativar a primeira e a última linha para ser a linha de cabeçalho e rodapé da mesa, alternando cores de fundo delinear as linhas, destacando as linhas (quando você passa o mouse sobre o mouse) e exibindo o nome e a descrição da tabela acima ou abaixo da tabela. Essas são praticamente todas as opções que você tem, a menos que escolha estilizar suas tabelas usando CSS.

É reativo?

Exemplo de wordpress de tema reativo

As tabelas criadas usando o TablePress são apenas "responsivas" no sentido técnico, pois serão redimensionadas conforme você redimensiona seu navegador. Elas não são responsivas "móveis" porque tudo que a tabela faz está tentando juntar tudo, criando uma tabela parecida com esta: Isso é o que os usuários móveis podem esperar ver ao visualizar as tabelas criadas usando o TablePress (maquete com base no Exibição do personalizador de tema WordPress).

É compatível com Gutenberg?

O TablePress não tem seu próprio bloco Gutenberg personalizado. Se você estiver criando posts ou páginas usando o editor Gutenberg, você precisará copiar e colar o shortcode gerado pelo plugin em um bloco Shortcode. Cole seu shortcode TablePress em um bloco de shortcode para exibir as tabelas no ajuda de Gutenberg.

Informações adicionais sobre plug-ins

Com mais de 800 instalações ativas, o TablePress é um dos plug-ins de tabela mais populares disponíveis para WordPress. Se você planeja adicionar várias instâncias da mesma tabela a diferentes postagens, páginas ou áreas de seu site, ou se você só precisa adicionar tabelas básicas ao seu conteúdo usando uma implementação de estilo CSV simples - vale a pena baixar e ler o TablePress. Doe para o desenvolvedor do plugin e esperamos que este plugin continue a funcionar. 'melhorar.

Notas de teste

Descobri que a maneira mais fácil de atualizar os dados da tabela no TablePress é criar e exportar sua tabela (por exemplo, como um arquivo CSV) e editar o arquivo diretamente e, quando terminar, basta reenviar e sobrescrever sua tabela existente usando a função de importação, no entanto, ao testar este plugin, cometi o erro de importar meu arquivo de demonstração primeiro CSV (com 8 linhas de dados) Então tive que rolar a página dolorosamente para baixo e esperar que milhares de linhas carregassem na minha tela antes de poder acessar a seção de configurações da tabela, que está sob o gerador Esse processo teria sido muito mais fácil e rápido se eu tivesse seguido meu próprio conselho e criado uma nova tabela primeiro, configurado as configurações e, em seguida, importado o arquivo CSV grande - sobrescrevendo a tabela em branco recém-criada. TablePress?

MAIS INFORMAÇÕES

Ninja Tables

Mesa Ninja Wordpress

Mesas Ninja permite que você crie, gerencie e personalize tabelas de dados no WordPress com uma variedade de opções de estilo integradas. Você também pode importar tabelas grandes e até mesmo tabelas criadas usando alguns dos outros plug-ins discutidos neste artigo.

Como são as tabelas?

Exemplo de wordpress de mesa ninja

Embora este plugin tenha muitos recursos de personalização, a versão gratuita oferece apenas opções de design limitadas. Tabela de demonstração criada usando Tabelas Ninja.

Se você quiser tirar proveito de todos os recursos de personalização do plug-in, considere atualizar para a versão Pro. NinjaTables permite que você crie e adicione tabelas impressionantes ao seu conteúdo no WordPress.

É amigável?

Eu apenas testei a versão gratuita deste plugin. A interface do plugin parece muito fácil e amigável, mas você só pode obter as coisas boas atualizando para a versão Pro, no entanto, eu fui capaz de criar uma tabela manualmente e importar dados do meu arquivo CSV de demonstração sem problemas. .

É reativo?

Ninja mesa simpática wordpress

As tabelas criadas usando NinjaTables são redimensionadas com seu navegador e são responsivas a dispositivos móveis. Como os usuários podem esperar para visualizar tabelas criadas usando NinjaTables (Maquete feita usando a tela do personalizador de tema WordPress.)

Um recurso interessante desse plug-in é a capacidade de definir diferentes pontos de interrupção responsivos para especificar como as colunas da sua tabela devem ficar quando visualizadas em diferentes dispositivos.

Por exemplo, você pode desejar que os dados de várias colunas fiquem inicialmente ocultos atrás de um símbolo de adição ('+') quando visualizados em um dispositivo móvel. em dispositivos diferentes.

É compatível com Gutenberg?

Bloco de mesa ninja Gutenberg

O Ninja Tables adiciona um bloco Gutenberg personalizado que permite selecionar sua tabela em um menu suspenso e fornece um campo "Avançado" para adicionar CSS.

Informações adicionais sobre plug-ins

Embora eu só tenha testado a versão gratuita deste plugin, o Ninja Tables parece fácil de usar e oferece um controle preciso sobre as configurações de coluna e inserção de dados. Você pode editar / editar em massa, excluir e duplique linhas de dados e classifique os dados em sua tabela arrastando e soltando.

Conforme mencionado, com a versão Pro você obtém muito mais. Estamos falando de recursos como padrões globais para suas tabelas e outras opções úteis, como permitir que os usuários filtrem, pesquisem e classifiquem as tabelas.

O plug-in também oferece acesso a recursos de personalização avançados, como estilo CSS, configuração da largura máxima da coluna, formatação condicional da coluna - bem como a capacidade de exibir planilhas do Google como tabelas na integração WordPress e WooCommerce.

Notas de teste

Um aspecto decepcionante desse plug-in é que você precisa atualizar para a versão Pro para acessar os recursos que outros plug-ins oferecem em suas versões gratuitas. Como a capacidade de adicionar mídia às células da tabela, usar cores, alinhar texto, mesclar células, especificar pontos de interrupção de paginação, etc. Em uma nota positiva, parece que a um plugin muito bom e a julgar pelos comentários os usuários parecem muito felizes com a funcionalidade do plugin. Interessado em tabelas Ninja?

MAIS INFORMAÇÕES

Espero que esta informação ajude você a escolher o melhor plugin de tabela WordPress para seus sites (ou de nossos clientes). Encontre o plugin certo que te dá mais alegria e em breve você estará dançando nas mesas também!

0 ações
ação
chilrear
Enregistrer