Siamo nell’era del visuale: tutti noi chiediamo velocità, immediatezza e troviamo nelle immagini un’ottima risposta a queste necessità. Penso sia proprio per questo che negli ultimi anni grafici e infografiche hanno spopolato.
Questi “modi di trattare” dati e informazioni sono veramente utili, consentono un rapido inquadramento di una situazione oppure consentono di avere sott’occhio tutti i dati importanti di un determinato argomento.
Certo niente sostituisce un buon testo!
Infatti molto spesso i grafici servono per attirare l’attenzione, per focalizzarsi su un topic e dopo, chi è veramente interessato, può approfondire.
Oppure possiamo usare un grafico al contrario rispetto la precedente soluzione: prima spieghiamo approfonditamente un concetto e infine mostriamo dati a supporto di tale concetto, così da fissare il nostro ragionamento nelle menti dei lettori.
È quello che faccio io nel mio corso wordpress: quando spiego che WordPress è il software per creare siti più usato nel web, do qualche motivazione e mostro i dati di utilizzo dei cms.
Ma come possiamo creare agevolmente questi grafici?
Beh abbiamo diverse soluzioni: la più completa e personalizzabile, non vi nascondo, è quella di creare tutto con un programma di grafica professionale come Illustrator o Photoshop. Ma ciò richiede competenze, un investimento di denaro e tempo che a mio avviso è sostenibile solo a certi livelli.
Un’altra soluzione è quella di creare il grafico con Excel e poi esportare l’immagine e importarla nel nostro sito wordpress.
Ma se mi conoscete preferisco sempre trovare una soluzione veloce e immediata: se dobbiamo creare diversi grafici sul nostro sito è meglio farlo direttamente dal backend di wp.
Per farlo possiamo usare dei plugin (ne consiglio due perchè gli altri sono poco pratici) oppure possiamo importare un grafico direttamente da un foglio di calcolo Google Drive (senza salvare l’immagine).
1. Visualizer
2. WordPress Chart
3. Foglio di calcolo Google Drive
4. Considerazioni
1. Visualizer
https://wordpress.org/plugins/visualizer/
Come sempre possiamo installare e attivare il plugin con il noto procedimento. Il plugin non ha pagine di configurazione e possiamo inserire un grafico direttamente su un articolo o pagina semplicemente cliccando su Aggiungi Media (come se stessimo inserendo una nuova immagine).
Aperto il popup che già conosciamo, clicchiamo su Visualizations (sulla sinistra) e da qui possiamo inserire un nuovo grafico.
Come possiamo notare, ci sono diversi tipi di grafici disponibili come il “noto” grafico a linea o a barra, oppure il grafico a torta ma anche dei grafici più complessi che mostrano una cartina della terra (molto utile per mostrare la diffusione nel mondo di una determinata cosa) oppure degli indicatori simili a quelli del cruscotto di un’automobile, ottimi per visualizzare delle prestazioni.
Scelto il tipo di grafico dobbiamo inserire i dati caricando un file CSV che contiene le informazioni per creare il grafico. Consiglio di scaricare il file csv demo e di compilare il nostro file prendendo esempio da questo, ovviamente possiamo usare Excel per creare/modificare agevolmente un csv.
Il passo successivo è di scegliere colori e altre impostazioni grafiche del visual creato.
Finita la configurazione possiamo inserire il grafico nel punto che vogliamo, nel backend comparirà un semplice shortcode come [visualizer id="417"]
.
Ma se pubblichiamo l’articolo, o se visualizziamo l’anteprima, possiamo vedere i grafici e notare la loro peculiarità: essi infatti sono interattivi cioè allo spostamento del mouse mostrano i dati dell’area relativa.
Ecco il risultato della mia prova.
2. WordPress Charts
http://wordpress.org/plugins/wp-charts/
Il plugin è molto “minimal”: non ha né impostazioni e né una procedura d’inserimento agevolata. Infatti esso funziona solamente via shortcode configurabile “a mano”. Per tutte le info su come costruire i grafici vi rimando alla documentazione ufficiale.
Ad esempio questo è il codice per visualizzare un grafico a torta
[wp_charts title="mypie" type="pie" align="alignright" data="10,32,50,25,5"]
Potete vedere il tipo di grafico “type“, l’allineamento e infine i dati che verranno automaticamente converti in percentuale (quindi preso 100 come totale).
Certo questo non è un metodo semplicissimo, se paragonato alle altre due soluzioni, ma sicuramente con il plugin possiamo creare dei grafici su un sito wordpress in modo molto veloce e soprattutto il risultato estetico è molto accattivante.
I grafici sono molto minimal, con dei bei colori e appena la pagina viene caricata essi hanno anche un’animazione molto carina.
3. Fogli di calcolo Google
https://docs.google.com/spreadsheets/
Questo metodo permette di importare un grafico direttamente da un foglio google, quindi non sto parlando di salvare l’immagine e caricarla semplicemente, ma di incorporare il codice html del grafico.
Utilizzano gli strumenti di Google, molto utili come sempre, possiamo creare un grafico partendo da una tabella normalissima.
Quando abbiamo creato il grafico come vogliamo, con etichette, dati e colori che ci piacciono, possiamo cliccare sul menu che troviamo in alto a destra (freccetta) sulla finestra del grafico.
Selezioniamo poi “Pubblica grafico”. Si aprirà un popup nel quale selezioniamo Incorpora e quindi uscirà il codice da copiare e incollare nel nostro articolo wordpress.
Ricordiamoci di incollare il codice sulla parte Testo di un articolo o pagina.
Ed ecco quindi il risultato: un grafico interattivo e configurabile dal foglio di calcolo su Google Drive.
4. Conclusioni
Se sappiamo già il nostro grafico sarà l’unico del nostro sito sconsiglio di installare un plugin. Infatti possiamo creare il grafico con Excel e poi esportare l’immagine e riportarla sulle pagine di WordPress.
Oppure, come abbiamo visto, possiamo creare un grafico tramite Google Documents e importare il codice direttamente sul sito.
Così eviteremo di installare plugin che, per quanto semplici, possono rallentare il nostro sito e renderlo meno reattivo.
Se invece pensiamo di usare spesso questo strumento così potente dal punto di vista comunicativo, possiamo senza dubbio installare il plugin che preferiamo e creare dei grafici fantastici, direttamente dalle pagine del sito.
Anche questo articolo ha richiesto diverse ore di ricerche, prove e scrittura. Se ti ha aiutato o se vuoi semplicemente ringraziarmi, puoi farlo con un semplice click qui sotto! Grazieeee! 😀