Você quer adicionar barras e gráficos no WordPress ou quer descobrir como criar uma ferramenta de visualização de gráficos no WordPress?
Recursos visuais como gráficos, barras e gráficos circulares são a maneira ideal de apresentar melhor os dados em suas postagens / 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
Há muitos WordPress plugins para adicionar barras e gráficos ao seu conteúdo. No entanto, a maioria dos usuários acha essas ferramentas difíceis de usar.
Descubra nossos 8 WordPress plugins para criar diagramas no seu site
Alguns desses plug-ins até 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 os convertendo em imagem.
Pode funcionar se você não planeja mudar nada. No entanto, uma imagem não pode substituir um gráfico interativo em que os dados de carga útil aparecem 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 em seu computador ou na web.
- Preencha gráficos, tabelas e barras usando seus dados.
- Crie gráficos incríveis, 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 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.
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 deseja adicionar e clicar no botão próximo para continuar.
Descubra também Como adicionar mapas interativos ao seu site WordPress
A próxima etapa é adicionar sua fonte de dados no formato CSV. Se você salvou seus dados usando uma planilha do Excel, planilha do Google ou qualquer outro programa, você pode simplesmente 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.
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.
Dê uma olhada neste arquivo de amostra, disponível no Planilhas Google.
Aprenda descobrindo este artigo Como exportar dados do usuário para um arquivo CSV
Se você estiver criando um arquivo CSV usando um editor de texto, dê uma olhada neste arquivo CSV de amostra:
Navegador, corda visitantes, número Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 627 Opera
Adicionar um gráfico ao WordPress a partir da planilha do Google Drive
Se você salvou seus dados como uma planilha no Google Drive, pode 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 para a web ".
Isso abrirá uma janela onde você deve escolher como deseja publicar este documento. Você deve selecionar " Valores separados por vírgulas (.csv) No menu suspenso.
Não se esqueça de clicar no botão « Publique Para acessar a versão publicada dos seus dados.
Você verá o URL público da sua planilha como um arquivo CSV. Você precisa copiar este URL e voltar para a tabela de plug-ins do Visualizer.
Clique no botão De web E digite o URL do seu arquivo csv do Google Spreadsheet.
Assim que você inserir o URL, o plug-in pesquisará seu arquivo CSV e exibirá uma visualização em tempo real de seu gráfico.
Você pode clicar no botão criar tabela para salvar seu gráfico.
Adicionar um gráfico a 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 uma nova postagem / página ou edite uma existente onde deseja adicionar a tabela. Na tela de edição, clique no botão " Adicionar mídia Acima do editor visual.
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 criou e salvou neste site.
Clique no ícone de inserção abaixo para adicioná-lo. O pop-up irá desaparecer e você verá sua tabela adicionada ao seu post WordPress como um shortcode.
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.
Atualizar dados de um gráfico existente sem modificar a tabela é muito fácil com o Visualizer.
Se você adicionou dados de uma planilha do Google, tudo que você precisa fazer para atualizar os dados é navegar até 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, precisa atualizar o arquivo CSV em seu computador. Uma vez feito isso, selecione o gráfico que deseja atualizar e clique no link editar tabela.
Na seção Escolher arquivo Você só precisa fazer upload de seu novo arquivo CSV. As alterações serão atualizadas automaticamente.
Adicionando um gráfico a uma barra lateral
O Visualizer usa códigos de acesso para inserir gráficos. Vá 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 " Aparência> 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 outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio 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
WordPress PDO Crud é um plugin poderoso que permite criar formulários para realizar operações de adição, modificação e exclusão de dados de frontend.
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 ggeração automática de formulários de inserção ou atualização de tabelas de banco de dados,exibição de campos particulares, o psuporta muitos WordPress plugins, aexportaçã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 ótimo WordPress Plugin que herdou os melhores recursos do HTML5, como o nome sugere. Este plugin permite ajustar o volume do áudio selecionado para cada post e página.
Como recursos teremos entre outros: a música na primeira página, um reprodutor de áudio que suporta totalmente HTML5, suporte para dispositivos móveis como: iPhone, iPad, Android e WP7, reprodução de arquivos de áudio armazenados na biblioteca de mídia do WordPress , suporte para navegadores antigos, suporte para formatos de áudio: mp3, wav, ogg, etc…, multilíngue e muitos outros…
Descarregar | Demo | hospedagem na web
3. ChimpMate Pro
Chimpanzé é o WordPress Plugin do MailChimp Pop-up, que o ajudará a converter seus leitores em assinantes. Ele foi projetado para aumentar sua lista de e-mail sem irritar os visitantes com pop-ups irritantes.
É 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, umapoio ao cliente responsivo, euperfeita integração com WooCommercee umExcelente gerenciamento de cache, integração perfeita com muitos Temas do 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.
- Como exibir todas as suas publicações WordPress em uma única página
- Como usar categorias e tags de forma eficaz no WordPress
- Como adicionar um botão do WhatsApp em um blog WordPress
- Como encontrar um patrocinador e monetizar seu blog? : O guia
Conclusão
É isso aí! É isso neste tutorial. Espero que isso permita que você exiba melhor mapas e gráficos no WordPress. sinta-se livre para 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 seu Comentários e sugestões na seção dedicada.
...
