Ir para o conteúdo principal

Como criar uma ferramenta de visualização gráfica no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Deseja adicionar barras e gráficos no WordPress? Recursos visuais, como gráficos, barras, gráficos de pizza são uma maneira ideal de apresentar melhor os dados em seus artigos / páginas.

Neste tutorial, mostraremos como criar barras e gráficos com o plugin Gráficos Visualizer WordPress WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog

Então, voltemos ao porquê de estarmos aqui.

O problema com barras e gráficos no WordPress

Existem muitos plugins do WordPress para adicionar barras e gráficos ao seu conteúdo. No entanto, a maioria dos usuários considera essas ferramentas difíceis de usar.

Descubra nosso 8 WordPress plugins para criar diagramas no seu site

Alguns desses plugins ainda exigem que os usuários adicionem dados dentro de um shortcode em formatos muito complicados de lembrar.

Em vez de usar esses plug-ins, muitos usuários acabam criando gráficos em seus aplicativos de desktop e convertendo-os em imagens.

Pode funcionar se você não planeja alterar nada. No entanto, uma imagem não pode substituir um gráfico interativo em que a carga aparece quando o usuário move o mouse sobre uma seção específica.

O uso de gráficos permitirá:

  • Adicione dados de uma fonte de dados no seu computador ou na web.
  • Preencha gráficos, diagramas e barras com seus dados.
  • Crie ótimos gráficos interativos, coloridos e responsivos.
  • Mais importante, ele deve permitir que você atualize os dados sempre que quiser.

Dito isso, vamos ver como o Visualizer WordPress Charts ajuda você a chegar lá.

Como criar gráficos com gráficos do Visualizer WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin Gráficos Visualizer WordPress. Para mais detalhes, consulte o nosso guia passo a passo passo sobre como instalar um plugin do WordPress.

Embora a versão gratuita não faça tudo o que você precisa, os desenvolvedores deste plugin também oferecem Visualizer WordPress Pro Charts que adiciona recursos adicionais, como adicionar dados usando uma planilha como interface e importar dados de outras fontes.

Custa 79 $ para uma única licença com um ano de suporte ao cliente e atualizações regular

Observação: Este tutorial é baseado na versão livre do plugin.

Após a ativação, você deve visitar a página " Mídia> Biblioteca do Visualizer ". É aqui que todos os gráficos serão exibidos.

Plugin WordPress para ver gráfico

Você deve clicar no botão « Adicionar Para adicionar seu primeiro gráfico.

Isso abrirá uma janela na tela. Você verá diferentes tipos de gráficos disponíveis. Basta selecionar o tipo de gráfico que você deseja adicionar e clicar no botão a seguir para continuar.

Descubra também Como adicionar mapas interativos ao seu site WordPress

lista de gráficos para WordPress

O próximo passo é adicionar sua fonte de dados no formato CSV. Se você salvou seus dados usando uma planilha do Excel, uma planilha do Google ou qualquer outro programa, basta exportá-los como um arquivo CSV.

Descubra também Como usar o plugin WP final de importação CSV para importar dados no WordPress

Você pode baixar ou salvar seu arquivo CSV no seu computador e usá-lo para gerar um gráfico.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

gerando um gráfico do WordPress

Seu arquivo CSV deve ter os nomes das colunas na primeira linha e o tipo de dados na segunda linha. O plug-in suporta tipos de dados: string, número, booleano, data, hora, data e hora do dia.

Veja este arquivo de exemplo, disponível no Planilhas Google.

Aprenda descobrindo este artigo Como exportar dados do usuário para um arquivo CSV

exemplo de dados da planilha do Google

Se você estiver criando um arquivo CSV usando um editor de texto, consulte este arquivo CSV de exemplo:

Navegador, corda visitantes, número Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 627 Opera

Adicionando um gráfico no WordPress a partir da planilha do Google Drive

Se você tiver seus dados salvos como uma planilha no Google Drive, poderá adicioná-los ao seu gráfico sem exportá-los.

Também aconselhamos que você descubra nossa 5 WordPress plugins para integrar o Google Drive no seu site

Abra seu arquivo de dados nas planilhas do Google e clique em " Arquivo> Publicar na Web ".

forLe publicar web google folha de cálculo

Isso abrirá uma janela onde você terá que escolher como deseja publicar este documento. Você deve selecionar " Valores separados por vírgulas (.csv) No menu suspenso.

Modo de exportação de dados do WordPress

Não se esqueça de clicar no botão « Publicar Para acessar a versão publicada dos seus dados.

Você verá o URL público da sua planilha como um arquivo CSV. Você deve copiar esse URL e retornar à tabela de plug-in do Visualizer.

Clique no botão De web E insira o URL do arquivo csv na sua planilha do Google.

google link para a folha de estilo

Assim que você inserir o URL, o plug-in buscará seu arquivo CSV e exibirá uma visualização em tempo real do seu gráfico.

Você pode clicar no botão criar tabela para salvar seu gráfico.

Adicionando um gráfico em um artigo ou página

Para adicionar uma tabela ou gráfico aos seus artigos e páginas do WordPress, você pode fazer isso tão facilmente quanto adiciona imagens a artigos / páginas.

Cookies e WordPress: Como criar, recuperar e excluir descobri-los clicando neste link

Crie um novo artigo / página ou edite um existente onde você deseja adicionar a tabela. Na tela de edição, clique no botão " Adicionar mídia Acima do editor visual.

adicionar uma nova mídia do WordPress

Isso abrirá uma janela pop-up com sua mídia. Você deve clicar na guia "Visualizações" na coluna da esquerda. Você encontrará todos os gráficos que você criou e salvou neste site.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

mídia do WordPress ver tal

Clique no ícone de inserção abaixo para adicioná-lo. O pop-up desaparecerá e você verá sua tabela adicionada ao artigo do WordPress como um shortcode.

acrescentando mapa forma de tabela

Agora você pode salvá-lo em seus artigos / páginas do WordPress e visitar seu site para ver como tudo funciona.

Editar gráficos de plug-in do Visualizer no WordPress

Você pode editar e editar seus gráficos a qualquer momento. Basta visitar Mídia> Biblioteca do Visualizer ". Nesta página, você pode clonar uma tabela, excluí-la ou alterar suas configurações visuais.

mudança gráfica WordPess

Atualizar dados de um gráfico existente sem modificar a tabela é fácil com o Visualizer.

Se você adicionou dados de uma planilha do Google, tudo o que você precisa fazer para atualizar os dados é ir para o seguinte local: " Arquivo> Publicar para a Web E publique novamente sua planilha. Suas alterações serão atualizadas automaticamente.

Também convidamos você a consultar nosso plugins 10 WordPress para incorporar o Google Maps no seu blog

Por outro lado, se você baixou um arquivo CSV, atualize o arquivo CSV no seu computador. Quando terminar, selecione o gráfico que deseja atualizar e clique no link de edição da tabela.

Na seção Escolher arquivo Você só precisa fazer o download do seu novo arquivo CSV. As alterações serão atualizadas automaticamente.

Adicionando um gráfico em uma barra lateral

O Visualizer usa códigos de acesso para inserir gráficos. Basta ir para " Mídia> Biblioteca do Visualizer Você verá um código de acesso abaixo de cada um dos seus gráficos.

Copie o código curto e vá para " Appearance> Widgets ". Arraste e solte um widget de texto na barra lateral e cole o código de acesso dentro do widget.

Descubra também alguns plugins premium do WordPress

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. WordPress DOP Crud

O WordPress PDO Crud é um poderoso plugin que permite criar formulários, a fim de realizar operações de adição, modificação e exclusão de dados na borda.

Ele oferece uma bela tabela na qual você pode adicionar seus dados de várias maneiras, que serão facilmente definidas por qualquer Webmaster.

Suas principais características são: ayntaxe muito simples, osupport de aparências múltiplas, o genumeração automática dos formulários de inserção ou atualização das tabelas DB,exibição de campos particulares, o psuporta muitos plugins WordPress, o eexportação de dados em pdf, xml, csv e excel, diàs configurações de personalização, oupport multilingue, o rpesquisa em campos específicos, ovárias opções de exclusão, et mais.

Descarregar | Demo | hospedagem na web

2. Áudio em destaque

O Áudio em destaque é um excelente plugin do WordPress que herdou os melhores recursos do HTML5, como o nome sugere. Este plug-in permite ajustar o volume do áudio selecionado para cada artigo e página.

Como recursos, teremos, entre outros: a música na frente, um reprodutor de áudio que suporta perfeitamente o HTML5, o suporte de dispositivos móveis como: iPhone, iPad, Android e WP7, a leitura dos arquivos de áudio armazenados na biblioteca do WordPress , suporte para navegadores antigos, suporte para formatos de áudio: mp3, wav, ogg, etc ..., o multilíngue e muitos outros ...

Descarregar | Demo | hospedagem na web

3. ChimpMate Pro

O Chimpmate é o plug-in Pop-up WordPress do MailChimp, que o ajudará a converter seus leitores em assinantes. Ele foi projetado para aumentar sua lista de emails sem irritar os visitantes, com pop-ups irritantes.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

É totalmente personalizável e você dominará quando e onde exibir pop-ups. Suas outras características são: eleFunciona perfeitamente em vários navegadores e possuivárias opções de agendamento, um layout totalmente personalizável, umsuporte ao cliente responsivo, o iperfeita integração com WooCommercee umExcelente gerenciamento de cache, integração perfeita com vários temas WordPress, o Suporte multilíngue graças ao plugin WPMLenão muito mais.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

É isso aí! É isso neste tutorial. Espero que isso permita que você exiba melhor mapas e gráficos no WordPress. Não hesite em compartilhe a dica com seus amigos em suas redes sociais.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas enquanto isso, conte-nos sobre o seu Comentários e sugestões na seção dedicada.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
26 ações
ação22
chilrear3
Enregistrer1