Ž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 za bolje predstavljanje podataka u vašim postovima / stranicama.

U ovom tutorialu pokazat ćemo vam kako stvoriti trake i grafike pomoću dodatka Visualizer WordPress Karte WordPress.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Problem s barovima i grafikom na WordPressu

Ima puno WordPress plugins za dodavanje traka i grafikona vašem sadržaju. Međutim, većini korisnika ove alate teško je koristiti.

Otkrijte naše 8 WordPress dodataka za stvaranje dijagrama na Vašoj web stranici

Neki od ovih dodataka čak zahtijevaju od korisnika dodavanje podataka unutar a kratki kôd u vrlo kompliciranim formatima za pamćenje.

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 mijenjati. 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čunalu ili na webu.
  • Ispunite grafikone, grafikone i trake koristeći svoje podatke.
  • Stvorite sjajnu, interaktivnu, živopisnu grafiku koja reagira.
  • Što je još važnije, trebalo bi vam omogućiti ažuriranje podataka kad god želite.

Zbog toga ćemo vidjeti 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 Visualizer WordPress Karte, Više pojedinosti 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 značajke, poput dodavanja podataka pomoću proračunske tablice kao sučelja i uvoza podataka iz drugih izvora.

To košta 79 $ za jednu licencu s godinu dana korisničke podrške i ažuriranja redovan

Napomena: Ovaj tutorial se temelji na slobodnom verzija 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 zaslonu. Vidjet ćete različite vrste grafikona na raspolaganju. Samo odaberite vrstu grafikona koji želite dodati i kliknite sljedeći gumb za nastavak.

Otkrijte i vi Kako dodati interaktivne karte na svoju WordPress web stranicu

Popis grafike do WordPress

Sljedeći je korak 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 koristiti 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 vrste podataka: niz, broj, boolean, datum, vrijeme, datum i doba dana.

Pogledajte ovu primjer datoteku dostupnu na Google tablicama.

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

primjer podataka Google Sheet-a

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

Preglednik, niz posjetitelja, broj Chromea, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Dodavanje grafikona u WordPress iz proračunske tablice Google pogona

Ako ste podatke spremili kao proračunsku tablicu na Google pogonu, 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 datoteku s podacima u Google proračunskim tablicama i kliknite " Datoteka> Objavi za web ".

forLe objaviti web google speadsheet

Otvorit će se prozor u kojem biste trebali odabrati kako želite objaviti ovaj dokument. Morate odabrati " Vrijednosti odvojene zarezom (.csv) U padajućem izborniku.

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 u obliku CSV datoteke. Morate kopirati ovaj URL i vratiti se na tablicu dodataka Visualizer.

Kliknite na gumb s weba I unesite URL vaše CSV datoteke proračunske tablice Google.

google link na stilovima

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

Kliknite gumb za izradu tablice da biste spremili svoj grafikon.

Dodavanje grafike članku ili stranici

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

Cookies i WordPress: Kako stvoriti, preuzimanje i brisanje otkrijte ih klikom na ovu vezu

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

Dodajte novi WordPress medije

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

WordPress gledanja medija kao

Kliknite ikonu za umetanje u nastavku da biste je dodali. Skočni prozor će nestati i vidjet ćete da je vaša tablica dodana na vaš WordPress post kao kratki kôd.

dodajući karte oblik stola

Sada ga možete spremiti u svoje članke / stranice WordPress i posjetiti svoju web stranicu da biste vidjeli kako sve to funkcionira.

Uredite grafiku dodataka Visualizer na WordPressu

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

izmjena WordPess grafike

Ažuriranje podataka s 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 ih ažurirali jest otići na sljedeće mjesto: " Datoteka> Objavi za web Ponovno objavite proračunsku tablicu. Vaše će se promjene automatski ažurirati.

Također vas pozivamo da se konzultirate s našim 10 WordPress čep za položiti Google Maps na svom blogu

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

U odjeljku Postavi Samo trebate prenijeti 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 kôd i idite na " Izgled> Widgeti ”. Povucite i ispustite tekstualni widget na bočnu traku i zalijepite kratki kôd unutar widgeta.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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 stvaranje obrazaca kako biste izvršili operacije dodavanja, izmjene i brisanja podataka na sučelju.

Wordpress pdo crud wordpress dodaci umetanje tablica grafika web stranica 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 značajke su: ayntaxe vrlo jednostavno, sviše pojavljivanja, gautomatsko generiranje obrazaca za umetanje ili ažuriranje iz tablica baze podataka,prikaz pojedinih polja, strpodupire mnoge WordPress plugins,xport podataka u pdf, xml, csv i excel, diza postavke personalizacije,višejezični izvještaj, rpretraživanje na određenim poljima, ovišestruke točke brisanja, et više.

Preuzmite demo | Web hosting

2. Istaknuti audio

Istaknuti audio je izvrstan WordPress plugin koji je naslijedio najbolje značajke HTML5, kao što ime sugerira. Ovaj vam dodatak omogućuje podešavanje glasnoće odabranog zvuka za svaki post i stranicu. 

Istaknuti audio premium wordpress dodaci dodaju audio player

Kao značajke 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 ...

Preuzmite | demo | Web hosting

3. ChimpMate Pro

Čimpanza je WordPress plugin iz MailChimp Pop-up, koji će vam pomoći pretvoriti vaše čitatelje u pretplatnike. Osmišljen je za povećanje vaše liste e-pošte bez iritiranja posjetitelja s dosadnim skočnim prozorima.

Šimpanza pro

Potpuno je prilagodljiv i savladat ćete kada i gdje prikazati skočne prozore. Ostala su mu obilježja: on fOdlično radi u nekoliko preglednika i ima strviše opcija zakazivanja, potpuno prilagodljiv izgled, aprilagodljiva podrška kupca, tjsavršena integracija s WooCommerce, eIzvrsno upravljanje predmemorijom, savršena integracija s mnogima WordPress temeje Višejezična podrška zahvaljujući WPML dodatkuIne mnogo više.

PreuzmiteDemo | Web hosting

Ostali preporučeni resursi

Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.

Zaključak

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

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

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

...