Vai al contenuto principale

Come creare uno strumento di visualizzazione grafica in WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi aggiungere barre e grafici in WordPress o vuoi scoprire come creare uno strumento di visualizzazione di grafici in WordPress?

Aiuti visivi come grafici, barre, grafici a torta sono un modo ideale per presentare meglio i dati nei tuoi post / pagine.

In questo tutorial, ti mostreremo come creare barre e grafici con il plugin Grafici Visualizer WordPress WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Il problema con le barre e la grafica su WordPress

Esistono molti plugin di WordPress per aggiungere barre e grafica ai tuoi contenuti. Tuttavia, la maggior parte degli utenti trova questi strumenti difficili da usare.

Scopri la nostra Plugin 8 WordPress per creare diagrammi sul tuo sito web

Alcuni di questi plugin richiedono persino agli utenti di aggiungere dati all'interno di un file shortcode in formati molto complicati da ricordare.

Invece di utilizzare questi plugin, molti utenti finiscono per creare grafici nelle loro app desktop e convertirli in immagini.

Potrebbe funzionare se non prevedi di cambiare nulla. Tuttavia, un'immagine non può sostituire un grafico interattivo in cui vengono visualizzati i dati del payload quando l'utente sposta il mouse su una particolare sezione.

L'uso della grafica ti permetterà di:

  • Aggiungi dati da un'origine dati sul tuo computer o sul web.
  • Riempi grafici, grafici e barre utilizzando i tuoi dati.
  • Crea una grafica fantastica, interattiva, colorata e reattiva.
  • Ancora più importante, dovrebbe consentire di aggiornare i dati ogni volta che vuoi.

Detto questo, vediamo come i grafici WordPress di Visualizer ti aiutano ad arrivarci.

Come creare grafici con i grafici WordPress di Visualizer

La prima cosa che devi fare è installare e attivare il plugin Grafici Visualizer WordPress. Per maggiori dettagli, consulta la nostra guida passo su come installare un plugin per WordPress.

Sebbene la versione gratuita non faccia tutto il necessario, offrono anche gli sviluppatori di questo plugin Grafici Visualizer WordPress Pro che aggiunge funzionalità aggiuntive, come l'aggiunta di dati utilizzando un foglio di calcolo come interfaccia e l'importazione di dati da altre fonti.

Costa 79 $ per una singola licenza con un anno di assistenza clienti e aggiornamenti regolare

Nota: Questo tutorial è basato sulla versione gratuita del plugin.

Dopo l'attivazione, è necessario visitare la pagina " Media> Libreria Visualizer ". Qui è dove verranno visualizzate tutte le grafiche.

come creare uno strumento di visualizzazione grafico

È necessario fare clic sul pulsante « Aggiungi Per aggiungere il tuo primo grafico.

Questo farà apparire una finestra sullo schermo. Vedrai diversi tipi di grafici disponibili. Seleziona il tipo di grafico che desideri aggiungere e fai clic sul pulsante Avanti per continuare.

Scopri anche Come aggiungere mappe interattive al tuo sito Web WordPress

Lista dei grafici per WordPress

Il passaggio successivo consiste nell'aggiungere l'origine dati in formato CSV. Se hai salvato i dati utilizzando un foglio di calcolo Excel, un foglio di lavoro Google o qualsiasi altro programma, puoi semplicemente esportarli come file CSV.

Scopri anche Come usare il plugin WP ultima CSV per importare i dati su WordPress

È possibile scaricare o salvare il file CSV sul computer, quindi utilizzarlo per generare un grafico.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

generare un grafico WordPress

Il tuo file CSV deve avere i nomi di colonna nella prima riga e il tipo di dati nella seconda riga. Il plug-in supporta tipi di dati: stringa, numero, valore booleano, data, ora, data e ora del giorno.

Dai un'occhiata a questo file di esempio, disponibile su Fogli Google.

Impara scoprendo questo articolo Come esportare i dati dell'utente in un file CSV

Google ad esempio Scheda tecnica

Se stai creando un file CSV utilizzando un editor di testo, dai un'occhiata a questo file CSV di esempio:

Browser, i visitatori della stringa, il numero di Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627

Aggiunta di un grafico a WordPress dal foglio di calcolo di Google Drive

Se i tuoi dati sono stati salvati come foglio di lavoro su Google Drive, puoi aggiungerli al grafico senza esportarli.

Ti consigliamo anche di scoprire il nostro Plugin 5 WordPress per integrare Google Drive sul tuo sito web

Apri il tuo file di dati in Fogli di lavoro Google e fai clic su " File> Pubblica per il Web '.

Forlì pubblicare web di Google foglio di calcolo

Verrà visualizzata una finestra in cui scegliere come pubblicare questo documento. Devi selezionare " Valori separati da virgola (.csv) Nel menu a discesa.

Modalità di esportazione dei dati di WordPress

Non dimenticare di fare clic sul pulsante « Pubblica Per accedere alla versione pubblicata dei tuoi dati.

Vedrai l'URL pubblico del tuo foglio di lavoro come file CSV. È necessario copiare questo URL e tornare alla tabella dei plug-in di Visualizer.

Clicca sul bottone dal Web E inserisci l'URL del tuo file csv di Google Spreadsheet.

Google link al foglio di stile

Non appena inserisci l'URL, il plug-in cercherà il tuo file CSV e visualizzerà un'anteprima in tempo reale del grafico.

È possibile fare clic sul pulsante Crea tabella per salvare il grafico.

Aggiunta di un'immagine a un articolo o una pagina

Per aggiungere una tabella o un grafico ai tuoi articoli e alle pagine di WordPress, puoi farlo con la stessa facilità con cui aggiungi immagini ad articoli / pagine.

Cookie e WordPress: Come creare, recuperare e cancellare scoprili facendo clic su questo link

Crea un nuovo articolo / pagina o modificane uno esistente in cui desideri aggiungere la tabella. Nella schermata di modifica, fai clic su " Aggiungi un media Sopra l'editor visivo.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

aggiungere un nuovo media WordPress

Questo farà apparire una finestra pop-up con i tuoi media. È necessario fare clic sulla scheda "Visualizzazioni" nella colonna di sinistra. Troverai tutta la grafica che hai creato e salvato su questo sito.

supporti la visualizzazione di WordPress come

Fare clic sull'icona di inserimento in basso per aggiungerlo. Il popup scomparirà e vedrai la tua tabella aggiunta al tuo post di WordPress come file shortcode.

l'aggiunta di carta sotto forma di tabella

Ora puoi salvarlo sui tuoi articoli / pagine WordPress e visitare il tuo sito Web per vedere come funziona tutto.

Modifica la grafica del plug-in Visualizer su WordPress

Puoi modificare e modificare i tuoi grafici in qualsiasi momento. Basta visitare Media> Libreria Visualizer ". Da questa pagina è possibile clonare una tabella, eliminarla o modificarne le impostazioni visive.

WordPess cambia grafica

Aggiornare i dati da un grafico esistente senza modificare la tabella è abbastanza semplice con Visualizer.

Se hai aggiunto dati da un foglio di lavoro Google, tutto ciò che devi fare per aggiornare i dati è andare al seguente percorso: " File> Pubblica per il Web E ripubblicare il foglio di calcolo. Le tue modifiche verranno automaticamente aggiornate.

Ti invitiamo anche a consultare il nostro plugin WordPress 10 di incorporare Google Maps sul tuo blog

D'altra parte, se hai scaricato un file CSV, devi aggiornare il file CSV sul tuo computer. Al termine, seleziona il grafico che desideri aggiornare e fai clic sul collegamento Modifica tabella.

Nella sezione Caricare Devi solo caricare il tuo nuovo file CSV. Le modifiche verranno aggiornate automaticamente.

Aggiunta di un grafico a una barra laterale

Visualizer utilizza codici brevi per inserire elementi grafici. Vai a " Media> Libreria Visualizer Vedrai un shortcode sotto ciascuno dei tuoi grafici.

Copia lo shortcode e vai a " Aspetto> Widget ". Trascina e rilascia un widget di testo sulla barra laterale e incolla il codice funzione all'interno del widget.

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. WordPress DOP Crud

WordPress PDO Crud è un potente plugin che ti permetterà di creare moduli, al fine di eseguire operazioni di aggiunta, modifica, eliminazione dei dati sul bordo.

Wordpress pdo crud plugin wordpress inserire tabelle grafica sito web modulo blog

Offre una bellissima tabella su cui puoi aggiungere i tuoi dati in diversi modi, che saranno facilmente definiti da qualsiasi Webmaster.

Le sue caratteristiche principali sono: ayntaxe molto semplice, la support di molteplici aspetti, il ggenerazione automatica di moduli di inserimento o aggiornamento da tabelle database,visualizzazione di particolari campi, il psupporta molti plugin di WordPress, exportation di dati in pdf, xml, csv ed excel, dialle impostazioni di personalizzazione, ilupport multilingue, il rcerca su particolari campi, opiù opzioni di cancellazione, et di più.

Download Demo | Web hosting

2. In primo piano Audio

In primo piano Audio è un ottimo plugin per WordPress che ha ereditato le migliori funzionalità HTML5, come suggerisce il nome. Questo plugin ti consente di regolare il volume dell'audio selezionato per ogni post e pagina. 

I plugin wordpress audio premium in primo piano aggiungono un lettore audio

Come caratteristiche avremo tra le altre: la canzone in prima pagina, un lettore audio che supporta completamente HTML5, supporto per dispositivi mobili come: iPhone, iPad, Android e WP7, riproduzione di file audio memorizzati nella libreria multimediale di WordPress , supporto per vecchi browser, supporto per formati audio: mp3, wav, ogg, ecc ..., multilingue e molti altri ...

Download | Demo | Web hosting

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

3. ChimpMate Pro

Chimpmate è il plug-in WordPress pop-up di MailChimp, che ti aiuterà a convertire i tuoi lettori in abbonati. È stato progettato per aumentare la tua lista e-mail senza irritare i visitatori, con fastidiosi pop-up.

Scimpanzé professionista

È completamente personalizzabile e padroneggerai quando e dove visualizzare i popup. Le altre sue caratteristiche sono: lui fFunziona perfettamente su diversi browser e ha ppiù opzioni di pianificazione, un layout completamente personalizzabile, asupporto del cliente reattivo, iperfetta integrazione con WooCommerce, una eEccellente gestione della cache, perfetta integrazione con diversi temi WordPress, il Supporto multilingue grazie al plug-in WPMLEnon molto più.

DownloadDemo | Web hosting

Altre risorse consigliate

Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.

Conclusione

Ecco ! Questo è tutto per questo tutorial. Spero che ti permetterà di visualizzare meglio mappe e grafici su WordPress. Non esitate a condividi il suggerimento con i tuoi amici sui tuoi social network.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Ma, nel frattempo, parlaci del tuo commentaires e suggerimenti nella sezione dedicata.

...

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
26 azioni
quota22
Tweet3
Enregistrer1