TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere grafici nel sito WordPress?

6

A volte è necessario spiegare l’argomento ai propri utenti con molti dati statistici. Annoierà il tuo lettore, se provi a mostrare l’analisi dei dati tecnici in un formato di testo, immagine o video. Sebbene tu possa utilizzare le tabelle, ha limitazioni come il riempimento del contenuto in un’area più piccola. Il modo migliore è utilizzare i grafici come si usa nelle presentazioni PowerPoint o Keynote. Il grafico è uno strumento utile per mostrare la rappresentazione grafica della tua analisi dei dati. Sia che tu stia compilando dati di ricerca o condividendo l’analisi dei dati su un determinato argomento, non esiste uno strumento migliore per presentare tali informazioni rispetto ai grafici.

Vantaggi dell’aggiunta di grafici in WordPress

Potresti chiederti perché è necessario aggiungere grafici sul tuo sito mentre puoi creare i grafici con un potente strumento di creazione di grafici come Excel e inserire uno screenshot dello stesso nel tuo articolo/pagina. Sebbene questo metodo funzioni, potrebbe non essere l’opzione migliore in molte situazioni.

Incorporamento di grafici nell’offerta WordPress:

  • Un’unica area consolidata per tutte le tue attività di sviluppo di grafici.
  • Un modo rapido per modificare i grafici per aggiornare eventuali modifiche.
  • Funzionalità extra interattive.

Fortunatamente, ci sono numerosi plugin di WordPress per semplificare il processo di pubblicazione dei grafici sul tuo sito web. In questo post, ci concentreremo su come aggiungere grafici nel sito WordPress con il plugin Visualizer WordPress. Spiegheremo anche altre opzioni con WPBakery Page Builder e le opzioni delle barre di avanzamento Bootstrap.

Installa e attiva il plug-in del visualizzatore

Come aggiungere grafici nel sito WordPress?

Plugin visualizzatore

  • Il plug-in è gratuito, ma puoi eseguire l’aggiornamento alla versione Pro per ottenere più funzionalità. Supporta una varietà di grafici tra cui grafici a torta, grafici ad area e grafici a linee, tra gli altri.

Crea e aggiungi un grafico in WordPress

  • Per aggiungere nuovi grafici, vai al menu "Media" sulla dashboard e seleziona "Libreria di Visualizer".

Come aggiungere grafici nel sito WordPress?

Gestisci grafici

  • Se disponi già di grafici nella libreria, verranno visualizzati in schede diverse a seconda del tipo.

Come aggiungere grafici nel sito WordPress?

Elenco dei grafici

  • Per creare un grafico, fai clic sul pulsante "Aggiungi nuovo" nella parte superiore della pagina del visualizzatore.
  • Seleziona il tipo di grafico/grafico che desideri creare e fai clic su "Avanti" nella parte inferiore della pagina.

Come aggiungere grafici nel sito WordPress?

Scegli il tipo di grafico

  • Nella sezione "Dati del grafico", puoi importare i dati da un file CSV o da un URL. A seconda di dove hai archiviato i dati, scegli una delle opzioni.

Come aggiungere grafici nel sito WordPress?

Importa dati

  • Per il nostro caso, abbiamo i dati in un file CSV. Quindi cerchiamo il file e facciamo clic su "Importa".

Come aggiungere grafici nel sito WordPress?

File CSV per grafico

  • Il plugin genererà automaticamente il grafico per te.

Come aggiungere grafici nel sito WordPress?

Grafico generato

Personalizzazione delle impostazioni del grafico

  • Nella parte inferiore delle opzioni dei dati del grafico, fai clic sul collegamento delle impostazioni "Avanzate" per aprire le impostazioni del grafico.

Come aggiungere grafici nel sito WordPress?

Impostazioni avanzate del plug-in

  • Questo apre il pannello "Impostazioni grafico" sulla destra, che fornisce varie opzioni per personalizzare il grafico.
  • In "Impostazioni generali", puoi aggiungere un titolo al grafico, specificare la famiglia di caratteri, le dimensioni e il colore, nonché la posizione della legenda.

Come aggiungere grafici nel sito WordPress?

Impostazioni generali

  • Espandi le opzioni "Impostazioni grafico a torta" e per le impostazioni 3D seleziona "Sì" se desideri una chat 3D.
  • Puoi anche impostare il contenuto del testo della sezione, l’angolo iniziale e l’ordine delle categorie tra gli altri elementi del grafico.

Come aggiungere grafici nel sito WordPress?

Impostazioni del grafico

  • Puoi anche configurare altre impostazioni come:
  • Layout e area del grafico: ridimensionamento dell’area del grafico, colore di sfondo e margini tra le altre opzioni.

Come aggiungere grafici nel sito WordPress?

Impostazioni di Layout

  • Azioni front-end: consente/blocca la stampa, la copia o il download di grafici o dati.
  • Impostazioni dei residui: per migliorare la visibilità del grafico e così via.
  • Dopo aver personalizzato le impostazioni, fare clic su "Crea/Salva grafico" nella parte inferiore della pagina.

Come aggiungere grafici nel sito WordPress?

Crea grafico

Offerta SEO: ottimizza il tuo sito con la speciale prova gratuita di 14 giorni di Semrush Pro.

Incorporamento del grafico nella pagina o nel post di WordPress

  • Aggiungi un nuovo post o apri un post esistente nell’editor visivo. Seleziona la posizione in cui desideri visualizzare il grafico.
  • Aggiungi un nuovo blocco e seleziona "Grafico visualizzatore" sotto i blocchi comuni.

Come aggiungere grafici nel sito WordPress?

Aggiungi grafico

  • Se stai utilizzando il classico editor di post, puoi fare clic sull’icona del grafico visualizzatore sulla barra degli strumenti.

Come aggiungere grafici nel sito WordPress?

Opzione classica

  • Fare clic sull’opzione "Visualizza un grafico esistente" per visualizzare uno dei grafici creati in precedenza.

Come aggiungere grafici nel sito WordPress?

Scegli Grafico

  • Scegli il grafico che desideri incorporare dall’elenco della libreria di grafici.

Come aggiungere grafici nel sito WordPress?

Inserisci grafico

  • Fai clic su "Fine" nella parte inferiore del blocco. Puoi anche regolare le impostazioni del grafico dal pannello della barra laterale destra.

Come aggiungere grafici nel sito WordPress?

Inserimento terminato

  • Ora fai clic sul pulsante "Anteprima" per controllare il grafico e quindi su "Pubblica" per pubblicare il grafico.

Come aggiungere grafici nel sito WordPress?

Vista frontend

Correlati: come installare WordPress localmente su Mac usando MAMP?

Nota:

  • Puoi creare più grafici per lo stesso set di dati.
  • Il Visualizer Pro consente agli utenti di importare dati da un database, altri grafici, siti Web e inserimento manuale.

2 Crea grafici utilizzando WPBakery Page Builder

Ci sono molte altre opzioni a tuo piacimento usando Google Charts o usando altri plugin come WPBakery Page Builder. Il plug-in Visual Composer o WPBakery Page Builder è offerto come plug-in in bundle con molti temi popolari. Offre diversi tipi di grafici con animazioni. Se hai questo plugin, è molto facile inserire grafici in pochi minuti.

In qualsiasi pagina o post, puoi fare clic su "Aggiungi elementi" e cercare "grafico". Puoi trovare diversi grafici come torta, tondo, linea e cerchio. Scegli l’elemento grafico e inseriscilo nel tuo sito.

Come aggiungere grafici nel sito WordPress?

Grafici WPBakery Page Builder

Puoi modificare il grafico e aggiungere i tuoi valori personalizzati per creare il grafico all’istante. Ci vorranno solo pochi minuti per creare un grafico con questo plugin.

3 Utilizzo delle barre di avanzamento Bootstrap

Alcuni dei temi di WordPress utilizzano il framework Bootstrap come base. Se disponi di un tema WordPress basato su Bootstrap, puoi utilizzare il componente barre di avanzamento standard per inserire barre di avanzamento o abilità orizzontali sul tuo sito. Di seguito è riportato un esempio di come appariranno le barre di avanzamento di Bootstrap 4:

Come aggiungere grafici nel sito WordPress?

Esempio di barra di avanzamento

Grafici e grafici possono aumentare la qualità dei contenuti del sito web, aumentando l’esperienza dei visitatori. Possono essere usati per riassumere dati complessi, risultati di ricerche o qualsiasi altra narrativa che potrebbe essere noiosa per i lettori. Il plug-in Visualizer ti consente di creare, gestire e inserire grafici interattivi in ​​pagine/post di WordPress in un minuto. Il plug-in è intuitivo e altamente personalizzabile, offrendo una varietà di tipi di grafici per tutte le esigenze di visualizzazione, dai grafici a torta, ai grafici a dispersione ai grafici geografici. Inoltre, il plug-in è gratuito ma puoi eseguire l’aggiornamento alla versione Pro per accedere a funzionalità aggiuntive.

Hai anche opzioni come Google Charts, Visual Composer o grafici Bootstrap a seconda delle tue esigenze.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More