Želite li dodati trake i grafikone u WordPress ili želite saznati kako stvoriti alat za vizualizaciju grafikona u WordPressu?

Vizualna pomagala poput grafikona, traka, tortnih grafikona idealan su način da bolje prikažete podatke u svojim postovima / stranicama.

U ovom tutorialu ćemo vam pokazati kako stvoriti šipke i grafiku pomoću dodatka Vizualizator WordPress Charts WordPress.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Problem sa šipkama i grafikom na WordPressu

Puno je WordPress plugins da dodate trake i grafikone svom sadržaju. Međutim, većini korisnika ove alate je teško koristiti.

Discover our 8 WordPress plugins za kreiranje dijagrama na vašoj web stranici

Neki od ovih dodataka čak zahtijevaju da korisnici dodaju podatke unutar a Shortcodes u vrlo kompliciranim formatima koje se pamte.

Umjesto da koriste ove dodatke, mnogi korisnici na kraju kreiraju grafiku u svojim desktop aplikacijama i pretvaraju ih u slike.

Moglo bi uspjeti ako ne planirate ništa promijeniti. Međutim, slika ne može zamijeniti interaktivni graf na kojem se pojavljuju podaci o korisnom opterećenju kada korisnik pređe mišem preko određenog odjeljka.

Upotreba grafike omogućit će vam:

  • Dodajte podatke iz izvora podataka na računaru ili na mreži.
  • Popunite grafikone, grafikone i trake koristeći svoje podatke.
  • Stvorite sjajnu, interaktivnu, živopisnu grafiku koja reaguje.
  • Što je još važnije, trebalo bi vam omogućiti da ažurirate podatke kad god želite.

To je rečeno, da vidimo kako vam Visualizer WordPress Charts pomaže da tamo stignete.

Kako stvoriti grafiku pomoću grafikona Visualizer WordPress

Prvo što trebate je instalirati i aktivirati dodatak Vizualizator WordPress Charts. Više detalja potražite u našem vodiču korak kako instalirati WordPress dodatak.

Iako besplatna verzija ne radi sve što trebate, programeri također nude Vizualizator WordPress Pro karte što dodaje dodatne funkcije, poput dodavanja podataka pomoću proračunske tablice kao sučelja i uvoza podataka iz drugih izvora.

Košta 79 $ za jednu licencu s jednom godinom korisničke podrške i ažuriranja redovan

Napomena: Ovaj tutorijal je zasnovan na besplatnoj verziji dodatka.

Nakon aktivacije morate posjetiti stranicu " Mediji> Biblioteka vizualizatora ". Ovdje će se prikazati sva grafika.

kako stvoriti alat za vizualizaciju grafikona

Morate kliknuti na gumb « dodati Da biste dodali svoj prvi grafikon.

Ovo će otvoriti prozor na ekranu. Vidjet ćete različite vrste grafikona. Samo odaberite vrstu grafikona koji želite dodati i kliknite na sljedeće dugme za nastavak.

Otkrijte i vi Kako dodati interaktivne mape na svoju WordPress web lokaciju

lista grafike za WordPress

Sljedeći korak je dodavanje izvora podataka u CSV formatu. Ako ste podatke spremili pomoću Excel proračunske tablice, Google proračunske tablice ili bilo kojeg drugog programa, tada ih možete jednostavno izvesti kao CSV datoteku.

Otkrijte i vi Kako se koristi plugin WP Ultimate CSV Uvoz za uvoz podataka o WordPress

Možete preuzeti ili spremiti CSV datoteku na svoje računalo, a zatim je upotrijebiti za generiranje grafikona.

generiranje WordPress grafike

Vaša CSV datoteka mora imati nazive stupaca u prvom redu, a vrstu podataka u drugom redu. Dodatak podržava tipove podataka: niz, broj, boolean, datum, vrijeme, datum i doba dana.

Pogledajte ovaj uzorak datoteke koja je dostupna na Google tablicama.

Saznajte tako što ćete otkriti ovaj članak Kako izvesti korisničke podatke u CSV datoteku

primjer podataka Google Sheet-a

Ako kreirate CSV datoteku pomoću uređivača teksta, pogledajte ovaj primjer CSV datoteke:

Browser, string za posetioce, broj Chrome, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Dodavanje grafikona u WordPress iz proračunske tablice Google pogona

Ako su vaši podaci sačuvani kao proračunska tablica na Google disku, možete ih dodati na grafikon bez izvoza.

Savjetujemo vam i otkrivanje naših 5 WordPress dodatke za integraciju Google diska na vašu web stranicu

Otvorite svoju datoteku podataka u Google proračunskim tablicama i kliknite na " Datoteka> Objavi na webu ".

objaviti za web google obrazac

Otvorit će se prozor u kojem biste trebali odabrati kako želite objaviti ovaj dokument. Morate odabrati " Vrednosti za odvojene odrezke (.csv) U padajućem meniju.

Način izvoza podataka za WordPress

Ne zaboravite da kliknete na gumb « objaviti Za pristup objavljenoj verziji vaših podataka.

Vidjet ćete javni URL proračunske tablice kao CSV datoteku. Morate kopirati ovaj URL i vratiti se u tablicu dodataka Visualizer.

Kliknite na dugme Sa Veba I unesite URL vaše CSV datoteke proračunske tablice Google.

google link na stilski list

Čim unesete URL, dodatak će potražiti vašu CSV datoteku i prikazati pregled vašeg grafikona u stvarnom vremenu.

Možete kliknuti na dugme za kreiranje tablice da biste spremili svoj grafikon.

Dodavanje grafike članku ili stranici

Da biste dodali tabelu ili grafikon svojim člancima i WordPress stranicama, to možete učiniti lako kao što dodajete slike člancima / stranicama.

Cookies i WordPress: Kako stvoriti, preuzimate i brisanje otkrijte ih klikom na ovaj link

Kreirajte novi post/stranicu ili uredite postojeću u koju želite dodati tabelu. Na ekranu za uređivanje kliknite na " Dodajte medij Iznad vizualnog uređivača.

dodajte novi WordPress medij

Ovo će otvoriti skočni prozor s vašim medijima. Morate kliknuti na karticu "Vizualizacije" u lijevom stupcu. Pronaći ćete svu grafiku koju ste kreirali i spremili na ovoj web lokaciji.

Uzorak prikaza medija u WordPressu

Kliknite ikonu za umetanje ispod da biste je dodali. Skočni prozor će nestati i vidjet ćete da je vaša tablica dodana na vaš WordPress post kao Shortcodes.

Dodala je mapu u tabeli

Sada ga možete sačuvati na svojim člancima / stranicama WordPress i posjetiti svoju web stranicu da biste vidjeli kako sve to funkcionira.

Uređivanje grafike dodataka Visualizer na WordPressu

Možete bilo kada urediti i urediti svoje karte. Samo posetite Mediji> Biblioteka vizualizatora ". S ove stranice možete klonirati tablicu, izbrisati je ili promijeniti vizualne postavke.

modifikacija WordPess grafike

Ažuriranje podataka sa postojećeg grafikona bez izmjene tablice prilično je jednostavno uz Visualizer.

Ako ste dodali podatke iz Google proračunske tablice, sve što trebate učiniti da biste ažurirali podatke je navigacija do sljedeće lokacije: " Datoteka> Objavi na webu Ponovno objavite svoju proračunsku tablicu. Promjene će se automatski ažurirati.

Također vas pozivamo da se obratite našim 10 WordPress pluginovi položiti Google Maps na svom sajtu

S druge strane, ako ste preuzeli CSV datoteku, morate ažurirati CSV datoteku na računaru. Kada završite, odaberite grafikon koji želite ažurirati i kliknite vezu za uređivanje tablice.

U odjeljku upload Samo trebate otpremiti novu CSV datoteku. Promjene će se automatski ažurirati.

Dodavanje grafikona na bočnu traku

Vizualizator koristi kratke kodove za umetanje grafike. Samo idite na " Mediji> Biblioteka vizualizatora Ispod svakog vašeg grafikona vidjet ćete kratki kôd.

Kopirajte kratki kod i idite na " Izgled> Dodaci ". Prevucite i ispustite tekstualni widget na bočnu traku i zalijepite kratki kod unutar widgeta.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. WordPress PDO Crud

WordPress PDO Crud je moćan dodatak koji će vam omogućiti kreiranje obrazaca kako biste izvršili operacije dodavanja, izmjene i brisanja podataka na vanjskim uređajima.

Wordpress pdo crud wordpress dodaci umetanje tabela grafika web obrazac bloga

Nudi prekrasnu tablicu na koju možete dodati svoje podatke na nekoliko načina, a što će svaki webmaster lako definirati.

Njegove glavne karakteristike su: ayntaxe vrlo jednostavno, svišestruke pojave, gautomatsko generiranje obrazaca za umetanje ili ažuriranje iz tabela baze podataka,prikaz određenih polja, strpodržava mnoge WordPress plugins,xport podataka u pdf, xml, csv i excel, dina postavke personalizacije,višejezični izvještaj, rpretraživanje na određenim poljima, ovišestruke brisanja, et more.

download Demo | web hosting

2. Istaknuti audio

Istaknuti audio je odličan WordPress dodatak koji je naslijedio najbolje HTML5 karakteristike, kao što ime govori. Ovaj dodatak vam omogućava da prilagodite jačinu odabranog zvuka za svaki post i stranicu. 

Istaknuti audio premium wordpress dodaci dodaju audio player

Kao karakteristike imat ćemo između ostalog: pjesmu na naslovnoj stranici, audio uređaj koji u potpunosti podržava HTML5, podršku za mobilne uređaje kao što su: iPhone, iPad, Android i WP7, reprodukciju audio datoteka pohranjenih u biblioteci medija WordPress , podrška za stare preglednike, podrška za audio formate: mp3, wav, ogg, itd ..., višejezični i mnogi drugi ...

download | Demo | web hosting

3. ChimpMate Pro

Šimpanza je WordPress dodatak iz MailChimp Pop-up prozora, koji će vam pomoći da svoje čitaoce pretvorite u pretplatnike. Dizajniran je da poveća vašu listu e-pošte bez iritiranja posjetitelja dosadnim iskačućim prozorima.

Chimpmate pro

Potpuno je prilagodljiv i savladaćete kada i gde prikazati skočne prozore. Ostale su mu osobine: on žOdlično funkcionira u nekoliko pretraživača i ima pviše opcija zakazivanja, potpuno prilagodljiv izgled, aprilagodljiva podrška kupca, tjsavršena integracija sa WooCommerce, a eIzvrsno upravljanje predmemorijom, savršena integracija sa mnogima WordPress teme, u Višejezična podrška zahvaljujući WPML dodatku, ene mnogo više.

downloadDemo | web hosting

Ostali preporučeni resursi

Također vas pozivamo da se konzultirate sa resursima u nastavku kako biste otišli dalje u nadzor i kontrolu vaše web stranice i bloga.

zaključak

To je to! To je to za ovaj tutorial. Nadam se da će vam to omogućiti bolje prikazivanje karata i grafike na WordPressu. osjećaj se slobodno da podijelite savjet sa svojim prijateljima na svojim društvenim mrežama.

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ali, u međuvremenu, recite nam nešto o svom komentari i prijedloge u posebnom odjeljku.

...