WordPress Table Plugin: 5 maneiras rápidas de criar grades incríveis

Um plugin de tabela do WordPress permite apresentar informações em seu site em um formato estruturado. Estranhamente, o WordPress não tem nenhuma função embutida para criar tais telas. Você pode criá-los sem um plug-in, escrevendo seu próprio HTML, mas isso é muito complicado e está acima do conjunto de habilidades da maioria dos proprietários de sites. É muito mais fácil usar uma extensão de boa qualidade.

WordPress Table Plugin

O WordPress torna isso fácil se você usar a extensão certa - você pode exibir rapidamente informações complexas em um formato visual sem qualquer conhecimento técnico. Os melhores plug-ins são compatíveis com dispositivos móveis e permitem que você crie telas totalmente responsivas no WordPress. Isso é muito mais simples do que escrever seu próprio código. Alguns plug-ins de tabela responsivos do WordPress até permitem que você controle como as linhas e colunas se comportam em diferentes tamanhos de tela.

Este artigo da CollectiveRay o orientará no processo de escolha do produto certo para você. Primeiro, vamos ajudá-lo a escolher o produto certo com base em seus requisitos específicos. Em seguida, forneceremos instruções detalhadas sobre como criar seu conteúdo em diferentes formatos usando 5 opções diferentes.

Leia mais posts sobre plug-ins do WordPress clicando no menu acima.

Qual plugin de tabela do WordPress?

Escolher o melhor plugin de tabela para WordPress requer um pouco de reflexão. Existem muitas opções boas por aí - você precisa escolher aquela que melhor se adapta às suas necessidades. Primeiro, escreva uma lista de todos os recursos de que você precisa. Pense sobre:

  • Tipo de conteúdo - Você deseja exibir informações estáticas ou dinâmicas do seu site? Por exemplo, você adicionará os dados manualmente? Ou você deseja listar postagens, páginas ou outros itens do seu site WordPress, ou mesmo produtos WooCommerce?
  • Receptividade - O seu site usa um tema WordPress responsivo? Se o seu site geral é responsivo, você também precisa de recursos responsivos - caso contrário, a grade será interrompida em celulares e telas menores.
  • Design - Você tem algum requisito específico para o projeto de suas redes? No mínimo, você desejará ter certeza de que o conteúdo herda os estilos do seu tema para que as fontes, cores etc. na grade correspondam ao resto do seu site. Alguns plug-ins de tabela do WordPress também incluem opções de estilo extras.
  • Flexibilidade - Quanto controle você deseja sobre como as linhas e colunas funcionam?
  • Suporte HTML - Você precisa exibir dados formatados na grade, como códigos de acesso, ícones, botões ou links?
  • Conteúdo multimídia - Você exibirá texto simples? Ou você deseja adicionar imagens, arquivos de áudio ou vídeo incorporados, listas de reprodução de mídia ou outras informações especiais?
  • Compatibilidade de plug-in - O conteúdo da grade precisa ser integrado a algum outro plug-in do WordPress em seu site? Por exemplo, você deseja exibir informações de outras extensões, como WooCommerce ou Calendário de eventos em uma grade?
  • Recursos extras - Escreva uma lista de todos os recursos extras de que você precisa. Os dados precisam ser classificáveis, por exemplo, clicando nos cabeçalhos das colunas? Ele precisa de uma caixa de pesquisa? Você precisa adicionar várias grades ao seu site ou apenas uma? Se você tem muitos dados, precisa ser capaz de dividir as informações em várias páginas? Você precisa adicionar filtros em uma lista suspensa acima da tela?

De posse dessa lista, você pode olhar os produtos apresentados neste artigo e escolher qual é o certo para o seu site.

Qual plug-in de tabela do WordPress responsivo?

Os melhores plug-ins de tabela do WordPress responsivos são:

Existem muitos produtos bons com recursos semelhantes ao TablePress, incluindo Easytable, wpDataTables e UltimateTables.

No entanto, pensamos que o TablePress é o vencedor claro, por isso este é o único plugin de grade estática que estamos apresentando neste artigo. Os outros produtos neste artigo funcionam de maneiras diferentes, então isso lhe dará uma boa seleção para escolher, quaisquer que sejam seus requisitos.

TablePress - Exibir dados estáticos em uma grade

TablePress

O TablePress é de longe o produto mais popular, por isso merece ser apresentado em primeiro lugar nesta lista. O versão gratuita tem mais de 400,000 usuários ativos.

Se você precisar de mais recursos, vários extensões premium Estão disponíveis. É uma pena que a versão gratuita do TablePress não inclua recursos responsivos, mas está disponível como um add-on pago.

Além dessa leve queixa, recomendamos isso para qualquer pessoa que deseja exibir informações estáticas em uma grade. O TablePress facilita a criação de conteúdo em forma de grade para o seu site. Ele fornece uma interface simples em estilo de planilha onde você pode inserir os dados.

Você também pode importá-lo do Excel se estiver procurando por um WordPress - plugin de tabelas do Excel. Depois de adicionar os dados, o TablePress os converte instantaneamente em linhas e colunas. TablePress é baseado no jQuery DataTables plugin, que fornece muitas funcionalidades interativas, como uma caixa de pesquisa e cabeçalhos de coluna clicáveis.

Os criadores do TablePress o expandiram em um produto completo que permite armazenar informações estáticas em uma visualização amigável.

Como formatar seu conteúdo com TablePress:

  1. Faça login em seu painel do WordPress e vá para Plugins> Adicionar Novo.
  2. Procurar por 'TablePress' e instale e ative-o.
  3. Você verá um novo 'TablePress' link aparece no lado esquerdo do administrador do WordPress. Clique aqui para começar a criar seu display. Você pode fazer isso seguindo as instruções simples na tela ou usar o documentação para mais orientações.
  4. Depois de adicionar os dados, você pode adicioná-los a qualquer página, postagem ou widget inserindo um código de acesso. Deve estar no formato: [id da tabela = /] -Substitua o texto entre o <-> com o ID do conteúdo que você acabou de criar.

O estilo da tela será tirado do seu tema sempre que possível, por exemplo, para combinar as fontes e cores. Há uma caixa CSS personalizada que permite adicionar qualquer código personalizado para estilizar ainda mais seu conteúdo usando o plug-in, mas a maioria das pessoas não precisará disso.

Tabela de postagens com pesquisa e classificação - Exibir postagens de blog em uma grade

Tabela de postagens com pesquisa e classificação

Tabela de postagens com pesquisa e classificação é outro plugin de tabela WordPress responsivo gratuito.

Ele cria conteúdo dinâmico sem que você precise inserir nenhum dado - especificamente, suas postagens de blog do WordPress. Ele atende a um mercado diferente de produtos de conteúdo estático, como o TablePress, e é ideal para criar um índice de postagens em seu site. É ridiculamente fácil de usar e muito mais simples do que listar manualmente as postagens do seu blog.

Como o TablePress, é uma versão WordPress do plugin jQuery DataTable. Isso significa que os formatos criados por ambos os produtos parecem bastante semelhantes e têm recursos interativos semelhantes, como pesquisa e classificação. No entanto, ao contrário do TablePress, a versão gratuita desta extensão é totalmente responsiva e compatível com dispositivos móveis.

Como criar conteúdo usando a tabela de postagens com Search & Sort:

  1. Faça login em seu painel do WordPress e vá para Plugins> Adicionar Novo.
  2. Procurar por 'Tabela de Postagens com Pesquisa e Classificação' e instalar e ativar.
  3. Adicione o shortcode [posts_data_table] a qualquer página, postagem ou widget.

E é isso! O produto criará automaticamente uma grade responsiva listando todas as postagens do seu blog. Leva o estilo do seu tema para que as fontes e cores combinem com o resto do seu site e tenham uma aparência profissional. O conteúdo padrão tem a maioria dos recursos de que você precisa, como caixa de pesquisa, cabeçalhos de coluna classificáveis ​​e a capacidade de filtrar por categoria ou tag. Você pode configurar ainda mais o conteúdo usando as opções em a página do plugin. Por exemplo, você pode escolher quais colunas são exibidas, quantas postagens aparecem por página antes que os botões de paginação apareçam na parte inferior, a ordem de classificação e muito mais.

Há também uma versão Posts Table Pro, que discutiremos mais adiante.

Tabela de Postagens Pro - Exibir postagens, páginas e tipos de postagem personalizados em uma grade

Plugin WordPress da Tabela de Postagens

Tabela de Postagens Pro é a versão premium do PT com Search & Sort.

É muito mais sofisticado do que a versão gratuita e permite exibir diferentes tipos de conteúdo - não apenas postagens de blog.

Você pode criar páginas de listagem de conteúdo a partir do seu site, arquivos de mídia ou qualquer um dos seus tipos de postagem personalizados. Se você pensar criativamente sobre como essa extensão pode ser usada, ficará surpreso com os diferentes tipos de grades que pode criar.

Isso ocorre porque os tipos de postagem personalizados são usados ​​para armazenar muitos tipos diferentes de informações no WordPress. Se o seu site usa tipos de postagem personalizados para armazenar postagens de portfólio, depoimentos, estudos de caso, arquivos de áudio, documentos, vídeos, listas de reprodução de mídia, eventos de uma extensão de eventos, produtos de um produto de comércio eletrônico, imóveis Propriedades ou outra coisa, você pode exibir essas informações em uma grade pesquisável e classificável.

Isso significa que esta versão do produto tem muito mais usos possíveis do que o plug-in gratuito. Como regra geral, recomendamos que se você deseja criar uma grade exibindo informações armazenadas em seu site, é melhor fazer isso dinamicamente usando o Posts Table Pro. Muitas pessoas fazem isso manualmente usando soluções de conteúdo estático como o TablePress, sem perceber que poderiam economizar tempo fazendo isso automaticamente.

Como criar conteúdo com Tabela de Postagens Pro:

  1. Primeiro, você precisa compre o plugin. Baixe os arquivos e copie sua chave de licença.
  2. Faça login em seu painel do WordPress e vá para Plugins> Adicionar Novo.
  3. Faça upload dos arquivos e ative-o.
  4. Acesse WooCommerce> PostsTablePro e insira sua chave de licença.
  5. Adicione o shortcode em qualquer página, postagem ou widget: [posts_table]. O produto criará instantaneamente uma tabela responsiva listando todos os seus posts WordPress.

Você pode usar o plugin documentação para configurar suas linhas e colunas - por exemplo, para mostrar páginas ou um tipo de postagem personalizada em vez de postagens padrão.

Isso explica como selecionar o tipo de postagem a ser exibido na grade. Ele também informa como controlar vários elementos da grade, como quais colunas são exibidas e a ordem de classificação padrão e como o conteúdo responsivo se comporta em tamanhos de tela menores.

Existem muitas opções e a documentação é muito abrangente, portanto, leia com atenção e planeje a melhor maneira de criar seu conteúdo dinâmico.

(Se você está procurando o melhor negócio, Clique no link abaixo pelo menor preço até Junho 2021)

Visite o site para baixar o Posts Table Pro

Tabela de produtos do WooCommerce - Exibir produtos em uma visão de grade

Tabela de produtos do WooCommerce

Tabela de produtos do WooCommerce é a versão específica do WooCommerce do PT Pro.

Ele merece sua própria menção por causa da popularidade do WooCommerce, já que é o único item que permite exibir produtos em uma exibição interativa em estilo de grade. Mais de 30% de TODOS os sites de comércio eletrônico em todo o mundo são executados no WooCommerce.

Isso significa que muitas pessoas precisam exibir os dados do WooCommerce em linhas e colunas para ter uma boa maneira de comparar vários itens que estão à venda.

Em vez de criar suas grades WooCommerce manualmente, este produto cria linhas e colunas responsivas instantâneas contendo dados sobre seus produtos. Ele suporta todos os dados principais do WooCommerce, como imagem em destaque, nome do produto, descrição curta, descrição longa, categorias, tags, status do estoque, atributos do produto, avaliações, etc. Ele também apresenta conteúdo multimídia como vídeo, áudio e listas de reprodução incorporadas.

Você pode usar este plug-in como uma alternativa à visualização de categoria tradicional (popular em catálogos online e sites de atacado). Você pode até mesmo usá-lo como um formulário de pedido completo de uma página, com os botões 'Adicionar ao carrinho' diretamente no conteúdo.

Como criar conteúdo com a Tabela de produtos WooCommerce:

  1. Primeiro, você precisa compre o plugin. Baixe os arquivos e copie sua chave de licença.
  2. Faça login em seu painel do WordPress e vá para Plugins> Adicionar Novo.
  3. Faça upload do produto e ative-o.
  4. Acesse WooCommerce> Configurações> Produtos> Tabela de produtos, insira a chave de licença e clique em Salvar alterações.
  5. Adicione o shortcode em qualquer página, postagem ou widget: [product_table]. Isso criará seu conteúdo instantaneamente, listando todos os seus produtos WooCommerce.

Se quiser alterar o conteúdo padrão, você pode usar o documentação para configurar o shortcode de maneiras mais avançadas.

Existem muitas opções - você pode incluir ou excluir produtos de categorias ou tags específicas, controlar quais colunas são exibidas e como são chamadas, quais colunas contêm links, alterar a ordem de classificação e muito mais. As grades de produtos WooCommerce respondem automaticamente. Você pode usar a documentação para controlar ainda mais como o conteúdo se comporta em celulares.

Por exemplo, você pode alterar os pontos de interrupção e escolher quais colunas têm prioridade em tamanhos de tela pequenos.

(Procurando o preço mais baixo? Temos o preço mais baixo dos fornecedores deste plug-in, até Junho 2021 - clique no link abaixo agora para obter o melhor preço).

Visite a tabela de produtos WooCoomerce

ir Preços - Crie exibições de preços responsivas

ir Preços

ir Preços é o melhor produto de tabela de preços do WordPress.

Existem bons plug-ins de preços gratuitos, como Fácil tabelas de preços, mas temos que recomendar os preços do Go por causa do grande número de estilos integrados.

O preço Go é usado em mais de 24,000 sites e vem com 250 designs de preços à sua escolha. Isso facilita a criação de comparações de preços atraentes que se integram perfeitamente ao restante do seu site.

A interface é fácil de usar e você pode visualizar suas alterações antes de colocá-las ao vivo. É compatível com produtos populares, como Visual Composer e você pode adicionar quantas exibições de preços desejar ao seu site. Você pode até adicionar botões do PayPal diretamente em seu preço. As grades de preços são totalmente responsivas e o desenvolvedor pensou cuidadosamente sobre a melhor maneira de criar tabelas de preços fantásticas em dispositivos móveis.

Como mostrar seus vários níveis de preços com os preços Go:

  1. Primeiro, você precisa comprar o ir Preços plugin.
  2. Baixe os arquivos.
  3. Faça login em seu painel do WordPress e vá para Plugins> Adicionar Novo.
  4. Faça o upload e ative-o.
  5. Use o documentação para criar seu preço. O produto oferece vários métodos, como importar um dos designs de preços de demonstração ou criar o seu próprio do zero.

 

Confira a demonstração das tabelas de preços do Go

Qual plugin de tabela do WordPress você usará?

Esperamos que esta lista de plug-ins de tabela de preços do WordPress responsivos seja útil. Tentamos cobrir diferentes tipos de produtos para que você possa encontrar a solução certa, seja para exibir informações estáticas, preços, postagens, páginas, produtos ou qualquer outra coisa. Por último, mas não menos importante - ficaríamos muito felizes se você compartilhasse este artigo com seus grupos de web design favoritos e com qualquer pessoa que gostaria de adicionar este tipo de conteúdo ao seu próprio site.

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...