Como fazer uma tabela de dados online com o WordPress
Existem tabelas do WordPress que ajudam a criar gráficos e tabelas bonitos e eficazes. Tabelas e gráficos ajudam a apresentar dados e informações de maneira fácil de entender e absorver.
Eles tornam a apresentação mais lógica e visualmente mais atraente.
Quando é uma boa ideia usar uma tabela para apresentar informações? Pense em usá-los para as informações de preços de produtos ou serviços.
Use-os para listar funcionários, clientes ou parceiros, juntamente com seus dados correspondentes. Ou que tal estatísticas, equipes e rankings esportivos?
Mas como fazer uma tabela de dados no WordPress? O editor do WordPress é ótimo e útil para muitas coisas.
No entanto, não tem uma função para fazer tabelas. Então, ao fazer um post ou blog, não é fácil inserir uma tabela.
Fazer tabelas no WordPress não é fácil. Especialmente para aqueles que são novos no WordPress ou que não possuem habilidades técnicas.
Um plugin pode ser a resposta. Com um plugin de tabela do WordPress, criar tabelas com aparência profissional é muito fácil.
Por que usar um plug-in de tabela?
Tabelas e gráficos criados com wpDataTables
Com um plugin do WordPress, um usuário pode fazer, ajustar e decorar uma mesa. Em seguida, eles podem inserir a tabela no WordPress e usá-la de várias maneiras.
Fazer tabelas de dados com um plugin é muito mais prático. O resultado é mais profissional e de alta qualidade.
Colocar as informações em forma de tabela torna-as mais compreensíveis. As pessoas gostam de estudar e olhar para eles.
O resultado é que eles passarão mais tempo no site e terão maior probabilidade de retornar. Isso é bom para os negócios!
Claro, este tutorial fará uso abundante de wpDataTables. É incrível ver quantas coisas diferentes esse plugin pode fazer e os resultados profissionais que ele oferece.
Tem toneladas de funcionalidades e recursos. Ele faz muito mais do que fazer tabelas básicas.
Importar grandes conjuntos de dados não é fácil. O wpDataTables possui um recurso que facilita, que está disponível com a versão paga.
Ele pode exportar as tabelas criadas em vários formatos para um post. Pode fazer formatos CSV ou Excel, bem como consultas ODF e MySQL.
Um benefício do wpDataTables é que seu uso não requer experiência ou conhecimento de HTML ou CSS. Há uma página de configurações clara e prática que controla tudo.
Quando todas as configurações estiverem corretas, é apenas uma questão de copiar e colar o shortcode.
Como criar tabelas de dados com o plug-in wpDataTables
É assim que funciona:
O arquivo de origem
Certifique-se de ter o arquivo de origem pronto. A página Configuração da Tabela tem uma guia Fonte de Dados.
Nesta guia, os usuários encontrarão várias configurações. Aqui também é onde definir a fonte de dados.
Isso pode ser:
- consulta MySQL
- Excel
- CSV
- XML
- Planilha do Google
- URL
- Matriz PHP serializada
O exemplo usa um documento do Excel que contém os dados.
Certifique-se de que todos os dados estejam tabulados corretamente. Se não estiver organizado corretamente, o wpDataTables terá dificuldade para ler as colunas da tabela.
Criar uma nova tabela
Para criar uma nova tabela acesse wpDataTables, que fica na parte esquerda do painel do WordPress. Ao clicar nele, aparecerá a tela mostrada acima.
Este é o local onde criar ou adicionar uma nova tabela. Clique no botão Adicionar novo e aparecerá uma tela parecida com a acima.
Agora defina o parâmetro correto da tabela. Os parâmetros definem a aparência da tabela e como ela se comporta.
O próximo subtítulo discute alguns desses recursos.
Defina os recursos da tabela
Existem várias seções na página Configuração da tabela. Estes são os que estão nas três primeiras seções:
- Linhas padrão por página
- Ocultar até carregar
- Bloco de informações
- Limitar largura da tabela
- Paginação
- Alinhamento de paginação
- Layout de paginação
- Capacidade de resposta
- Linhas por página
- Rolagem
- Mostrar título da tabela
- Quebra de linha
Todos os parâmetros são personalizáveis. A tabela de dados resultante pode ser tão complicada quanto desejado.
Depois de definir esses parâmetros, clique em Upload File para selecionar o documento de origem.
Após as três seções discutidas acima, há mais algumas configurações de personalização:
- Responsivo. Essa configuração exibe a tabela de dados de acordo com o dispositivo e o tamanho da tela do visualizador.
- Rolagem. Permite a rolagem horizontal.
- Ocultar a tabela até que a página seja completamente carregada. Uma configuração prática para páginas que carregam lentamente.
- Filtragem avançada. Adiciona um filtro no final de cada coluna.
- Filtre no formulário. Adiciona um filtro no formulário.
- Ferramentas de mesa. Permite a incorporação de funções adicionais. Isso inclui copiar e salvar em Excel ou CSV.
- Habilite a classificação. Adicione uma função de classificação de tabela.
- Layout da tabela de limite. Define o tamanho da tabela para o tamanho do contêiner pai.
- Comprimento de exibição. Define o número de entradas em uma única página.
Há um botão Visualizar que mostra como a tabela ficará. Faça mais ajustes conforme necessário.
Quando todos os parâmetros estiverem corretos e o formulário otimizado, clique no botão Salvar.
No entanto, após salvar, existem opções adicionais. Use-os para tornar a mesa ainda melhor.
O plugin tem algumas configurações padrão que são usadas automaticamente. Essas configurações incluem cor e tipo de filtro.
Classifique os dados por parâmetros como data, hora e texto. Abaixo está um exemplo de tipos de colunas editadas, cores, números e strings.
Salvar e copiar o código de acesso
Não se esqueça de salvar a tabela e clicar em Fechar. O plugin irá direto para a página inicial.
Se tudo deu certo, aparece a tabela recém-criada, junto com o título, tipo e uma opção de duplicação.
Ele também mostrará o shortcode. Copie o código e vá para a página de destino.
Adicionar o código de acesso a uma página ou postagem
Adicionar a tabela a uma página ou postagem agora é muito fácil. Selecione onde ele deve ir e cole o código de acesso no editor da página.
Continue editando a página e otimizando o conteúdo.
Publicar
Quando terminar, clique no botão Publicar. A página e a tabela devem se parecer com o exemplo.
Será perfeito, consistente e alinhado. Os dados na tabela são fáceis de ler e entender.
Os visitantes do site terão a opção de exportar os dados em vários formatos. Eles também podem filtrar os dados no site
Há também uma integração com wpBakery e Elementor. Qualquer tabela criada com wpDataTables é exportável para esses construtores de página.
Como criar tabelas do WordPress sem um plug-in
É possível fazer tabelas do WordPress sem a ajuda de plugins. Este artigo aborda três: como usar o Planilhas Google ou o Documentos Google, o Gerador de Tabelas e o Editor de Blocos.
Usando o Google Docs ou Sheets
Isso começa criando um novo Documentos ou Planilha do Google. Não importa qual.
Este guia pressupõe o uso do Documentos. Após criar o documento:
- Ir para Inserir
- Clique em Tabelas
- Selecione o número de linhas e colunas
- Pressione Enter
- Preencha os dados
- Selecione a tabela
- Copie -o
- Cole -o no editor do WordPress
Com isso, o elemento está pronto para publicação.
A desvantagem deste método é que existem muito poucas opções de personalização. Não tem muitas opções de estilo.
Além disso, as tabelas resultantes não são muito responsivas. Esses tipos de tabelas de dados geralmente são muito difíceis de ler em dispositivos móveis.
Usando geradores de tabela
A codificação básica por trás das tabelas do WordPress é baseada em HTML. Adicionado a isso estão os estilos CSS para torná-los bonitos.
Portanto, criar tabelas de dados sem um plug-in requer alguma codificação e nem todo mundo sabe como fazer isso. Por esse motivo, muitos dependem de plugins e geradores de tabelas online.
Eles criam e compõem uma tabela de dados em um desses geradores para fazer o código HTML para ela. Em seguida, copie e cole o produto no site do WordPress.
Alguns geradores online melhores criam tabelas responsivas que funcionam em diferentes tamanhos de tela. Alguns outros também adicionam estilo, mas geralmente as possibilidades são limitadas.
No entanto, eles são muito úteis. Alguns bons são a Ferramenta Gerador de Tabelas Responsivas e as Tabelas Rápidas.
Criando tabelas no editor de blocos do WordPress
Para fazer isso:
- Faça uma nova postagem ou página ou continue editando uma existente.
- No editor, clique no sinal + para adicionar um novo bloco.
- Clique em Tabela em Formatação. Ou procure-o no campo Procurar um Bloco.
- Escolha o número de colunas e linhas para a tabela. O padrão é 2×2.
- Insira os dados nas células. As células são redimensionadas automaticamente com base no conteúdo.
Ou defina o tamanho da célula para um tamanho específico usando a opção à direita.
- Adicione um cabeçalho e um rodapé na seção de opções à direita. O exemplo mostra uma tabela com um cabeçalho e uma cor de fundo cinza.
Altere a cor na guia Configurações de cores.
Esses três métodos para criar tabelas de dados e usá-las no WordPress funcionam bem. Mas eles também têm muitas limitações.
Por exemplo, não há recursos avançados. Eles não produzem tabelas responsivas e geralmente causam problemas técnicos.
Considerações finais sobre como fazer uma tabela de dados no WordPress
As tabelas são tão úteis para apresentar dados, portanto, sua abundância na web não é surpreendente. Eles melhoram a experiência do usuário e os espectadores podem absorver e entender as informações.
O editor clássico do WordPress não tem a capacidade de criar tabelas. Como fazer uma tabela de dados no WordPress então?
É preciso recorrer ao uso de aplicativos de terceiros. Este artigo mostrou como usar o Google Docs para fazer isso.
Este post também mostrou como usar o plugin wpDataTables. Este plugin pode fazer tabelas bonitas e responsivas.
É o mais fácil de usar e oferece uma grande variedade de recursos que permitem ao usuário fazer a tabela que desejar.
Se você gostou de ler este artigo sobre como fazer uma tabela de dados, confira este sobre fontes de dados.
Também escrevemos sobre alguns assuntos relacionados, como alternativa DataTables, biblioteca de tabelas JavaScript, plugins de tabela WordPress, como criar uma tabela no WordPress sem um plugin, como inserir uma tabela no WordPress, plugins de tabela de preços do WordPress e como criar tabelas estatísticas no WordPress.