{"id":78992,"date":"2024-09-13T07:48:52","date_gmt":"2024-09-13T06:48:52","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=78992&#038;preview=true&#038;preview_id=78992"},"modified":"2024-09-17T11:50:30","modified_gmt":"2024-09-17T10:50:30","slug":"widget-grafici-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/","title":{"rendered":"Widget grafici per WordPress: come migliorare dashboard e grafici del sito"},"content":{"rendered":"<p>In molte situazioni, presentare i dati in un formato accattivante e facile da digerire pu\u00f2 offrire molti vantaggi. I widget grafici per WordPress permettono di trasformare i numeri grezzi e le statistiche in una rappresentazione bella da vedere e informativa. Il pi\u00f9 delle volte si tratta di un plugin che permette di lavorare con i dati all&#8217;interno di WordPress.<\/p>\n<p>In questo articolo parleremo dei widget grafici per WordPress, compresi i diversi tipi che da utilizzare, le situazioni in cui utilizzarli e molto altro ancora. Nella seconda parte dell&#8217;articolo, elencheremo alcuni plugin che possono aiutare a implementare i widget grafici e vi mostreremo come utilizzarne uno per le vostre esigenze.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>I widget grafici in WordPress<\/h2>\n<p>I siti web (compresi quelli che utilizzano WordPress) utilizzano due <a href=\"https:\/\/kinsta.com\/it\/blog\/widget-wordpress\/\">tipi di widget<\/a>: quelli grafici e quelli testuali. I tipici widget testuali possono essere efficaci, ma i widget grafici mostrano le informazioni in un formato pi\u00f9 interessante.<\/p>\n<figure id=\"attachment_183603\" aria-describedby=\"caption-attachment-183603\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183603\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/graphical-widget.png\" alt=\"Un grafico a linee che mostra i dati relativi ai gatti e a due tipi di coperte nei periodi da A a N. La linea dei gatti raggiunge un picco di circa 8 unit\u00e0 nel periodo F prima di diminuire, mentre le linee delle coperte rimangono basse e costanti per tutto il periodo.\" width=\"1200\" height=\"540\"><figcaption id=\"caption-attachment-183603\" class=\"wp-caption-text\">Un widget grafico di un grafico a linee sul front-end di un sito web.<\/figcaption><\/figure>\n<p>Questi widget hanno componenti dinamici che utilizzano diverse rappresentazioni visive, come grafici, diagrammi, mappe e barre di avanzamento, per trasmettere informazioni complesse a colpo d&#8217;occhio. Questo pu\u00f2 aiutarvi a comunicare meglio con i lettori, aiutandoli a comprendere e interpretare rapidamente i vostri dati. Inoltre, potrebbe migliorare il coinvolgimento e la fidelizzazione degli utenti.<\/p>\n<p>Sebbene esistano diversi modi per presentare i dati, i widget grafici hanno alcuni elementi in comune:<\/p>\n<ul>\n<li>Mostrano i dati in modo dinamico.<\/li>\n<li>Permettono di offrire elementi interattivi per aiutare gli utenti a &#8220;scavare&#8221; nei vostri dati.<\/li>\n<li>Indipendentemente dal <a href=\"https:\/\/kinsta.com\/it\/blog\/principi-di-web-design\/\">design del sito<\/a>, \u00e8 possibile personalizzare i widget per adattarli ad esso.<\/li>\n<li>Ci sono molti casi in cui \u00e8 possibile offrire aggiornamenti in tempo reale ai dati presentati.<\/li>\n<\/ul>\n<p>Tuttavia, i widget grafici non servono solo ad aggiungere un tocco visivo al sito. Sono una parte importante della visualizzazione e dell&#8217;interazione con i vostri dati grezzi.<\/p>\n<h2>Perch\u00e9 i widget grafici possono aiutare la presentazione dei dati sul sito<\/h2>\n<p>L&#8217;uso della grafica per trasmettere un messaggio presenta numerosi vantaggi. In generale, i contenuti visivi sono sempre fondamentali e sono <a href=\"https:\/\/venngage.com\/blog\/visual-content-marketing-statistics\/#2024-stats\" target=\"_blank\" rel=\"noopener noreferrer\">molto importanti per il marketing online<\/a>.<\/p>\n<p>Per voi e i vostri dati, ci sono molti altri vantaggi da sottolineare:<\/p>\n<ul>\n<li><strong>Miglioramento della visualizzazione dei dati.<\/strong> Gli insiemi di dati complessi possono essere pi\u00f9 accessibili, consentendo agli utenti di cogliere rapidamente tendenze e pattern. Inoltre, possono semplificare il modo in cui fornite le informazioni utilizzando formati visivi versatili, adattabili e digeribili.<\/li>\n<li><strong>Miglioramento del coinvolgimento degli utenti.<\/strong> Gli elementi interattivi offrono agli utenti l&#8217;opportunit\u00e0 di aumentare il tempo trascorso sul sito e le <a href=\"https:\/\/kinsta.com\/it\/blog\/visual-content\/\">metriche di coinvolgimento complessive<\/a>.<\/li>\n<li><strong>Estetica professionale.<\/strong> Se il design \u00e8 corretto, i widget possono migliorare l&#8217;aspetto visivo del sito. Questo aspetto curato e professionale pu\u00f2 dare alla presentazione dei vostri dati una marcia in pi\u00f9.<\/li>\n<\/ul>\n<p>Le informazioni visive hanno spesso un vantaggio rispetto al testo in qualsiasi campo, il che significa che \u00e8 possibile presentare i dati chiave in un modo che li renda pi\u00f9 memorabili. Per questo motivo, utilizzarli nel modo giusto sul sito \u00e8 una priorit\u00e0 assoluta.<\/p>\n<h2>Quando usare i widget grafici su un sito WordPress<\/h2>\n<p>Troppo di una cosa buona diventa ripetitivo e saturante. Ci\u00f2 significa che dovrete usare i widget grafici con cura e attenzione.<\/p>\n<p>La buona notizia \u00e8 che ci sono molte situazioni in cui usare i widget grafici. Il momento pi\u00f9 chiaro per utilizzare i grafici \u00e8 quando dovete semplificare concetti complessi per i vostri lettori. Tuttavia, ci sono altri casi di nicchia:<\/p>\n<ul>\n<li>Presentare insiemi di dati complessi, dove \u00e8 necessario mostrare grandi quantit\u00e0 di dati o intricate relazioni tra punti di dati.<\/li>\n<li>Evidenziare le tendenze nel tempo e mostrare i cambiamenti o gli schemi dei dati in diversi periodi di tempo. Potete anche rappresentare obiettivi, traguardi o <a href=\"https:\/\/kinsta.com\/it\/blog\/product-led-growth\/\">metriche di crescita<\/a>.<\/li>\n<li>Confrontare pi\u00f9 variabili per illustrare le relazioni o le differenze tra diverse categorie di dati.<\/li>\n<li>Mostrare dati geografici per luoghi specifici o quando i dati richiedono un contesto spaziale.<\/li>\n<\/ul>\n<p>Potreste anche usare i widget grafici quando avete bisogno dell&#8217;interazione dell&#8217;utente, come nel caso di <a href=\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\">report dinamici<\/a> o altre dashboard. La chiave \u00e8 decidere se la visualizzazione dei vostri dati migliorer\u00e0 la comprensione e il coinvolgimento rispetto ad altri approcci.<\/p>\n<p>In breve, se il formato visivo fornisce valore e chiarezza ai vostri dati, \u00e8 probabile che si presti all&#8217;uso di un widget grafico.<\/p>\n<h2>I diversi tipi di widget grafici per WordPress<\/h2>\n<p>La visualizzazione dei dati si presenta in varie forme e ogni tipo di visualizzazione si adatta a diverse esigenze di dati e di presentazione. In questa sede non ci addentreremo nei dettagli di ogni modo in cui \u00e8 possibile presentare i propri dati, anche se ci sono alcune opzioni tipiche e particolari da notare.<\/p>\n<p>I grafici tipici come i grafici a barre, i grafici a torta, i grafici a linee e i grafici ad area sono sempre una buona scelta per la visualizzazione dei dati. Sono i capisaldi dell&#8217;approccio:<\/p>\n<figure id=\"attachment_183590\" aria-describedby=\"caption-attachment-183590\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183590\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/bar-chart.png\" alt=\"Il cruscotto delle statistiche di Wikipedia mostra il totale delle pagine viste negli ultimi due anni. Una barra di ricerca nella parte superiore consente agli utenti di esplorare gli argomenti o di consultare le domande. Il contenuto principale mostra un grafico a barre con barre verdi che rappresentano i dati mensili delle pagine viste. Le opzioni della barra laterale includono varie metriche e filtri. Le visualizzazioni totali indicate sono 265 miliardi.\" width=\"1200\" height=\"685\"><figcaption id=\"caption-attachment-183590\" class=\"wp-caption-text\">Il sito di Wikipedia mostra un grafico a barre per le sue visualizzazioni totali di pagina.<\/figcaption><\/figure>\n<p>I grafici a dispersione sono un po&#8217; pi\u00f9 complessi ma permettono di mostrare la relazione tra due variabili:<\/p>\n<figure id=\"attachment_183609\" aria-describedby=\"caption-attachment-183609\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183609\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/scatter-graph.png\" alt=\"Grafico a dispersione che mostra i dati del box office di maggio, giugno e luglio 2021. L'asse delle ascisse va da 0 a 12, mentre l'asse delle ordinate va da 0 a 20. I punti colorati rappresentano i punti dati per ogni mese, con una tendenza generale all'aumento visibile in tutti e tre i mesi.\" width=\"1200\" height=\"653\"><figcaption id=\"caption-attachment-183609\" class=\"wp-caption-text\">Un grafico a dispersione per le metriche del box office del British Film Institute (BFI).<\/figcaption><\/figure>\n<p>Le <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-mappe\/\">mappe<\/a> possono avere varie forme. Le <a href=\"https:\/\/www.atlassian.com\/data\/charts\/heatmap-complete-guide\" target=\"_blank\" rel=\"noopener noreferrer\">mappe di calore<\/a> hanno casi d&#8217;uso di nicchia ma utilizzano gradienti di colore per mostrare l&#8217;intensit\u00e0 dei dati. Una mappa interattiva del mondo pu\u00f2 essere utile quando si ha bisogno di mostrare l&#8217;interattivit\u00e0 in base ai luoghi:<\/p>\n<figure id=\"attachment_183614\" aria-describedby=\"caption-attachment-183614\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183614\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordcamp-map.png\" alt=\"Una mappa del mondo che mostra marcatori gialli con numeri, che indicano la posizione dei WordCamp nei diversi Paesi e continenti. La mappa mostra una concentrazione di indicatori in Nord America, Europa e parte dell'Asia.\" width=\"1200\" height=\"750\"><figcaption id=\"caption-attachment-183614\" class=\"wp-caption-text\">Il sito web principale del WordCamp segnala tutti gli eventi in tutto il mondo su una mappa interattiva e incorporata.<\/figcaption><\/figure>\n<p>I contatori e le barre di avanzamento sono pi\u00f9 indicati per i traguardi raggiunti. In questo caso, dovrete ricorrere a contatori numerici che utilizzano il conteggio dinamico fino a un valore finale. Le barre di avanzamento circolari possono aiutare a mostrare la percentuale di completamento. Potete farlo anche con una barra lineare orizzontale o verticale:<\/p>\n<figure id=\"attachment_183617\" aria-describedby=\"caption-attachment-183617\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183617\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-github.png\" alt=\"La pagina del repository GitHub di WordPress mostra la sezione \u201cStandard della comunit\u00e0\u201d. La lista di controllo indica che il progetto ha completato le voci relative a descrizione, README, codice di condotta e licenza, mentre alcune voci sono ancora in sospeso, come le linee guida per i collaboratori e la politica di sicurezza.\" width=\"1200\" height=\"679\"><figcaption id=\"caption-attachment-183617\" class=\"wp-caption-text\">La schermata degli Standard della Comunit\u00e0 sulla pagina ufficiale di WordPress su GitHub mostra una barra di avanzamento pubblica relativa a un elenco di compiti sottostanti.<\/figcaption><\/figure>\n<p>Anche le <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-gallerie-fotografiche\/\">gallerie di immagini<\/a>, i lightbox e gli slider possono aiutarvi a presentare i vostri dati in pi\u00f9 diapositive, con sovrapposizioni o quasi come un evento guidato da una storia. \u00c8 qui che possono entrare in gioco le visualizzazioni delle linee temporali, cos\u00ec come i flussi di processo. Un tipo di visualizzazione dei dati che vedrete spesso nei siti di tutorial di fotografia \u00e8 il &#8220;confronto prima\/dopo&#8221;.<\/p>\n<figure id=\"attachment_183591\" aria-describedby=\"caption-attachment-183591\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183591\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/before-after.png\" alt=\"Due scene urbane contrastanti sono presentate in verticale. L'immagine superiore mostra una vista diurna di una strada affollata con edifici e numerosi fili elettrici e lampadine pendenti. L'immagine inferiore ritrae un vicolo umido e poco illuminato di notte, con insegne al neon e distributori automatici visibili in lontananza.\" width=\"1200\" height=\"683\"><figcaption id=\"caption-attachment-183591\" class=\"wp-caption-text\">L&#8217;utilizzo di un cursore prima e dopo dinamico e interattivo pu\u00f2 aiutare a mostrare le differenze tra due immagini altrimenti simili.<\/figcaption><\/figure>\n<p>Questo permette di confrontare due versioni di un&#8217;immagine utilizzando un cursore dinamico che si trascina sull&#8217;immagine, rivelando l&#8217;altra. Potrebbe non essere molto utilizzato per i vostri casi d&#8217;uso, ma ricordate che ogni tipo di visualizzazione ha un&#8217;applicazione ideale.<\/p>\n<h2>Dove utilizzare i widget grafici (esempi)<\/h2>\n<p>Il tipo di visualizzazione che utilizzate \u00e8 importante, ma lo \u00e8 anche il modo in cui lo utilizzate (e dove). In altre parole, ci sono diverse applicazioni in cui l&#8217;uso dei widget grafici \u00e8 di grande utilit\u00e0.<\/p>\n<p>Vi accorgerete che, oltre ai casi d&#8217;uso tipici, ci sono anche applicazioni che vedete spesso ma che non associate alla visualizzazione dei dati. Nelle prossime sezioni tratteremo alcuni di questi utilizzi.<\/p>\n<h3>Applicazioni aziendali<\/h3>\n<p>Una delle applicazioni pi\u00f9 diffuse dei widget grafici \u00e8 quella di mostrare essenzialmente le vostre metriche chiave. Per le aziende si tratta di una chiara vittoria in termini di presentazione dei dati in modo accattivante. Un grafico a barre \u00e8 facile da leggere con i giusti valori dell&#8217;asse e aiuta a visualizzare l&#8217;andamento delle vendite nel tempo o a confrontare diversi prodotti o servizi.<\/p>\n<p><a href=\"https:\/\/corporate.target.com\/investors\/annual\/2023-annual-report\" target=\"_blank\" rel=\"noopener noreferrer\">Target<\/a> \u00e8 una delle milioni di aziende che lo utilizzano per mostrare la crescita del fatturato annuale:<\/p>\n<figure id=\"attachment_183610\" aria-describedby=\"caption-attachment-183610\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183610\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/target-bar-charts.png\" alt=\"Infografica sulla performance finanziaria di Target che mostra il fatturato totale, il reddito operativo, l'utile netto e l'EPS diluito dal 2018 al 2023. I grafici a barre mostrano la crescita annuale di tutte le metriche, con il 2023 evidenziato in rosso. Per ogni categoria vengono fornite le percentuali di performance e il CAGR quinquennale.\" width=\"1200\" height=\"575\"><figcaption id=\"caption-attachment-183610\" class=\"wp-caption-text\">Target utilizza i grafici a barre per confrontare le prestazioni anno per anno su una serie di dati.<\/figcaption><\/figure>\n<p>Questo dimostra anche come queste semplici presentazioni possano illustrare la relazione tra diverse metriche, come il costo di acquisizione dei clienti o il valore di vita. Anche i grafici a barre impilati possono mostrare questo tipo di confronto. WordPress utilizza questo approccio nella <a href=\"http:\/\/wordpress.org\/plugins\" target=\"_blank\" rel=\"noopener noreferrer\">Plugin Directory<\/a> per mostrare la ripartizione della versione di un plugin installata dagli utenti:<\/p>\n<figure id=\"attachment_183615\" aria-describedby=\"caption-attachment-183615\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183615\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-bar-line-graph.png\" alt=\"La schermata avanzata di un plugin WordPress che mostra le versioni attive, il grafico dei download giornalieri e i dettagli del plugin. Questi dettagli includono il numero di versione, le installazioni attive e le valutazioni. Il plugin ha oltre quattro milioni di installazioni attive e una valutazione di 4,5 stelle.\" width=\"1200\" height=\"645\"><figcaption id=\"caption-attachment-183615\" class=\"wp-caption-text\">La WordPress Plugin Directory utilizza grafici a barre sovrapposte per mostrare le versioni scaricate dagli utenti.<\/figcaption><\/figure>\n<p>I grafici a torta e a ciambella sono ideali se un&#8217;azienda vuole mostrare i dati relativi alla sua clientela. Spesso sono segmentati in base all&#8217;et\u00e0, alla posizione geografica o ad altri fattori rilevanti. <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-elementor\/\">Elementor<\/a> utilizza una visualizzazione particellare unica e interessante per evidenziare le sue basi di utenti pi\u00f9 grandi:<\/p>\n<figure id=\"attachment_183598\" aria-describedby=\"caption-attachment-183598\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183598\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/elementor-motion.png\" alt=\"Il sito web di Elementor mostra una visualizzazione particellare dei Paesi con il maggior numero di utenti della sua comunit\u00e0. Tre cerchi colorati rappresentano gli Stati Uniti (pi\u00f9 grandi), la Germania (media) e il Regno Unito (pi\u00f9 piccolo). Linee decorative simili a costellazioni collegano i cerchi.\" width=\"1200\" height=\"636\"><figcaption id=\"caption-attachment-183598\" class=\"wp-caption-text\">Gli effetti particellari possono funzionare anche per la visualizzazione dei dati. Elementor li utilizza per visualizzare le informazioni relative alla sua base di utenti.<\/figcaption><\/figure>\n<p>In altri casi, potete scegliere di mostrare le tappe fondamentali dell&#8217;azienda o l&#8217;avanzamento di un progetto. <a href=\"https:\/\/flourish.studio\/blog\/responsive-interactive-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flourish<\/a> utilizza una linea temporale per mostrare la sua storia, che pu\u00f2 avere un impatto sulla fedelt\u00e0 al marchio:<\/p>\n<figure id=\"attachment_183599\" aria-describedby=\"caption-attachment-183599\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183599\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/flourish-timeline.png\" alt=\"Una timeline che mostra l'evoluzione di Flourish, uno strumento di visualizzazione dei dati. Le tappe principali includono l'idea iniziale nel 2016, l'SDK per gli sviluppatori nel 2017 e il lancio dell'editor Flourish nel 2018. La timeline mostra anche le lotte con la narrazione dei dati nel 2016 e le promozioni ai giornalisti nel 2018.\" width=\"1200\" height=\"589\"><figcaption id=\"caption-attachment-183599\" class=\"wp-caption-text\">Il sito web di Flourish utilizza un&#8217;attraente timeline per mostrare la sua storia.<\/figcaption><\/figure>\n<p>In realt\u00e0, l&#8217;e-commerce va di pari passo con le applicazioni aziendali generali, quindi tutto ci\u00f2 che abbiamo descritto potrebbe essere applicato anche a un negozio. Tuttavia, ci sono modi specifici in cui questo settore pu\u00f2 visualizzare i dati.<\/p>\n<h3>Metriche dell&#8217;e-commerce<\/h3>\n<p>Le decisioni di acquisto spesso richiedono <a href=\"https:\/\/kinsta.com\/it\/blog\/statistiche-ecommerce\/\">pochi secondi di riflessione<\/a>, quindi \u00e8 fondamentale fornire ai clienti le informazioni giuste in modo rapido. I confronti tra i prodotti tramite grafici a barre o a radar aiutano a confrontare le caratteristiche o le specifiche di diversi prodotti, ma questo \u00e8 solo l&#8217;inizio.<\/p>\n<p>Ad esempio, <a href=\"https:\/\/srface.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">SRFACE<\/a> utilizza una <a href=\"https:\/\/wordpress.org\/plugins\/woo-advanced-product-size-chart\/\" target=\"_blank\" rel=\"noopener noreferrer\">guida di stile<\/a> interattiva per spiegare le specifiche delle sue mute e visualizzare l&#8217;aspetto di ogni variante:<\/p>\n<figure id=\"attachment_183605\" aria-describedby=\"caption-attachment-183605\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183605\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/interactive-guide.gif\" alt=\"Una GIF per una pagina di prodotto per una muta da donna nera. Mostra un'immagine della muta, informazioni sui prezzi, opzioni di taglia e spessore e dettagli sul prodotto, come informazioni sulla spedizione e sulla garanzia. L'utente naviga tra le taglie, gli stili e le informazioni sul prodotto, che vengono visualizzate sullo schermo.\" width=\"1200\" height=\"730\"><figcaption id=\"caption-attachment-183605\" class=\"wp-caption-text\">Le guide di stile interattive possono essere un grande vantaggio per i negozi di e-commerce, in quanto offrono ai potenziali clienti un&#8217;esperienza pi\u00f9 coinvolgente.<\/figcaption><\/figure>\n<p>Si avvicina a un&#8217;applicazione commerciale, ma potete anche utilizzare grafici e diagrammi per aiutare i visitatori a capire le tendenze di adozione dei prodotti. La <a href=\"http:\/\/wordpress.org\/themes\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Theme Directory<\/a> lo fa utilizzando grafici a barre:<\/p>\n<figure id=\"attachment_183618\" aria-describedby=\"caption-attachment-183618\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183618\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-theme-graph.png\" alt=\"Un grafico a barre che mostra i download giornalieri di un tema WordPress nel tempo. Il grafico indica installazioni attive per oltre un milione. Il numero di download \u00e8 fluttuante, con diversi picchi che raggiungono circa 12.000 download al giorno, intervallati da periodi di minore attivit\u00e0 intorno ai 6.000-8.000 download giornalieri. L'asse delle ascisse va da novembre 2023 a luglio 2024.\" width=\"1200\" height=\"678\"><figcaption id=\"caption-attachment-183618\" class=\"wp-caption-text\">La WordPress Theme Directory include un grafico a barre che mostra le cifre dei download di ogni tema nel tempo.<\/figcaption><\/figure>\n<p>Potete inserire widget grafici in qualsiasi punto in cui altrimenti utilizzeresti del testo. Ad esempio, molti negozi di e-commerce utilizzano un semplice testo a contrasto per il <a href=\"https:\/\/kinsta.com\/it\/blog\/gestione-inventario-woocommerce\/\">calcolo delle scorte<\/a>. Tuttavia, le barre di avanzamento potrebbero essere pi\u00f9 adatte in questo caso, in quanto potrebbero anche aumentare l&#8217;urgenza di una vendita.<\/p>\n<h3>Monitoraggio delle metriche in tempo reale<\/h3>\n<p>Le visualizzazioni in tempo reale hanno un effetto entusiasmante perch\u00e9 si vede la progressione in tempo reale della <span style=\"margin: 0px;padding: 0px\">metrica tracciata. <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/nonprofit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gli enti di beneficenza e le organizzazioni non profit<\/a> utilizzano spesso questo tipo di widget grafici<\/span>.<\/p>\n<p><a href=\"https:\/\/www.gofundme.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GoFundMe<\/a> \u00e8 la pi\u00f9 grande piattaforma di crowdfunding del pianeta e ogni raccolta fondi ha un termometro o una barra di monitoraggio dei progressi che si riempie all&#8217;avvicinarsi di un obiettivo:<\/p>\n<figure id=\"attachment_183601\" aria-describedby=\"caption-attachment-183601\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183601\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/gofundme-thermometer.png\" alt=\"Una pagina GoFundMe per la raccolta di fondi per una squadra femminile di softball della Little League. La pagina mostra la foto di una squadra di ragazze in uniforme che reggono lo striscione Central Little League Softball Champions. La raccolta fondi ha raccolto 2.450 dollari su un obiettivo di 12.000 dollari per aiutare la squadra a raggiungere le Little League World Series.\" width=\"1200\" height=\"604\"><figcaption id=\"caption-attachment-183601\" class=\"wp-caption-text\">La famosa piattaforma di crowdfunding GoFundMe utilizza le barre di avanzamento e la visualizzazione a termometro per mostrare quanto manca al completamento di una raccolta fondi.<\/figcaption><\/figure>\n<p>I contatori animati o le infografiche possono aiutare a mostrare l&#8217;impatto in tempo reale dei vostri prodotti e servizi. Ad esempio, il sito principale di <a href=\"http:\/\/wordpress.org\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org<\/a> ha una pagina dedicata per visualizzare il numero di download della piattaforma principale che si aggiorna ogni minuto:<\/p>\n<figure id=\"attachment_183616\" aria-describedby=\"caption-attachment-183616\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183616\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-counter.gif\" alt=\"Una pagina web a tema scuro che visualizza il numero di download di WordPress 6.6, pari a 44.316.991. La pagina presenta in alto i link di navigazione per Releases, Nightly, Counter e Source. Dopo alcuni secondi, il numero aumenta, mostrando un aggiornamento in tempo reale del numero di download.\" width=\"1200\" height=\"616\"><figcaption id=\"caption-attachment-183616\" class=\"wp-caption-text\">Il contatore dei download di WordPress.org si aggiorna ogni minuto con il totale corrente.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/status.kinsta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta<\/a> utilizza anche un grafico di conteggio per aiutarvi a monitorare il tempo di uptime del sito attraverso i nostri diversi servizi:<\/p>\n<figure id=\"attachment_183606\" aria-describedby=\"caption-attachment-183606\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183606\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/kinsta-tally-chart.png\" alt=\"Un rapporto sul tempo di attivit\u00e0 dalla pagina di stato di Kinsta che mostra un tempo di attivit\u00e0 del 100% per il sito principale Kinsta.com e per la dashboard degli affiliati nell'arco di 90 giorni. La dashboard MyKinsta ha un uptime del 99,89%, con alcune brevi interruzioni indicate dalle barre rosse e gialle.\" width=\"1200\" height=\"514\"><figcaption id=\"caption-attachment-183606\" class=\"wp-caption-text\">La pagina di stato di Kinsta offre un grafico che mostra qualsiasi periodo prolungato di inattivit\u00e0.<\/figcaption><\/figure>\n<p>Questa strategia di aggiornamento &#8220;live&#8221; pu\u00f2 avere applicazioni pratiche che non si limitano a fare sfoggio di s\u00e9. In alcuni casi \u00e8 necessario avere una conoscenza aggiornata di alcune metriche.<\/p>\n<h3>Dati analitici interni<\/h3>\n<p>Il monitoraggio delle prestazioni ha un&#8217;ampia portata. Pu\u00f2 essere una strategia di misurazione dei KPI in prima linea o una panoramica personalizzata di una particolare metrica. <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-google-analytics\/\">Google Analytics<\/a> \u00e8 un buon esempio di rappresentazione efficace dei dati di un sito di nicchia:<\/p>\n<figure id=\"attachment_183602\" aria-describedby=\"caption-attachment-183602\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183602\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-analytics.png\" alt=\"Il cruscotto di Google Analytics mostra i dati sul traffico del sito web in tempo reale. L'interfaccia mostra una mappa mondiale con la posizione degli utenti, il conteggio degli utenti attivi e i grafici dell'attivit\u00e0 degli utenti nel tempo. Le barre laterali mostrano varie categorie di rapporti e metriche, come le fonti degli utenti e le pagine viste.\" width=\"1200\" height=\"750\"><figcaption id=\"caption-attachment-183602\" class=\"wp-caption-text\">Google Analytics racchiude in un&#8217;unica pagina diversi tipi di visualizzazione dei dati.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/deploymenthawk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">DeploymentHawk<\/a>, l&#8217;applicazione di auditing di <a href=\"https:\/\/kinsta.com\/it\/blog\/pagespeed-insights-api\/\">Google Lighthouse<\/a>, utilizza una serie di grafici, diagrammi, contatori e altro ancora per snocciolare i numeri e visualizzare i risultati di un report:<\/p>\n<figure id=\"attachment_183595\" aria-describedby=\"caption-attachment-183595\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183595\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/deployment-counters.png\" alt=\"Il cruscotto di DeploymentHawk mostra le metriche di prestazione del sito web, compresi i punteggi per le prestazioni (96), l'accessibilit\u00e0 (96), le migliori pratiche (95) e il SEO (100). Vengono mostrate anche altre metriche di performance, come il First Contentful Paint e il Largest Contentful Paint.\" width=\"1200\" height=\"610\"><figcaption id=\"caption-attachment-183595\" class=\"wp-caption-text\">L&#8217;applicazione DeploymentHawk prende i dati di Google Lighthouse e li presenta utilizzando grafici, diagrammi e contatori personalizzati.<\/figcaption><\/figure>\n<p>Anche lo <a href=\"https:\/\/kinsta.com\/it\/strumento-apm\/\">strumento APM (Application Performance Monitoring) di Kinsta<\/a> e la dashboard <a href=\"https:\/\/kinsta.com\/it\/mykinsta\/\">MyKinsta<\/a> fanno lo stesso, utilizzando diversi tipi di visualizzazione dei dati a seconda delle metriche da visualizzare:<\/p>\n<figure id=\"attachment_183607\" aria-describedby=\"caption-attachment-183607\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183607\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/mykinsta-dashboard.png\" alt=\"L'interfaccia della dashboard di MyKinsta. Mostra varie metriche e grafici, tra cui l'utilizzo delle risorse, la larghezza di banda, le visite e l'utilizzo del CDN per i siti WordPress. La barra laterale sinistra mostra le opzioni di navigazione per i diversi servizi di hosting.\" width=\"1200\" height=\"722\"><figcaption id=\"caption-attachment-183607\" class=\"wp-caption-text\">La dashboard di MyKinsta mostra vari grafici e diagrammi basati sui dati del sito.<\/figcaption><\/figure>\n<p>La gamification pu\u00f2 sempre essere utile se avete degli obiettivi di completamento da raggiungere. <a href=\"https:\/\/todoist.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Todoist<\/a> lo fa utilizzando grafici di base a barre e a linee insieme al suo sistema di punti &#8220;karma&#8221;:<\/p>\n<figure id=\"attachment_183611\" aria-describedby=\"caption-attachment-183611\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183611\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/todoist-gamification.png\" alt=\"La dashboard di Todoist mostra 4744 attivit\u00e0 completate. Un indicatore di progresso circolare mostra l'obiettivo settimanale di 26\/30 attivit\u00e0 completate. Altre metriche includono informazioni sulle strisce e un grafico a barre che confronta il completamento delle attivit\u00e0 nelle ultime 4 settimane.\" width=\"1200\" height=\"869\"><figcaption id=\"caption-attachment-183611\" class=\"wp-caption-text\">L&#8217;applicazione Todoist utilizza tecniche di gamification per assicurarsi che i compiti siano completati con la massima efficienza.<\/figcaption><\/figure>\n<p>Infine, alcune organizzazioni non profit rendono pubblici i loro risultati interni. Questo crea una dicotomia unica tra la presentazione al pubblico e l&#8217;utilizzo dei dati come barometro interno. Ad esempio, la <a href=\"https:\/\/www.gatesfoundation.org\/goalkeepers\/report\/2023-report\/#Intro\" target=\"_blank\" rel=\"noopener noreferrer\">Gates Foundation<\/a> prende la sua filosofia e visione interna, la applica al futuro e, a sua volta, crea un eccellente esempio di statistica predittiva:<\/p>\n<figure id=\"attachment_183600\" aria-describedby=\"caption-attachment-183600\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183600\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/gates-foundation-bar.png\" alt=\"Un grafico che mostra l'opportunit\u00e0 di salvare milioni di vite grazie all'accessibilit\u00e0 dell'innovazione. Il grafico ad aree sovrapposte prevede 2 milioni di vite salvate entro il 2030 e 6,4 milioni entro il 2040, suddivise per regione: Africa subsahariana, Asia meridionale e altri Paesi a basso reddito.\" width=\"1200\" height=\"651\"><figcaption id=\"caption-attachment-183600\" class=\"wp-caption-text\">La Fondazione Gates utilizza grafici a barre unici nel loro genere per promuovere la sua filosofia e le sue azioni.<\/figcaption><\/figure>\n<p>Grazie a questa flessibilit\u00e0 nel tipo di visualizzazione e nell&#8217;applicazione, potete anche sfruttare l&#8217;adattabilit\u00e0 dei widget grafici. Il resto di questo post vi mostrer\u00e0 come farlo all&#8217;interno di WordPress.<\/p>\n<h2>Plugin per implementare i widget grafici per WordPress<\/h2>\n<p>Naturalmente, per implementare i widget grafici su WordPress, dovrete <a href=\"https:\/\/kinsta.com\/blog\/wordpress-charts\/\">utilizzare un plugin<\/a>. Nelle prossime sezioni vedremo alcune delle migliori opzioni disponibili, in ordine sparso.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h4\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h4>1. Visualizer: grafici e diagrammi<\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/visualizer\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visualizer<\/a> di ThemeIsle \u00e8 una solida scelta di plugin grafici gratuiti. Supporta diversi tipi di grafici ed \u00e8 semplice da usare, cos\u00ec come gli altri temi e plugin.<\/p>\n<figure id=\"attachment_183612\" aria-describedby=\"caption-attachment-183612\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183612\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/visualizer-header.png\" alt=\"L'immagine del banner dell'intestazione di WordPress.org per il plugin Visualizer. L'immagine mostra vari tipi di grafici e visualizzazioni di dati, mettendo in risalto caratteristiche quali oltre 14 grafici, shortcode, animazioni dei grafici e capacit\u00e0 di editing dal vivo.\" width=\"1200\" height=\"382\"><figcaption id=\"caption-attachment-183612\" class=\"wp-caption-text\">L&#8217;immagine dell&#8217;intestazione del plugin Visualizer da WordPress.org.<\/figcaption><\/figure>\n<p>Offre quattro diversi tipi di grafici, un editor di dati con un&#8217;interfaccia simile a un foglio di calcolo e numerose opzioni di personalizzazione. Il plugin si integra anche con <a href=\"http:\/\/charts.google.com\" target=\"_blank\" rel=\"noopener noreferrer\">Google Charts<\/a> (e altre API di Google). Tuttavia, sebbene questo plugin disponga di tutte le funzionalit\u00e0, \u00e8 necessario pagare la versione premium ($199 all&#8217;anno) per accedere a pi\u00f9 tipi di grafici e di editing.<\/p>\n<p>La versione gratuita, tuttavia, \u00e8 adatta alla maggior parte degli utenti, soprattutto per la visualizzazione di dati basilari ma splendidi.<\/p>\n<h4>2. Data Tables Generator di Supsystic<\/h4>\n<p>A prima vista, <a href=\"https:\/\/supsystic.com\/plugins\/wordpress-data-table-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Tables Generator<\/a> non sembra adatto a questo elenco di plugin per widget grafici per WordPress. Dopo tutto, come suggerisce il nome, \u00e8 possibile creare solo tabelle di dati testuali. Questo vale per la versione gratuita, ma l&#8217;edizione premium include molte pi\u00f9 funzionalit\u00e0, tra cui grafici e diagrammi.<\/p>\n<figure id=\"attachment_183594\" aria-describedby=\"caption-attachment-183594\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183594\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/data-tables-generator.png\" alt=\"Immagine di intestazione del plugin Data Tables Generator da WordPress.org. \u00c8 presente un insieme di icone e di elementi dell'interfaccia che rappresentano le caratteristiche di un sistema di gestione dei dati, tra cui i tipi di dati, le formule, le funzionalit\u00e0 di ricerca, l'ordinamento e gli strumenti per la creazione di tabelle.\" width=\"1200\" height=\"385\"><figcaption id=\"caption-attachment-183594\" class=\"wp-caption-text\">Immagine di intestazione del plugin Data Tables Generator da WordPress.org.<\/figcaption><\/figure>\n<p>La buona notizia \u00e8 che le vostre creazioni possono avere un aspetto fantastico. Avete a disposizione ogni tipo di opzione di visualizzazione, come grafici a barre e a linee, grafici a ciambella, grafici a bolle e altro ancora. Riteniamo inoltre che le opzioni di ordinamento e filtraggio siano all&#8217;avanguardia.<\/p>\n<p>Questo significa che il plugin \u00e8 perfetto per i siti che necessitano di un alto livello di interattivit\u00e0, soprattutto se hanno bisogno di tabelle di dati e di rappresentazioni visive dei dati.<\/p>\n<p>Nonostante ci\u00f2, nella versione gratuita non sono disponibili grafici o diagrammi. Tuttavia, con una licenza a vita del costo di 89 dollari, Data Tables Generator \u00e8 un affare per le funzionalit\u00e0 che offre.<\/p>\n<h4>3. amCharts: grafici e mappe<\/h4>\n<p>Il <a href=\"https:\/\/wordpress.org\/plugins\/amcharts-charts-and-maps\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin amCharts<\/a> \u00e8 unico nel suo genere in quanto si collega a un <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-cdn\/\">Content Delivery Network (CDN)<\/a> esterno per fornire la sua libreria. Per questo motivo, il plugin aiuta solo a collegare le <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/\">librerie JavaScript<\/a> a WordPress piuttosto che a creare direttamente i grafici.<\/p>\n<figure id=\"attachment_183589\" aria-describedby=\"caption-attachment-183589\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183589\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/amcharts-header.png\" alt=\"L'immagine di intestazione del plugin amCharts da WordPress.org. Mostra un'onda sinusoidale bianca sovrapposta a grafici a barre verticali grigi su uno sfondo viola sfumato. Il primo piano mostra una silhouette nera di un paesaggio montuoso o collinare, creando un effetto a strati con gli elementi del grafico.\" width=\"1200\" height=\"386\"><figcaption id=\"caption-attachment-183589\" class=\"wp-caption-text\">L&#8217;immagine dell&#8217;intestazione di amCharts da WordPress.org.<\/figcaption><\/figure>\n<p>Le funzionalit\u00e0 di amCharts sono ampie e offrono un alto livello di personalizzazione. Tuttavia, dovrete utilizzare l&#8217;interfaccia di amCharts per creare i vostri widget grafici, il che significa passare da una piattaforma all&#8217;altra.<\/p>\n<p>Se avete bisogno di una serie di tipi di grafici diversi e non avete problemi a utilizzare un&#8217;interfaccia di terze parti, amCharts potrebbe fare al caso vostro. Tuttavia, non esiste un livello gratuito per accedere a grafici e diagrammi, quindi dovrete acquistare una licenza premium a partire da 80 dollari all&#8217;anno.<\/p>\n<h4>4. Graphina: grafici e diagrammi di Elementor<\/h4>\n<p>Se utilizzate <a href=\"https:\/\/kinsta.com\/it\/blog\/tabella-elementor\/\">Elementor<\/a>, avete gi\u00e0 a disposizione alcune opzioni di widget grafici all&#8217;interno del page builder. Tuttavia, <a href=\"https:\/\/wordpress.org\/plugins\/graphina-elementor-charts-and-graphs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Graphina<\/a> arricchisce il tutto con numerosi grafici, diagrammi e altri tipi di visualizzazione di qualit\u00e0.<\/p>\n<figure id=\"attachment_183604\" aria-describedby=\"caption-attachment-183604\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183604\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/graphina-header.png\" alt=\"L'immagine di intestazione del plugin Graphina da WordPress.org. Il banner mostra esempi colorati di grafici radiali, grafici a linee e altre visualizzazioni di dati su uno sfondo scuro.\" width=\"1200\" height=\"385\"><figcaption id=\"caption-attachment-183604\" class=\"wp-caption-text\">L&#8217;immagine dell&#8217;intestazione di Graphina da WordPress.org.<\/figcaption><\/figure>\n<p>Questo plugin ha il maggior numero di tipi di grafici e di design in un plugin gratuito per widget grafici e ha una profonda integrazione con Elementor e <a href=\"https:\/\/kinsta.com\/it\/blog\/divi-vs-elementor\/\">Divi<\/a>. Inoltre, dispone di alcune delle opzioni di personalizzazione pi\u00f9 complete disponibili in qualsiasi plugin, per non parlare di quelli gratuiti.<\/p>\n<p>Sembra incredibile, ma la versione premium aumenta ulteriormente le funzionalit\u00e0 e rende Graphina il plugin per widget grafici pi\u00f9 completo per WordPress. Naturalmente, per poter usufruire di tutte queste funzionalit\u00e0 dovrete avere Elementor (o Divi), il che potrebbe essere un ostacolo. Per 49 $, tuttavia, potrebbe valere la pena passare a uno di questi popolari page builder.<\/p>\n<h4>5. wpDataTables<\/h4>\n<p>Come Data Tables Generator, <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpDataTables<\/a> non si concentra principalmente su grafici e diagrammi. Tuttavia \u00e8 possibile farlo con il plugin e i risultati sono di qualit\u00e0. I siti che hanno a che fare con grandi e complessi insiemi di dati vorranno dare un&#8217;occhiata a questo plugin.<\/p>\n<figure id=\"attachment_183619\" aria-describedby=\"caption-attachment-183619\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183619\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wp-data-tables.png\" alt=\"L'immagine di intestazione del plugin wpDataTables da WordPress.org. Il banner presenta uno sfondo blu scuro con il logo del plugin e il testo The Best Tables &#038; Charts WordPress Table Plugin. Tabelle, grafici e piani tariffari di esempio sono visualizzati in modo fluttuante sul lato destro dell'immagine.\" width=\"1200\" height=\"386\"><figcaption id=\"caption-attachment-183619\" class=\"wp-caption-text\">L&#8217;immagine dell&#8217;intestazione di wpDataTables da WordPress.org.<\/figcaption><\/figure>\n<p>Come ci si aspetterebbe, ci sono pi\u00f9 opzioni per creare tabelle, ma c&#8217;\u00e8 anche l&#8217;integrazione con Google Charts e <a href=\"https:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Charts.js<\/a> per offrirvi 15 diversi tipi di visualizzazione. \u00c8 in grado di gestire grandi insiemi di dati e le opzioni di importazione delle fonti sono fantastiche. potete inserire dati da <a href=\"https:\/\/kinsta.com\/it\/blog\/integrazione-fogli-di-calcolo-cloud\/\">Excel<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/xml-vs-html\/\">XML<\/a>, file CSV, JSON e persino array PHP se avete esperienza di sviluppo.<\/p>\n<p>Tuttavia, a causa del focus secondario sui grafici, non \u00e8 cos\u00ec semplice costruirli con wpDataTables. Questa curva di apprendimento, oltre alla quantit\u00e0 di funzionalit\u00e0 nascoste dietro l&#8217;edizione premium (a partire da 39 dollari all&#8217;anno), potrebbe indurvi a guardare altrove.<\/p>\n<h4>6. Ninja Charts<\/h4>\n<p>L&#8217;ultimo plugin della nostra lista \u00e8 completamente gratuito e non prevede prezzi premium. <a href=\"https:\/\/wordpress.org\/plugins\/ninja-charts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ninja Charts<\/a> potrebbe essere la soluzione giusta se siete alle prime armi con la visualizzazione dei dati, ma offre le funzionalit\u00e0 necessarie per competere con i migliori.<\/p>\n<figure id=\"attachment_183608\" aria-describedby=\"caption-attachment-183608\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183608\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/ninja-charts.png\" alt=\"L'immagine di intestazione del plugin Ninja Charts di WordPress.org. Mostra un uomo d'affari seduto su forme geometriche mentre utilizza un tablet, collegato a icone che rappresentano fogli di calcolo, grafici e analisi. Sul lato destro sono mostrati un grafico a barre crescente ed elementi della dashboard.\" width=\"1200\" height=\"386\"><figcaption id=\"caption-attachment-183608\" class=\"wp-caption-text\">L&#8217;immagine dell&#8217;intestazione di Ninja Charts da WordPress.org.<\/figcaption><\/figure>\n<p>Offre un&#8217;ottima selezione di tipi di grafici e d\u00e0 la possibilit\u00e0 di personalizzarli in base alle proprie esigenze. L&#8217;interfaccia \u00e8 semplice e offre una profonda integrazione con un altro plugin dello stesso sviluppatore, Ninja Tables.<\/p>\n<p>Tuttavia, ci sono delle limitazioni. <a href=\"https:\/\/wordpress.org\/support\/topic\/brutal-plugin-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Alcuni utenti lamentano<\/a> la mancanza di funzionalit\u00e0 di base come l&#8217;aggregazione dei dati, ad esempio. Tuttavia, il prezzo \u00e8 imbattibile e riteniamo che, grazie alle sue caratteristiche, possa essere adatto a molti siti diversi.<\/p>\n<h2>Come aggiungere widget grafici su WordPress con il plugin Visualizer<\/h2>\n<p>Vediamo rapidamente come aggiungere un widget grafico a un sito WordPress. Utilizzeremo Visualizer, dato che ci \u00e8 piaciuto abbastanza da renderlo il nostro preferito.<\/p>\n<p>Tuttavia, questo non \u00e8 un tutorial su Visualizer. Per questo motivo, i passi che faremo qui potrebbero essere diversi da quelli della soluzione che avete scelto. A tal proposito, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-i-plugin-di-wordpress\/\">installate e attivate<\/a> il plugin che preferite e poi create un nuovo grafico.<\/p>\n<p>In Visualizer, questa opzione \u00e8 disponibile al momento dell&#8217;installazione:<\/p>\n<figure id=\"attachment_183613\" aria-describedby=\"caption-attachment-183613\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183613\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/visualizer-wizard.png\" alt=\"La procedura guidata di avvio del plugin Visualizer. Mostra le opzioni per la selezione di diversi tipi di grafico, come il grafico a torta\/ciambella, il grafico a barre e il grafico a linee. L'interfaccia comprende un indicatore di avanzamento nella parte superiore e un pulsante Salva e continua nella parte inferiore.\" width=\"1200\" height=\"750\"><figcaption id=\"caption-attachment-183613\" class=\"wp-caption-text\">La procedura guidata di avvio del plugin Visualizer.<\/figcaption><\/figure>\n<p>Molto probabilmente ci sar\u00e0 un pulsante <strong>Aggiungi nuovo grafico<\/strong> da qualche parte nel pannello di amministrazione del plugin:<\/p>\n<figure id=\"attachment_183588\" aria-describedby=\"caption-attachment-183588\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183588\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/add-new-chart.png\" alt=\"La dashboard di amministrazione di WordPress mostra l'interfaccia di Visualizer Library. In alto spicca il pulsante Aggiungi nuovo, evidenziato in rosso. In basso sono presenti filtri a discesa per tipi, biblioteche, date e fonti. L'area del contenuto principale mostra l'inizio di un grafico a linee etichettato #216 con una linea blu che rappresenta i dati Cats.\" width=\"1200\" height=\"590\"><figcaption id=\"caption-attachment-183588\" class=\"wp-caption-text\">Aggiungere un nuovo grafico con il plugin Visualizer in WordPress.<\/figcaption><\/figure>\n<p>Una volta cliccato sul pulsante e selezionato il tipo di grafico, dovrete inserire i dati. La versione gratuita di Visualizer supporta solo la modifica manuale, ma il vostro plugin potrebbe offrire integrazioni e opzioni di importazione per <a href=\"https:\/\/kinsta.com\/it\/blog\/strumenti-di-data-visualization\/\">diversi strumenti<\/a>:<\/p>\n<figure id=\"attachment_183597\" aria-describedby=\"caption-attachment-183597\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183597\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/edit-data-chart.png\" alt=\"L'interfaccia di modifica dei dati di Visualizer. Il lato sinistro mostra un'area di testo con valori separati da virgole, mentre il lato destro offre opzioni per importare dati da varie fonti, come file, URL e database.\" width=\"1200\" height=\"750\"><figcaption id=\"caption-attachment-183597\" class=\"wp-caption-text\">Modifica del set di dati per un grafico all&#8217;interno del plugin Visualizer.<\/figcaption><\/figure>\n<p>Successivamente, controllate le opzioni di personalizzazione a vostra disposizione. Visualizer le include nella schermata di creazione del grafico. Potete impostare ogni tipo di aspetto, come la posizione del titolo, le etichette degli assi, le linee della griglia, le dimensioni e il posizionamento del grafico e molto altro ancora:<\/p>\n<figure id=\"attachment_183596\" aria-describedby=\"caption-attachment-183596\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183596\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/design-settings.png\" alt=\"La scheda Impostazioni Visualizer mostra l'interfaccia di un grafico a linee con tre serie di dati etichettate Cats, Blanket1 e Blanket2. La parte destra mostra le opzioni per regolare le Impostazioni generali, compreso un menu a discesa per impostare la posizione del titolo del grafico.\" width=\"1200\" height=\"750\"><figcaption id=\"caption-attachment-183596\" class=\"wp-caption-text\">Personalizzazione del disegno in Visualizer.<\/figcaption><\/figure>\n<p>Il passo finale consiste nell&#8217;incorporare il vostro grafico o diagramma nel vostro sito. Molti plugin utilizzano degli shortcode per questo scopo, il che significa che dovrete fare un semplice copia e incolla nel post o nella pagina desiderata:<\/p>\n<figure id=\"attachment_183592\" aria-describedby=\"caption-attachment-183592\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183592\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/chart-shortcode.png\" alt=\"Una parte dell'interfaccia del plugin Visualizer che mostra le impostazioni del grafico e uno shortcode. Lo shortcode appare in una casella di testo con accanto il pulsante Copia. In basso, sono presenti le schede Source (Origine), Settings (Impostazioni) e Help (Guida), con sezioni espandibili per General Settings (Impostazioni generali) e Horizontal Axis Settings (Impostazioni asse orizzontale).\" width=\"1200\" height=\"524\"><figcaption id=\"caption-attachment-183592\" class=\"wp-caption-text\">Uno shortcode per un grafico di Visualizer.<\/figcaption><\/figure>\n<p>Visualizer fornisce anche un blocco per questo scopo, comodo e in linea con il design moderno di WordPress.<\/p>\n<h3>Pratiche tipiche per la visualizzazione dei widget grafici<\/h3>\n<p>\u00c8 importante considerare alcuni aspetti nella presentazione di grafici e diagrammi. In poche parole, trattateli come un contenuto importante e d&#8217;impatto e cercate di limitare il numero di widget da visualizzare. Per approfondire, per\u00f2, considerate quanto segue:<\/p>\n<ul>\n<li><strong>Posizionamento.<\/strong> I widget devono avere una <a href=\"https:\/\/kinsta.com\/it\/blog\/principi-di-web-design\/\">collocazione naturale<\/a> all&#8217;interno del flusso dei contenuti, proprio come le immagini e i video. I widget grafici spesso si trovano a cavallo tra media e contenuti.<\/li>\n<li><strong>Velocit\u00e0 di caricamento.<\/strong> Assicuratevi di monitorare <a href=\"https:\/\/kinsta.com\/it\/impara\/velocita-pagina\/\">le prestazioni del sito<\/a> dopo aver aggiunto i widget. Alcuni, infatti, potrebbero avere un impatto su di esse.<\/li>\n<li><strong>Accessibilit\u00e0.<\/strong> Anche se state offrendo dati visivi, assicuratevi di includere un testo alt appropriato e di poter navigare tramite tastiera. Questo aiuta <a href=\"https:\/\/kinsta.com\/it\/blog\/analisi-traffico-siti-web\/\">tutti gli utenti<\/a> ad accedere ai vostri widget, indipendentemente dalle capacit\u00e0 visive.<\/li>\n<\/ul>\n<p>Per quanto riguarda le prestazioni, si tratta di un aspetto da tenere in considerazione. Ci sono molti aspetti che possono influire sulla velocit\u00e0 del sito, il che \u00e8 logico, visto il carico della grafica aggiuntiva. Il nostro consiglio \u00e8 quello di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-svg\/\">utilizzare gli SVG<\/a>, ove possibile. Sono pi\u00f9 performanti delle immagini raster per i grafici e le icone semplici e hanno una migliore scalabilit\u00e0.<\/p>\n<p>Anche il <a href=\"https:\/\/kinsta.com\/courses\/speed-up-wordpress\/what-is-lazy-loading\/\">lazy loading<\/a> e la <a href=\"https:\/\/kinsta.com\/it\/blog\/cos-e-la-cache\/\">cache<\/a> possono essere d&#8217;aiuto in questo caso, poich\u00e9 entrambi limitano il caricamento dei grafici in modi diversi. Se scegliete di prelevare i dati da fonti esterne, assicuratevi di scegliere connessioni efficienti per ridurre al minimo il numero di <a href=\"https:\/\/kinsta.com\/it\/blog\/cos-e-una-richiesta-http\/\">richieste HTTP<\/a>. L&#8217;approccio migliore e ottimale \u00e8 quello di ospitare i dati sul server del sito, anche se la decisione potrebbe non essere sotto il vostro controllo.<\/p>\n<h2>Riepilogo<\/h2>\n<p>I widget grafici per WordPress permettono di rappresentare i tipici dati testuali sul vostro sito. Questo metodo di presentazione e visualizzazione dei dati pu\u00f2 trasformare informazioni complesse in un formato pi\u00f9 digeribile. Potete rappresentare questi dati utilizzando grafici, diagrammi, mappe interattive e molto altro.<\/p>\n<p>Il plugin giusto per questo lavoro \u00e8 fondamentale e in questo post ne abbiamo visti molti. Visualizer \u00e8 un&#8217;ottima opzione, cos\u00ec come Graphina. Tuttavia, la scelta dello strumento giusto dipende dalle vostre esigenze. Pu\u00f2 indubbiamente avere un impatto enorme e positivo sul vostro sito e sul suo engagement.<\/p>\n<p>I widget grafici per WordPress sono abbastanza importanti da essere implementati? Ci piacerebbe leggere le vostre opinioni nella sezione commenti qui sotto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In molte situazioni, presentare i dati in un formato accattivante e facile da digerire pu\u00f2 offrire molti vantaggi. I widget grafici per WordPress permettono di trasformare &#8230;<\/p>\n","protected":false},"author":199,"featured_media":78993,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25900,25872,25873],"class_list":["post-78992","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-plugin-wordpress","topic-suggerimenti-wordpress","topic-sviluppo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Widget grafici per WordPress: come migliorare la tua dashboard - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget grafici per WordPress: come migliorare dashboard e grafici del sito\" \/>\n<meta property=\"og:description\" content=\"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-13T06:48:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-17T10:50:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Widget grafici per WordPress: come migliorare dashboard e grafici del sito\",\"datePublished\":\"2024-09-13T06:48:52+00:00\",\"dateModified\":\"2024-09-17T10:50:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\"},\"wordCount\":4110,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\",\"name\":\"Widget grafici per WordPress: come migliorare la tua dashboard - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png\",\"datePublished\":\"2024-09-13T06:48:52+00:00\",\"dateModified\":\"2024-09-17T10:50:30+00:00\",\"description\":\"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugin WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/plugin-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widget grafici per WordPress: come migliorare dashboard e grafici del sito\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Widget grafici per WordPress: come migliorare la tua dashboard - Kinsta\u00ae","description":"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Widget grafici per WordPress: come migliorare dashboard e grafici del sito","og_description":"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!","og_url":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-09-13T06:48:52+00:00","article_modified_time":"2024-09-17T10:50:30+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png","type":"image\/png"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp-1024x512.png","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jeremy Holcombe","Tempo di lettura stimato":"28 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Widget grafici per WordPress: come migliorare dashboard e grafici del sito","datePublished":"2024-09-13T06:48:52+00:00","dateModified":"2024-09-17T10:50:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/"},"wordCount":4110,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/","name":"Widget grafici per WordPress: come migliorare la tua dashboard - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png","datePublished":"2024-09-13T06:48:52+00:00","dateModified":"2024-09-17T10:50:30+00:00","description":"La rappresentazione visiva dei tuoi dati pu\u00f2 trasformarne la comprensione. Questo post analizza i widget grafici per WordPress!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/09\/graphical-widget-for-wp.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/widget-grafici-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Plugin WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/plugin-wordpress\/"},{"@type":"ListItem","position":3,"name":"Widget grafici per WordPress: come migliorare dashboard e grafici del sito"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=78992"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78992\/revisions"}],"predecessor-version":[{"id":79028,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78992\/revisions\/79028"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78992\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/78993"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=78992"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=78992"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=78992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}