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]

Você quer adicionar barras e gráficos no WordPress? Recursos visuais como gráficos, barras, gráficos de pizza são uma maneira ideal de representar 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.

WP Gráfico Gráficos e WordPress

O problema com barras e gráficos no WordPress

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

Alguns desses plugins exigem até que os usuários adicionem dados dentro de um shortcode em formatos muito complicados para serem lembrados.

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

Pode funcionar se você não planeja mudar nada. No entanto, uma imagem não pode ser substituída por um gráfico interativo em que a carga útil aparece quando o usuário move o mouse sobre uma determinada seção.

O uso de gráficos permitirá que você:

  • Adicione dados de uma fonte de dados ao seu computador ou à web.
  • Preencha gráficos, tortas, gráficos e barras com seus dados.
  • Crie gráficos excelentes, interativos, coloridos e responsivos.
  • Mais importante, deve permitir que você atualize os dados sempre que quiser.
  • Dito isso, vamos ver como o Visualizer WordPress Charts ajuda você a chegar lá.
  • Criando barras e gráficos com gráficos do WordPress do Visualizer

Como criar gráficos com o Visualizer

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

Enquanto a versão gratuita não faz quase tudo que você precisa, eles também oferecem Visualizer WordPress Charts Pro, que adiciona recursos adicionais para o plugin, como adicionar dados diretamente usando uma planilha como interface e importar dados de outros mapas.

Custa 79 $ para uma única licença com um ano de suporte e atualizações profissionais.

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

Após a ativação, você deve visitar a página " Mídia> Biblioteca do Visualizador ". É 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 trará uma janela na tela. Você verá diferentes tipos de gráficos disponíveis com o plugin. Basta selecionar o tipo de gráfico que você deseja adicionar e clicar no botão a seguir para continuar.

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]

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á-lo como um arquivo CSV.

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

gerando um gráfico 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 esses tipos de dados: string, number, boolean, date, date time e hora do dia.

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

exemplo de dados da planilha do Google

Se você estiver criando um arquivo CSV usando um editor de texto, dê uma olhada neste exemplo de arquivo CSV:

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

Adicionando um gráfico em WordPress Google Drive Spreadsheet

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

Abra seu arquivo de dados no Google Spreadsheets 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 esqueça de clicar no botão « editor Para acessar a versão publicada de seus dados.

Você vai ver agora o URL público da sua folha como um arquivo CSV. Você precisa copiar este URL e retornar para a mesa Visualizer.

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]

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 ao vivo do seu gráfico.

Agora você pode clicar no botão Criar tabela para salvar seu mapa.

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 adicionar imagens a artigos / páginas.

Crie um novo artigo / página ou edite um artigo existente no qual 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á todas as cartas que você criou e salvou neste site.

mídia do WordPress ver tal

Clique no ícone de inserção abaixo para adicioná-lo. O pop-up desaparece e você verá sua tabela adicionada ao seu 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.

Mudar seu visualizador gráfico em WordPress

Você pode editar e modificar seus cartões a qualquer momento. Basta visitar Mídia> Biblioteca do Visualizador ". A partir desta página, você pode clonar uma tabela, excluí-la ou alterar suas configurações visuais.

mudança gráfica WordPess

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

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]

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

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

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

Adicionando um gráfico em uma barra lateral

O visualizador usa códigos de acesso para inserir gráficos. Apenas vá para " Mídia> Biblioteca do Visualizador Você verá um shortcode abaixo dos seus gráficos.

Copie o shortcode e vá para " Appearance> Widgets ". Arraste e solte um widget de texto na sua barra lateral e cole o shortcode dentro do widget.

É isso para este tutorial. Espero que isso lhe permita exibir melhor mapas e gráficos no WordPress.

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.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

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