Vuoi aggiungere barre e grafici in WordPress o vuoi scoprire come creare uno strumento di visualizzazione di grafici in WordPress?
Aiuti visivi come grafici, barre, grafici a torta sono un modo ideale per presentare meglio i dati nei tuoi post / pagine.
In questo tutorial, ti mostreremo come creare barre e grafici con il plugin Grafici Visualizer WordPress WordPress.
Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
Il problema con le barre e la grafica su WordPress
Ci sono molti plugin di WordPress per aggiungere barre e grafici ai tuoi contenuti. Tuttavia, la maggior parte degli utenti trova questi strumenti difficili da usare.
Scopri la nostra Plugin 8 WordPress per creare diagrammi sul tuo sito web
Alcuni di questi plugin richiedono persino agli utenti di aggiungere dati all'interno di un file shortcode in formati molto complicati da ricordare.
Invece di utilizzare questi plugin, molti utenti finiscono per creare grafici nelle loro app desktop e convertirli in immagini.
Potrebbe funzionare se non prevedi di cambiare nulla. Tuttavia, un'immagine non può sostituire un grafico interattivo in cui vengono visualizzati i dati del payload quando l'utente sposta il mouse su una particolare sezione.
L'uso della grafica ti permetterà di:
- Aggiungi dati da un'origine dati sul tuo computer o sul web.
- Riempi grafici, grafici e barre utilizzando i tuoi dati.
- Crea una grafica fantastica, interattiva, colorata e reattiva.
- Ancora più importante, dovrebbe consentire di aggiornare i dati ogni volta che vuoi.
Detto questo, vediamo come i grafici WordPress di Visualizer ti aiutano ad arrivarci.
Come creare grafici con i grafici WordPress di Visualizer
La prima cosa che devi fare è installare e attivare il plugin Grafici Visualizer WordPress. Per maggiori dettagli, consulta la nostra guida passo su come installare un plugin per WordPress.
Sebbene la versione gratuita non faccia tutto il necessario, offrono anche gli sviluppatori di questo plugin Grafici Visualizer WordPress Pro che aggiunge funzionalità aggiuntive, come l'aggiunta di dati utilizzando un foglio di calcolo come interfaccia e l'importazione di dati da altre fonti.
Costa 79 $ per una singola licenza con un anno di assistenza clienti e aggiornamenti regolare
Nota: Questo tutorial è basato sulla versione gratuita del plugin.
Dopo l'attivazione, è necessario visitare la pagina " Media> Libreria Visualizer ". Qui è dove verranno visualizzate tutte le grafiche.
È necessario fare clic sul pulsante « Aggiungi Per aggiungere il tuo primo grafico.
Questo farà apparire una finestra sullo schermo. Vedrai diversi tipi di grafici disponibili. Seleziona il tipo di grafico che desideri aggiungere e fai clic sul pulsante Avanti per continuare.
Scopri anche Come aggiungere mappe interattive al tuo sito Web WordPress
Il passaggio successivo consiste nell'aggiungere l'origine dati in formato CSV. Se hai salvato i dati utilizzando un foglio di calcolo Excel, un foglio di lavoro Google o qualsiasi altro programma, puoi semplicemente esportarli come file CSV.
Scopri anche Come usare il plugin WP ultima CSV per importare i dati su WordPress
È possibile scaricare o salvare il file CSV sul computer, quindi utilizzarlo per generare un grafico.
Il tuo file CSV deve avere i nomi di colonna nella prima riga e il tipo di dati nella seconda riga. Il plug-in supporta tipi di dati: stringa, numero, valore booleano, data, ora, data e ora del giorno.
Dai un'occhiata a questo file di esempio, disponibile su Fogli Google.
Impara scoprendo questo articolo Come esportare i dati dell'utente in un file CSV
Se stai creando un file CSV utilizzando un editor di testo, dai un'occhiata a questo file CSV di esempio:
Browser, i visitatori della stringa, il numero di Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627
Aggiunta di un grafico a WordPress dal foglio di calcolo di Google Drive
Se i tuoi dati sono stati salvati come foglio di lavoro su Google Drive, puoi aggiungerli al grafico senza esportarli.
Ti consigliamo anche di scoprire il nostro Plugin 5 WordPress per integrare Google Drive sul tuo sito web
Apri il tuo file di dati in Fogli di lavoro Google e fai clic su " File> Pubblica per il Web '.
Verrà visualizzata una finestra in cui scegliere come pubblicare questo documento. Devi selezionare " Valori separati da virgola (.csv) Nel menu a discesa.
Non dimenticare di fare clic sul pulsante « Pubblica Per accedere alla versione pubblicata dei tuoi dati.
Vedrai l'URL pubblico del tuo foglio di lavoro come file CSV. È necessario copiare questo URL e tornare alla tabella dei plug-in di Visualizer.
Clicca sul bottone dal Web E inserisci l'URL del tuo file csv di Google Spreadsheet.
Non appena inserisci l'URL, il plug-in cercherà il tuo file CSV e visualizzerà un'anteprima in tempo reale del grafico.
È possibile fare clic sul pulsante Crea tabella per salvare il grafico.
Aggiunta di un'immagine a un articolo o una pagina
Per aggiungere una tabella o un grafico ai tuoi articoli e alle pagine di WordPress, puoi farlo con la stessa facilità con cui aggiungi immagini ad articoli / pagine.
Cookie e WordPress: Come creare, recuperare e cancellare scoprili facendo clic su questo link
Crea un nuovo articolo/pagina o modificane uno esistente in cui desideri aggiungere la tabella. Nella schermata di modifica, fai clic su " Aggiungi un media Sopra l'editor visivo.
Questo farà apparire una finestra pop-up con i tuoi media. È necessario fare clic sulla scheda "Visualizzazioni" nella colonna di sinistra. Troverai tutta la grafica che hai creato e salvato su questo sito.
Fare clic sull'icona di inserimento in basso per aggiungerlo. Il popup scomparirà e vedrai la tua tabella aggiunta al tuo post di WordPress come file shortcode.
Ora puoi salvarlo sui tuoi articoli / pagine WordPress e visitare il tuo sito Web per vedere come funziona tutto.
Modifica la grafica del plug-in Visualizer su WordPress
Puoi modificare e modificare i tuoi grafici in qualsiasi momento. Basta visitare Media> Libreria Visualizer ". Da questa pagina è possibile clonare una tabella, eliminarla o modificarne le impostazioni visive.
Aggiornare i dati da un grafico esistente senza modificare la tabella è abbastanza semplice con Visualizer.
Se hai aggiunto dati da un foglio di lavoro Google, tutto ciò che devi fare per aggiornare i dati è andare al seguente percorso: " File> Pubblica per il Web E ripubblicare il foglio di calcolo. Le tue modifiche verranno automaticamente aggiornate.
Ti invitiamo anche a consultare il nostro plugin WordPress 10 di incorporare Google Maps sul tuo blog
D'altra parte, se hai scaricato un file CSV, devi aggiornare il file CSV sul tuo computer. Al termine, seleziona il grafico che desideri aggiornare e fai clic sul collegamento Modifica tabella.
Nella sezione Caricare Devi solo caricare il tuo nuovo file CSV. Le modifiche verranno aggiornate automaticamente.
Aggiunta di un grafico a una barra laterale
Visualizer utilizza codici brevi per inserire elementi grafici. Vai a " Media> Libreria Visualizer Vedrai un shortcode sotto ciascuno dei tuoi grafici.
Copia lo shortcode e vai a " Aspetto> Widget ". Trascina e rilascia un widget di testo sulla barra laterale e incolla il codice funzione all'interno del widget.
Scopri anche alcuni plugin WordPress premium
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.
Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.
1. WordPress DOP Crud
WordPress DOP Crud è un potente plugin che ti permetterà di creare form, al fine di eseguire operazioni di aggiunta, modifica, cancellazione di dati frontend.
Offre una bellissima tabella su cui puoi aggiungere i tuoi dati in diversi modi, che saranno facilmente definiti da qualsiasi Webmaster.
Le sue caratteristiche principali sono: ayntaxe molto semplice, la support di molteplici aspetti, il ggenerazione automatica di moduli di inserimento o aggiornamento da tabelle database,visualizzazione di particolari campi, il psupporta molti plugin di WordPress, ilxportation di dati in pdf, xml, csv ed excel, dialle impostazioni di personalizzazione, ilupport multilingue, il rcerca su particolari campi, opiù opzioni di cancellazione, et di più.
Download | Demo | Web hosting
2. In primo piano Audio
L'audio in primo piano è fantastico WordPress Plugin che ha ereditato le migliori funzionalità HTML5, come suggerisce il nome. Questo plugin ti consente di regolare il volume dell'audio selezionato per ogni post e pagina.
Come caratteristiche avremo tra le altre: la canzone in prima pagina, un lettore audio che supporta completamente HTML5, supporto per dispositivi mobili come: iPhone, iPad, Android e WP7, riproduzione di file audio memorizzati nella libreria multimediale di WordPress , supporto per vecchi browser, supporto per formati audio: mp3, wav, ogg, ecc ..., multilingue e molti altri ...
Download | Demo | Web hosting
3. ChimpMate Pro
Lo scimpanzé è il WordPress Plugin da MailChimp Pop-up, che ti aiuterà a convertire i tuoi lettori in abbonati. È stato progettato per far crescere la tua lista e-mail senza irritare i visitatori con fastidiosi pop-up.
È completamente personalizzabile e padroneggerai quando e dove visualizzare i popup. Le altre sue caratteristiche sono: lui fFunziona perfettamente su diversi browser e ha ppiù opzioni di pianificazione, un layout completamente personalizzabile, asupporto del cliente reattivo, iperfetta integrazione con WooCommerce, una eEccellente gestione della cache, perfetta integrazione con molti Temi WordPress, il Supporto multilingue grazie al plug-in WPMLEnon molto più.
Download | Demo | Web hosting
Altre risorse consigliate
Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.
- Come visualizzare tutte le pubblicazioni WordPress su una sola pagina
- Come utilizzare le categorie e tag in modo efficace su WordPress
- Come aggiungere un pulsante WhatsApp su un blog WordPress
- Come trovare uno sponsor e monetizzare il tuo blog? : La guida
Conclusione
Ecco ! Questo è tutto per questo tutorial. Spero che ti permetterà di visualizzare meglio mappe e grafici su WordPress. Non esitate a condividi il suggerimento con i tuoi amici sui tuoi social network.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.
Ma, nel frattempo, parlaci del tuo commentaires e suggerimenti nella sezione dedicata.
...
