Cum să creezi diagrame în WordPress (3 pași simpli)

Publicat: 2024-01-10

Vrei să faci diagrame și grafice WordPress? Această postare vă va arăta cum să creați diagrame în WordPress și să le afișați pe site-ul dvs.!

Cum se creează diagrame în WordPress

Timp de citire aproximativ : 4 minute

Lucrezi la un site web WordPress care chiar trebuie să facă unele date să strălucească?

Adăugarea unei diagrame sau a unui grafic dinamic este o modalitate excelentă de a atrage atenția vizitatorilor, în timp ce se furișează unele statistici.

Obțineți formulare mai bune GRATUIT!

Dar este greu să faci o diagramă pentru WordPress, nu? De fapt, este mult mai ușor decât ați crede, mai ales dacă utilizați pluginul potrivit.

În această postare, vom acoperi rapid ceea ce căutăm într-un plugin bun pentru diagrame. Apoi, vă vom arăta exact cum creăm diagrame pentru WordPress fără a scrie o singură linie de cod!

Obțineți Formulare formidabile acum!

Utilizați un plugin WordPress pentru diagrame și grafice

Sigur, graficele par simple la prima vedere. Dar în culise, codurile pot fi complicate.

În loc să petreci ore întregi învățând cum să faci o diagramă interactivă de la zero, ia-ți două minute pentru a instala un plugin care se poate ocupa de lucrurile dificile pentru tine!

Un plugin WordPress bun pentru diagrame oferă:

  • Ușurință în utilizare: Cu doar câteva clicuri, datele dvs. sunt transformate în imagini atrăgătoare.
  • Mai multe tipuri de diagrame: diagramă cu plăcintă, împrăștiere, diagramă cu bule... ce vrei! Îl poți schimba într-o secundă.
  • Actualizări frecvente: graficele dvs. vor continua să arate bine an de an.
  • Și mai mult timp pentru a face ceea ce îți place!

Deci, care plugin este cel mai bun pentru a face diagrame în WordPress? Răspunsul este Forme formidabile !

Așa este, cel mai bun generator de formulare WordPress se întâmplă să fie și cel mai bun plugin pentru diagrame WordPress. Este un adevărat cuțit elvețian pentru site-ul dvs.

Acum să vedem cât de ușor este să creezi diagrame pentru WordPress cu Forme formidabile.

Cum se creează diagrame pentru WordPress

Abonați-vă pe YouTube

  • Pasul 1: Instalați pluginul Formidable Forms chart
  • Pasul 2: Adăugați blocul Formidable Chart pe pagina dvs
  • Pasul 3: Editați-vă graficul în WordPress

    Pentru a urma acest tutorial pas cu pas, veți avea nevoie de pluginul WordPress Formidable Forms. Suplimentul pentru grafice și diagrame este inclus în planul Formidable Plus și mai sus.

    Dacă nu îl aveți încă, faceți clic mai jos pentru a obține licența!

    Planuri formidabile Forms pro

    Odată ce ai făcut-o instalat și activat Formidabil, putem începe să ne facem graficul!

    Pentru exemplul de astăzi, vom folosi primul nostru blog de observare a păsărilor, Here Birdie Birdie .

    Aici Birdie Birdie Website

    Pe site-ul nostru web, am creat un formular pentru ca vizitatorii să raporteze păsările pe care le observă. Site-ul publică apoi automat fiecare intrare ca postare pe blog. Cool, nu?

    Forma de observare a păsărilor

    Deși acest lucru funcționează excelent pentru a împărtăși detalii, am avut mulți vizitatori care ne-au întrebat care păsări sunt văzute cel mai mult.

    În loc să ne luptăm cu fișierele CSV și Foile de calcul Google pentru a face calcule și a face imagini, diagrame sau grafice ‍, haideți să adăugăm o diagramă receptivă pe site-ul nostru pentru a arăta numărul de observări ale fiecărui tip de pasăre.

    Pasul 1: Instalați pluginul Formidable Forms chart

    În administratorul WordPress, navigați la Formidable → Add-Ons . Căutați suplimentul Charts , apoi faceți clic pe butonul albastru pentru a instala și activați -l.

    Grozav, acum trec la lucrurile distractive!

    Pasul 2: Adăugați blocul Formidable Chart pe pagina dvs

    Apoi, să creăm pagina/postarea WordPress în care dorim să inserăm diagrama noastră. Pentru exemplul nostru, vom crea o pagină nouă numită „Statistici privind observarea păsărilor”.

    În editorul Gutenberg, faceți clic pe pictogramă pentru a adăuga un nou bloc. Apoi, căutați „Formidable” și introduceți blocul Formidable Chart .

    Cum să adăugați o diagramă la WordPress cu blocul Chart din Formidable Forms

    Din bara laterală din dreapta, selectați formularul de utilizat ca sursă de date. Ar trebui să vedem acum câteva date!

    Selectați un formular ca sursă de date pentru diagramă

    Nu vedeți selectorul sursei de date? Poate fi necesar să deschideți bara laterală făcând clic pe butonul din colțul din dreapta sus al editorului WordPress.

    Pasul 3: Editați-vă graficul în WordPress

    Ne-am gândit că un grafic pe coloană (alias o diagramă cu bare) ar funcționa cel mai bine pentru a arăta de câte ori a fost văzut un tip de pasăre. Și, din fericire pentru noi, acesta este tipul implicit de diagramă!

    Creați un diagramă cu coloane în WordPress

    Următorul pas în crearea diagramei de coloană/graficul cu bare este să specificați sursele de date pe axa x și pe axa y aici, în bara laterală.

    În acest caz, vom seta axa x la „Tip de pasăre” și axa y la „Numărul de intrări”.

    Diagrama de bază WordPress

    Nu e rău, dar ar putea arăta mai bine...

    Stilați diagrama sau graficul dvs. în WordPress

    Să schimbăm culorile diagramei noastre pentru a face lucrurile puțin mai strălucitoare.

    Pentru a face acest lucru, mergeți în bara laterală din dreapta. Sub Aspect , selectați culorile dorite.

    Schimbați culoarea diagramelor în WordPress

    Acum, acea diagramă va atrage cu siguranță atenția unui păsări!

    Exemplu de diagramă cu bare pentru WordPress

    Dar graficul nostru ar putea fi încă mai bun, nu crezi?

    Schimbați tipul diagramei

    În loc de un grafic pe coloană, o diagramă circulară ar putea fi o modalitate mai bună de a ne vizualiza datele.

    Deci, cum putem introduce o diagramă circulară în WordPress?

    Vom merge în bara laterală din dreapta și vom schimba tipul din coloană în plăcintă . Da, Formidable Forms funcționează și ca un plugin de diagramă circulară!

    Inserați o diagramă circulară în WordPress

    Și iată-ne! Avem acum o diagramă circulară în WordPress care arată procentul fiecărui răspuns primit în formularul nostru!

    Pentru atingerea finală, vom comuta doar butonul Legend din bara laterală pentru a face lucrurile și mai clare.

    Diagramă cu plăci colorate

    Mai rămâne doar să ne publicăm pagina. Avem acum o diagramă circulară pe site-ul nostru WordPress care se va actualiza în timp real atunci când cineva trimite formularul nostru! Muscă frumoasă! (Ne pare rău 99% pentru gluma asta).

    Nu vrei o coloană sau o diagramă circulară? Nici o problemă! Blocul Chart de la Formidable vă permite să comutați între toate tipurile de diagrame și tabele cu un singur clic:

    • Graficul proporțiilor
    • Diagramă cu bare (grafic cu bare)
    • Diagramă cu linii (grafic cu linii)
    • Graficul de dispersie
    • Graficul zonei
    • Diagramă în trepte
    • Hartă
    Tipurile de diagrame și grafice ale lui Formidable

    Și Formidable nu se oprește la construirea de formulare și la crearea de diagrame pentru WordPress. Pluginul premium vine și cu:

    • Tabele și diagrame adaptabile pentru orice temă (inclusiv Elementor)
    • Integrare WooCommerce
    • Gateway-uri de plată
    • Creator de aplicații WordPress
    • Și mult mai mult

    Un plugin care face toate astea? Impresionant!

    Sunteți gata să creați diagrame pentru WordPress?

    Nu lăsați diagramele WordPress să vă zvâcnească pene. În schimb, instalați Formidable Forms și utilizați funcțiile sale puternice de vizualizare a datelor!

    Așa că uitați să căutați un plugin separat pentru grafic sau diagramă. Aveți nevoie doar de un excelent generator de formulare WordPress pentru a crea diagrame în WordPress.

    Obțineți Formulare formidabile acum!

    Dar nu uitați să ne urmăriți pe Facebook, Twitter și YouTube pentru mai multe sfaturi și trucuri WordPress!

    Citiți mai multe despre diagrame pentru WordPress


    Știați că Formidable Forms este cel mai avansat plugin de formulare WordPress disponibil? Încercați versiunea gratuită pentru a începe sau deblocați toate posibilitățile cu generatorul nostru premium de formulare WordPress!