Che tu sia un ricercatore che raccoglie dati sulle elezioni locali o un insegnante che scambia dati sulla fauna locale con la tua classe, non ci sono alternative migliori dei grafici. Questi strumenti visivi trasformano dati noiosi e apparentemente inutili in informazioni facilmente digeribili.
La cosa fantastica è che non devi preoccuparti di avere a che fare con complessi software di creazione di grafici, poiché puoi farlo grazie ai semplici plug-in per la creazione di tabelle e grafici di WordPress. Quindi, eccoci qui a spiegare quali di questi plugin sono i migliori e approfondiremo anche come creare bella grafica e forme in wordpress.
Link veloci
Vantaggi della creazione di grafici, tabelle e figure su WordPress
Ti starai chiedendo perché non puoi semplicemente sviluppare il grafico, ad esempio, in Excel, quindi fare uno screenshot e inserirlo in un post del blog. A volte questo metodo funziona bene, ma altre volte è un enorme spreco se non viene posizionato e messo a punto. Il motivo principale per cui dovresti utilizzare Excel o un altro programma per creare lo schema è quando hai bisogno di una funzionalità avanzata che non hai con il plugin di WordPress.
Altrimenti, ecco i vantaggi della creazione di grafici e grafici su WordPress con i plugin:
- Integra tutto il tuo grafico e builder in un'unica area. Se crei grafici o diagrammi su base regolare, questo ti farà risparmiare un sacco di tempo.
- Ti consente di tornare indietro e modificare il grafico se necessario. L'immagine limita le soluzioni rapide e richiede di trovare il vecchio file utilizzato per creare il grafico.
- Alcuni grafici e grafici hanno funzionalità interattive, che non sarebbero possibili con un'immagine.
Nel complesso, l'aggiunta di un layout a WordPress semplifica il processo, ma ti fornisce comunque la maggior parte delle funzionalità che dovrai condividere sul tuo blog.
5 potenti plugin per la creazione di grafici e grafici su WordPress
Prima di iniziare con il tutorial su come creare bellissime infografiche e grafici in WordPress, vogliamo che tu utilizzi alcuni dei migliori plugin per ottenere ciò di cui hai bisogno.
- wpDataTables
- Grafici e grafici WordPress Lite
- Grafici WordPress
- Mappe interattive, Grafici, Grafici
- UberChart
1. wpDataTables
wpDataTables È un plugin per WordPress molto potente! Non lasciarti ingannare dal nome. Può fare molto di più che creare semplicemente le tue tabelle tipiche. Puoi anche progettare tutti i tipi di grafici e diagrammi. È stato sviluppato appositamente per consentirti di inserire grandi quantità di dati e convertirli rapidamente in un bel display grafico per te e i tuoi lettori.
wpDataTables è un componente aggiuntivo a pagamento, a partire da $ 44 per licenza. Attualmente ha oltre 13 vendite su CodeCanyon con 000 stelle su 4.5, quindi puoi stare certo che ci sono molte persone felici di usarlo. Alcune delle sue caratteristiche includono:
- Tutto risponde al tipo di dispositivo utilizzato, il che significa che apparirà in una bella gamma per ogni dispositivo
- Il plug-in wpDataTables offre tre diversi motori grafici: Google Charts, Highcharts e Chart.js. Ciò ti consente di presentare i grafici in modo semplice e flessibile con molte opzioni per personalizzarli.
- Con aggiornamento automatico di tabelle e grafici in tempo reale
- Visualizza in anteprima i tuoi grafici in background insieme alla tabella
2. Grafici e grafici WordPress Lite
Se desideri visualizzare dati e informazioni sul tuo blog WordPress utilizzando bellissimi grafici e diagrammi, non cercare oltre il meglio, aggiungi Grafici e grafici WordPress Lite. Fa un ottimo lavoro nel creare immagini belle e interattive, dandoti la completa libertà di personalizzare l'output per adattarlo alle tue esigenze: puoi cambiare i colori, personalizzare i caratteri, nascondere il testo, aggiungere testo - tutto questo anche dopo aver pubblicato il layout. Visualizzare i grafici nei tuoi post e nelle tue pagine è semplice come caricare un foglio di calcolo e aggiungere lo shortcode generato automaticamente dal plug-in alla tua pagina.
Successivamente, se decidi di cambiare il tipo di grafico da un grafico a blocchi a un grafico a torta, premi il pulsante Modifica e seleziona Cambia. Sì, è davvero facile. Vale anche la pena notare che le infografiche che produce possono funzionare su tutti gli schermi dei dispositivi (desktop, tablet e cellulari) di tutte le dimensioni perché questo plug-in è reattivo.
Include nove tipi di grafici, supporto per codici brevi e un'opzione per importare molti dati con CSV. Esiste sia una versione gratuita che una versione a pagamento. La versione Pro paga almeno $ 74 (una licenza del sito) e fornisce strumenti per l'importazione da altri grafici. La versione Pro include alcune altre funzionalità:
- Opzione per fornire agli utenti funzionalità di modifica
- Crea il tuo schema
- Sincronizzazione automatica con il tuo file online
- Tipi di grafici aggiuntivi
- Puoi accedere a un editor diretto
Il plugin Lite è ancora molto potente. Ecco alcuni schemi che puoi realizzare:
- grafico a linee
- Grafico a torta
- istogramma
- grafico verticale
- grafico ad area
- carta geografica
- tavolo da carteggio
- striscia di calibro
- tavoli
- Grafico combinato
- grafico a dispersione
- Sono tedesco
3. Grafici WordPress
aggiunta Grafici WordPress Sarebbe la mia terza scelta, molti utenti adorano questo plugin per i suoi design puliti, animazioni e opzioni colorate. Tuttavia, tieni anche presente che non è stato aggiornato per un po '.
Il plug-in Grafici di WordPress fornisce sei grafici e modelli di grafici unici, in cui puoi regolare e inserire i tuoi dati per visualizzarli sul tuo sito web. I grafici mostrati includono:
- Lettera
- nastro
- Torta
- radar
- Regione polare
- tipi di ciambelle
Tutti questi grafici sono stati creati utilizzando HTML5. Le opzioni di personalizzazione sono praticamente infinite, ma dovrai conoscere un po 'di codifica, shortcode o almeno regolare le impostazioni predefinite. Il motivo per cui raccomandiamo così tanto il plugin WordPress Charts è che è molto leggero. Puoi inserire decine di grafici su tutti i post del tuo blog e non avrai nessun problema. E questo è lo scopo principale di lavorare con HTML5. Puoi rimuovere il disordine senza sacrificare nessuna delle funzionalità.
4. Mappe interattive, Grafici, Grafici
Se al momento disponi di un plug-in Visual Composer sul tuo sito Web, potrebbe essere un componente aggiuntivo Mappe interattive, Grafici, Grafici distintivo per te. È un componente aggiuntivo di Visual Composer, quindi non c'è motivo di averlo altrimenti.
Il componente aggiuntivo viene venduto per $ 12, che quindi presenta mappe interattive, grafici e grafici, che sono ospitati nell'interfaccia di Visual Composer. L'estensione include icone vettoriali, caratteri Google, colori illimitati e un'ampia gamma di altre funzionalità per la creazione e la personalizzazione di grafici, tabelle e grafici. L'estensione contiene grafici e grafici standard, come grafici a torta e a linee. C'è anche una caratteristica mappa unica per evidenziare aree specifiche, che si tratti di una mappa locale o del mondo.
5. UberChart
aggiunta UberChart È più versatile di quelli aggiuntivi a pagamento, perché il componente aggiuntivo non richiede Visual Composer. L'estensione fornisce 10 tipi di grafici incorporati, che ricevono circa 240 opzioni per la personalizzazione nel grafico.
Puoi esportare e importare dati con un semplice clic e il design reattivo assicura che tutti i tuoi grafici appaiano su ogni dispositivo. Alcuni tipi di grafici includono:
- grafici a linee
- Piani distrettuali
- grafici a barre
- grafici a torta
- grafici a ciambella
- Bolle dei grafici
La parte più impressionante di questo plugin UberChart per WordPress è l'editor di fogli di calcolo. Ti consente di copiare i dati da qualsiasi programma tu voglia (come Excel) combinando le funzionalità più avanzate di Excel e la versatilità di UberChart.
Come creare bellissimi grafici e grafici in WordPress
Uno dei nostri plugin di layout preferiti è Grafici e grafici WordPress Lite. Quindi, stiamo solo esaminando questo tutorial con una spiegazione di questa aggiunta. Altri plugin per la creazione di grafici hanno strumenti simili ma interfacce diverse. Quindi, consiglierei di testarli tutti per vedere quale è giusto per te, anche wpDataTables è un'aggiunta molto potente!
Passaggio 1: installa e attiva WordPress Charts and Graphs Lite
Abbastanza semplice.
Passaggio 2: vai su Visualizer Library e aggiungi un nuovo grafico
Come accennato in precedenza, WordPress Charts and Graphs Lite viene anche chiamato visualizzatore. La pagina delle impostazioni è alquanto difficile da trovare, ma tutto ciò che devi fare è andare su Media> Libreria visualizzatore. Non ci sono altre impostazioni che devi configurare prima di iniziare con i tuoi layout WordPress.
Quando carichi la libreria Visualizer, vedrai un messaggio che dice "Nessuno schema è stato trovato". Va benissimo, perché non abbiamo ancora eseguito alcun grafico. Pertanto, dovresti fare clic sul pulsante Aggiungi nuovo nella parte superiore della pagina.
Questo rivela tutti i layout e la grafica di WordPress che puoi creare con il plugin. Ad esempio, dispone di grafici a torta, a linee, ad area, geografici e a barre. Nella versione gratuita sono forniti nove tipi di grafici. Puoi ottenere più grafici se hai pagato per la versione a pagamento. Ad ogni modo, sceglierò un grafico a torta per questo tutorial.
Passaggio 3: importa i dati nello schema di WordPress
L'estensione inserisce automaticamente i dati in modo che il grafico abbia qualcosa da visualizzare. Tuttavia, per inviare i tuoi dati, dovrai importarli utilizzando uno dei cinque metodi. Potresti:
- Importa dati da un file (probabilmente il metodo più comune)
- Importa dati da un URL
- Importa da un altro schema
- Importa da WordPress (disponibile solo nella versione Pro)
- Importa i dati manualmente (disponibile solo nella versione Pro)
Ad esempio, importerò i dati da un file CSV. L'ho creato da un file Excel, che è uno dei modi più comuni per ottenere dati in un grafico o grafico WordPress. Quando importi dati da un file, fai clic sul pulsante Scegli file, trova il file sul tuo computer, quindi fai clic sul pulsante Importa nel Pannello di controllo di WordPress.
Questo dovrebbe mostrarti un'anteprima di come appariranno i tuoi dati sulla destra. La buona notizia è che puoi sempre tornare indietro e adattare il formato al file CSV e riprovare. Ci sono anche molti strumenti di personalizzazione nel passaggio successivo per migliorare un po' le cose.
Passaggio 4: personalizza il layout di WordPress
C'è un piccolo link che dice "Avanzate" sotto tutte le opzioni di importazione. Fare clic su questo per visualizzare le impostazioni di personalizzazione. Ci sono pochissime opzioni con cui giocare, quindi non le esamineremo tutte qui.
Ma possiamo iniziare con il titolo del grafico. Scriverò qualcosa come "Dove va il tuo tempo?" Dove il mio pianificatore determina la percentuale di tempo che le persone dedicano a determinate attività durante il giorno. Posso anche cambiare il carattere, la dimensione del carattere, il colore e la posizione del titolo.
Mentre ti sposti tra le impostazioni, noterai più schede per cose come impostazioni generali, impostazioni diapositive, azioni in primo piano e altro. Probabilmente dovrai determinare dove si trova la legenda, poiché questa è una parte essenziale del grafico.
A parte questo, tutto dipende interamente dal tipo di grafico che stai cercando di creare e dagli elementi che devi visualizzare. Farò finta che questo sia lo schema di WordPress per un certo numero di studenti che ho. Quindi, darei loro la possibilità di stampare e scaricare i dati e i grafici.
Per fare ciò, vai alla scheda Azioni front-end. Ciò rivelerà le caselle di controllo per consentire agli utenti di stampare e copiare i dati. Puoi anche fornire loro fogli Excel e CSV scaricabili. Dopo aver finito di personalizzare il grafico, assicurati di salvarlo.
Passaggio 5: copia lo shortcode nella pagina o nel post
Dopo aver salvato il grafico o il grafico di WordPress, torna alla Libreria del visualizzatore. Vedrai un elenco di grafici e potrai filtrarli in base ai tipi di grafico. Dato che ora ho solo un grafico, posso vedere subito che è l'unica opzione. Per pubblicare il tuo schema WordPress su una pagina o un post, devi copiare lo shortcode dello schema e incollarlo sulla pagina o sul post desiderato. Lo shortcode si trova sotto l'anteprima del grafico (vedi immagine sotto).
Dopo aver copiato lo shortcode, devi creare una pagina o un post, oppure andare a uno che è già stato pubblicato. Trova dove vuoi che appaia il grafico e incolla lì lo shortcode.
Passaggio 6: visualizza il grafico di WordPress sull'interfaccia
Consiglio di visualizzare in anteprima il grafico prima di fare clic sul pulsante Pubblica. In questo modo puoi vedere cosa vedono i tuoi utenti, in particolare i grafici e i grafici di WordPress che possono invece essere complicati. Se dai un'occhiata allo screenshot qui sotto, vedrai un'anteprima del grafico di prova sul front-end del sito web. I pulsanti di stampa e caricamento sono visibili, il layout di WordPress ha delle belle animazioni quando si passa sopra e i colori e gli elementi del titolo sono belli.
Le modifiche avvengono istantaneamente nell'anteprima dal vivo in modo da poter vedere come influiscono sul grafico senza dover salvare la pagina e visualizzarla in una nuova scheda. C'è un'altra caratteristica degna di nota, che è davvero fantastica. Non solo puoi modificare le opzioni di progettazione del grafico, ma puoi anche modificare i dati all'interno dei grafici caricando un altro file, sovrascrivendo l'originale e sostituendo i vecchi dati con i nuovi.
Domande su come creare infografiche in WordPress?
Tutti i grafici e i grafici wordpress hanno funzioni diverse. La parte interessante di questi componenti aggiuntivi è che hai tutta la flessibilità. Pertanto, ti incoraggio a dedicare del tempo per testare i grafici e capire cosa si può fare con ogni regolazione. Quindi, alla fine diventerai un maestro dei progetti e le persone ti chiederanno come farlo. Se hai domande o idee su come creare layout e grafica WordPress, lascia la riga nei commenti qui sotto.