Cum se creează bare și diagrame în WordPress cu Visualizer

Vrei să adaugi bare și grafice în WordPress? Asistențele vizuale, cum ar fi graful, barele, diagrama plăcilor și altele, reprezintă o modalitate perfectă de a adăuga date frumos conținutului dvs. În acest articol, vă vom arăta cum să creați bare și diagrame în WordPress cu pluginul Visualizer WordPress Charts and Graphs.

Problema cu barele și diagramele în WordPress

Există multe pluginuri WordPress pentru a adăuga bare, grafice și grafice cu conținutul dvs. Cu toate acestea, cele mai frecvente plângeri pe care le-am auzit de la utilizatorii noștri sunt că aceste pluginuri sunt, de obicei, prea complicate de utilizat.

Unele dintre aceste pluginuri se așteaptă ca utilizatorii să adauge date într-un scurtcod în formate extrem de complicate.

În loc să folosească aceste pluginuri, mulți utilizatori ajung să creeze diagrame în aplicațiile lor de birou și să le transforme într-o imagine.

Acest lucru ar putea funcționa dacă intenționați să nu îl schimbați niciodată. Cu toate acestea, o imagine nu poate înlocui o diagramă interactivă în care apar date utile atunci când utilizatorul își ia mouse-ul peste o anumită secțiune.

O diagramă ideală și o soluție grafică vă permit să:

• Adăugați date dintr-o sursă de date pe computerul dvs. sau pe web.
• Populare diagrame, plăcinte, grafice și bare utilizând datele dvs..
• Creați grafice rapide, interactive, colorate și mobile.
• Cel mai important, ar trebui să vă permiteți să actualizați datele ori de câte ori doriți.

Acestea fiind spuse, să vedem cum pluginul Visualizer WordPress Charts and Graphs vă ajută să faceți totul.

Crearea de bare și diagrame în WordPress cu Visualizer

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Visualizer WordPress Charts and Graphs. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

În timp ce versiunea gratuită face aproape tot ceea ce aveți nevoie, ele au, de asemenea, Visualizer Charts și Graphs Pro, care adaugă caracteristici suplimentare plugin-ului, cum ar fi adăugarea de date direct folosind o foaie de calcul ca o interfață și importând date din alte diagrame.

Costă 79 dolari pentru o licență unică pentru site, cu un an de suport profesional și actualizări.

Notă: Acest tutorial se referă la versiunea gratuită a pluginului.

La activare, trebuie să vizitați Media »Biblioteca Visualizer pagină. Aici vor apărea toate graficele și graficele.

Trebuie să faceți clic pe butonul Adăugați o nouă pentru a adăuga prima diagramă.

Aceasta va afișa o fereastră pop-up pe ecran. Veți vedea diferite tipuri de diagrame disponibile cu pluginul. Selectați pur și simplu tipul de diagramă pe care doriți să îl adăugați și faceți clic pe butonul următor pentru a continua.

Următorul pas este să adăugați sursa de date într-un format CSV. Dacă ați salvat datele ca foaie de calcul utilizând Excel, Foi de calcul Google sau orice alt program, atunci puteți să-l exportați ca fișier CSV.

Puteți să descărcați sau să salvați fișierul CSV pe computer și apoi să îl încărcați făcând clic pe butonul "De pe computer".

Fișierul dvs. CSV trebuie să aibă numele coloanelor în primul rând și tipul de date din al doilea rând. Pluginul acceptă aceste tipuri de date: șir, număr, boolean, data, ora și ora din zi.

Aruncati o privire la acest exemplu de fisier pe care l-am creat in Foi de calcul Google.

Dacă creați un fișier CSV folosind un editor de text, atunci aruncați o privire la acest exemplu de fișier CSV:


Browser, vizitatori
string, numere
Chrome, 7894
Firefox, 6754
Internet Explorer, 4230
Safari, 2106
Opera, 627


Adăugarea unei diagrame în WordPress Utilizând foaia de calcul Google Drive

Dacă aveți datele din diagramă salvate ca o foaie de calcul în unitatea Google, atunci puteți să le adăugați în diagramă fără a le exporta.

Deschideți fișierul de date în foi de calcul Google și apoi faceți clic pe Fișier »Publicați pe web.

Acest lucru va aduce un pop-up în care trebuie să selectați modul în care doriți să publicați acest document. Trebuie să selectați Valori separate prin virgulă (.csv) din meniul derulant.

Nu uitați să faceți clic pe butonul "Publicați".

Veți vedea acum URL-ul public disponibil al foii dvs. ca fișier CSV. Trebuie să copiați această adresă URL și să reveniți la graficul Visualizer.

Faceți clic pe butonul De pe Web și apoi introduceți URL-ul fișierului csv al foii de calcul Google.

Imediat ce introduceți adresa URL, pluginul va prelua fișierul dvs. CSV și va afișa o previzualizare live a graficului.

Acum puteți face clic pe butonul de creare a diagramei pentru a salva graficul.

Adăugarea unui grafic sau a unui grafic în mesajele / paginile WordPress

Adăugarea unei diagrame sau a unui grafic la postările și paginile WordPress este la fel de simplă ca adăugarea de imagini.

Creați un post / pagină nouă sau editați unul existent în care doriți să adăugați graficul. În ecranul de editare, faceți clic pe butonul Adăugați media de deasupra editorului post.

Acest lucru va aduce în sus fereastra de încărcare a conținutului WordPress. Trebuie să faceți clic pe fila vizualizări din coloana din stânga. Acesta va încărca toate tabelele pe care le-ați creat și salvate pe acest site.

Faceți clic pe pictograma de inserare de sub grafic. Popup-ul va dispărea și veți vedea graficul adăugat la postarea dvs. WordPress ca un scurtcod.

Acum puteți salva postarea sau pagina dvs. WordPress și puteți vizita site-ul dvs. Web pentru a vedea graficul încorporat în postul dvs. WordPress.

Editarea diagramelor Visualizer în WordPress

Puteți modifica și modifica diagramele oricând. Pur și simplu vizitați Media »Biblioteca Visualizer pagină. De acolo puteți clona o diagramă, o puteți șterge sau puteți modifica setările sale vizuale.

Actualizarea datelor pentru o diagramă existentă fără a schimba graficul este destul de ușoară cu Visualizer.

Dacă ați adăugat date dintr-o foaie de calcul Google, tot ce trebuie să faceți este să actualizați datele în foaia de calcul și să accesați Fișier »Publicați pe web și republicați foaia de calcul. Modificările dvs. se vor reflecta automat în graficul dvs..

Pe de altă parte, dacă ați încărcat un fișier CSV, trebuie să actualizați fișierul CSV de pe computer. După ce ați terminat, selectați diagrama pe care doriți să o actualizați și dați clic pe linkul de editare de sub grafic.

În secțiunea Încarcă fișierul CSV încărcați pur și simplu noul fișier CSV. Modificările datelor se vor reflecta automat în postările sau paginile în care ați inserat acea diagramă.

Adăugarea unei diagrame într-o Widget Sidebar pentru WordPress

Visualizer utilizează coduri scurte pentru a insera diagrame. Pur și simplu du-te la Media "Biblioteca Visualizer, acolo veți vedea un shortcode sub graficele dvs..

Copiați codul scurt și mergeți la Aspect "Widgets. Glisați și plasați un widget de text în bara laterală și inserați codul scurt în interiorul widgetului.

Dacă codul scurt nu funcționează în widgetul text, atunci verificați ghidul nostru despre cum să utilizați codurile scurte în widget-urile din bara laterală WordPress.

Sperăm că acest articol v-a ajutat să adăugați bare și grafice în site-ul dvs. WordPress. Ați putea dori, de asemenea, să vedeți lista noastră de 24 trebuie să aibă pluginuri WordPress pentru site-urile de afaceri

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.