Chcete pridať pruhy a grafy na WordPress alebo chcete zistiť, ako vytvoriť nástroj na vizualizáciu grafov na WordPress?

Vizuálne pomôcky ako grafy, pruhy, koláčové grafy sú ideálnym spôsobom, ako lepšie prezentovať údaje vo svojich príspevkoch / stránkach.

V tomto návode vám ukážeme, ako pomocou doplnku vytvoriť pruhy a grafiku Vizualizátor WordPress Charts WordPress.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Problém s pruhmi a grafikou na WordPress

Je veľa WordPress pluginy pridať stĺpce a grafy do svojho obsahu. Väčšina používateľov však považuje tieto nástroje za ťažko použiteľné.

Objavte naše Zásuvné moduly 8 WordPress na vytváranie diagramov na vašich webových stránkach

Niektoré z týchto doplnkov dokonca vyžadujú, aby používatelia pridávali údaje do a shortcode vo veľmi komplikovaných formátoch na zapamätanie.

Mnoho používateľov namiesto použitia týchto doplnkov nakoniec vytvorí grafiku vo svojich desktopových aplikáciách a prevedie ich na obrázok.

Môže to fungovať, ak neplánujete nič meniť. Obrázok však nemôže nahradiť interaktívny graf, v ktorom sa údaje o užitočnom zaťažení zobrazia, keď používateľ presunie myš nad konkrétny oddiel.

Použitie grafiky vám umožní:

  • Pridajte údaje zo zdroja údajov vo svojom počítači alebo na webe.
  • Vyplňte grafy, grafy a stĺpce pomocou svojich údajov.
  • Vytvorte skvelú, interaktívnu, farebnú a pohotovú grafiku.
  • A čo je dôležitejšie, malo by vám to umožniť aktualizáciu údajov kedykoľvek budete chcieť.

To znamená, že sa pozrime, ako vám aplikácia Visualizer WordPress Charts pomôže dostať sa tam.

Ako vytvoriť grafiku pomocou grafov programu WordPress

Prvá vec, ktorú musíte urobiť, je nainštalovať a aktivovať doplnok Vizualizátor WordPress Charts, Viac informácií nájdete v našom sprievodcovi krok za krokom krok, ako nainštalovať doplnok WordPress.

Hoci bezplatná verzia nerobí všetko, čo potrebujete, vývojári tohto doplnku tiež ponúkajú Grafy vizualizéra WordPress Pro ktorý pridáva ďalšie funkcie, napríklad pridávanie údajov pomocou tabuľky ako rozhranie a import údajov z iných zdrojov.

Stojí 79 $ za jednu licenciu s jedným rokom podpory zákazníkov a aktualizácie pravidelný

Poznámka: Tento výukový program je založený na voľnom verziu zásuvného modulu.

Po aktivácii musíte stránku navštíviť “ Médiá> Knižnica vizualizéra ". Tu sa zobrazí všetka grafika.

ako vytvoriť nástroj na vizualizáciu grafov

Musíte kliknúť na tlačidlo « pridať Ak chcete pridať svoj prvý graf.

Takto sa na obrazovke zobrazí okno. Uvidíte rôzne typy máp, ktoré sú k dispozícii. Stačí zvoliť typ grafu, ktorý chcete pridať, a pokračovať kliknutím na ďalšie tlačidlo.

Objavte tiež Ako pridať interaktívne mapy na vaše webové stránky WordPress

Zoznam grafiky na WordPress

Ďalším krokom je pridanie zdroja údajov vo formáte CSV. Ak ste svoje údaje uložili pomocou tabuľky programu Excel, tabuľky Google alebo iného programu, môžete ich jednoducho exportovať ako súbor CSV.

Objavte tiež Ako používať plugin WP Konečný CSV Importovať pre import dát o WordPress

Môžete si stiahnuť alebo uložiť svoj súbor CSV do svojho počítača a potom ho použiť na vygenerovanie grafu.

generovanie grafiky WordPress

Váš súbor CSV musí mať názvy stĺpcov v prvom riadku a typ údajov v druhom riadku. Doplnok podporuje typy údajov: reťazec, číslo, boolean, dátum, čas, dátum a čas dňa.

Zoznámte sa s týmto príkladom súboru, ktorý je k dispozícii v Tabuľkách Google.

Naučte sa objavením tohto článku Ako exportovať údaje používateľa do súboru CSV

príklad údajov Google Sheet

Ak vytvárate súbor CSV pomocou textového editora, pozrite si tento ukážkový súbor CSV:

Prehliadače, návštevníci reťazec, číslo Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 627 Opera

Pridanie grafu na WordPress z tabuľky Disku Google

Ak máte svoje údaje uložené ako tabuľka na Disku Google, môžete ich pridať do svojho grafu bez exportu.

Odporúčame vám tiež objaviť naše Pluginy 5 WordPress na integráciu Disku Google na vaše webové stránky

Otvorte dátový súbor v tabuľkách Google a kliknite na „ Súbor> Publikovať na webe ".

Forlì publikovať google speadsheet web

Zobrazí sa okno, kde by ste si mali zvoliť, ako chcete tento dokument zverejniť. Musíte zvoliť „ Hodnoty oddelené čiarkou (.csv) V rozbaľovacej ponuke.

Režim exportu údajov WordPress

Nezabudnite kliknúť na tlačidlo « Publikovať Prístup k publikovanej verzii vašich údajov.

Verejná adresa URL tabuľky sa zobrazí ako súbor CSV. Musíte skopírovať túto adresu URL a vrátiť sa do tabuľky doplnkov Visualizer.

Kliknite na tlačidlo z webu A potom zadajte adresu URL vášho súboru CSV tabuľky Google.

Google odkaz na štýlov

Hneď ako zadáte adresu URL, doplnok vyhľadá váš súbor CSV a zobrazí ukážku vášho grafu v reálnom čase.

Kliknutím na tlačidlo Vytvoriť tabuľku uložte svoj graf.

Pridanie grafiky k článku alebo stránke

Ak chcete do svojich článkov a stránok WordPress pridať tabuľku alebo graf, môžete to urobiť tak ľahko, ako pridávate obrázky do článkov / stránok.

Cookies a WordPress: Ako vytvoriť, načítať a mazať objavte ich kliknutím na tento odkaz

Vytvorte nový príspevok / stránku alebo upravte existujúcu, kam chcete pridať tabuľku. Na obrazovke úprav kliknite na „ Pridajte médium Nad vizuálnym editorom.

Pridanie nového WordPress médiá

Toto otvorí vyskakovacie okno s vašimi médiami. Musíte kliknúť na kartu „Vizualizácie“ v ľavom stĺpci. Na tejto webovej stránke nájdete všetku grafiku, ktorú ste vytvorili a uložili.

WordPress prehliadanie médiá ako

Kliknite na ikonu vloženia nižšie a pridajte ju. Vyskakovacie okno zmizne a uvidíte svoju tabuľku pridanú k vášmu príspevku vo WordPress ako shortcode.

pridanie tabuľky formulár mapu

Teraz ju môžete uložiť na svoje články / stránky WordPress a navštíviť svoj web, aby ste zistili, ako to všetko funguje.

Upravte grafiku doplnku Visualizer na WordPress

Grafy môžete kedykoľvek upravovať a upravovať. Stačí navštíviť Médiá> Knižnica vizualizéra ". Na tejto stránke môžete tabuľku klonovať, odstrániť alebo zmeniť jej vizuálne nastavenia.

zmena grafiky WordPess

Aktualizácia údajov z existujúceho grafu bez úpravy tabuľky je pomocou aplikácie Visualizer celkom jednoduchá.

Ak ste pridali údaje z tabuľky Google, všetko, čo musíte urobiť, aby ste aktualizovali údaje, je prejsť do nasledujúceho umiestnenia: " Súbor> Publikovať na webe A znova publikujte svoju tabuľku. Vaše zmeny sa automaticky aktualizujú.

Pozývame vás aj na konzultáciu s našimi 10 WordPress pluginy vložiť Mapy Google na svojom blogu

Na druhej strane, ak ste si stiahli súbor CSV, musíte ho v počítači aktualizovať. Po dokončení vyberte graf, ktorý chcete aktualizovať, a kliknite na odkaz na úpravu tabuľky.

V časti nahrať Musíte len nahrať nový súbor CSV. Zmeny sa automaticky aktualizujú.

Pridanie grafu na bočný panel

Visualizer používa na vkladanie grafiky krátke kódy. Stačí ísť do Médiá> Knižnica vizualizéra Pod každým z vašich grafov sa zobrazí skratka.

Skopírujte krátky kód a prejdite na „ Vzhľad> Widgety ". Presuňte textovú miniaplikáciu na postranný panel a prilepte krátky kód do miniaplikácie.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. WordPress PDO Crud

WordPress PDO Crud je výkonný doplnok, ktorý vám umožní vytvárať formuláre na vykonávanie operácií pridávania, úpravy a odstraňovania údajov frontendu.

Wordpress pdo crud wordpress pluginy vkladajú tabuľky grafické webové stránky blogový formulár

Ponúka nádhernú tabuľku, do ktorej môžete pridať svoje údaje niekoľkými spôsobmi, ktoré ľahko určí každý webmaster.

Jeho hlavné rysy sú: ayntaxe veľmi jednoduché, spodpora viacerých vystúpení, gautomatické generovanie vkladacích alebo aktualizačných formulárov z databázových tabuliek,zobrazenie konkrétnych polí, strpodporuje mnohých WordPress pluginy,xportácia dát v pdf, xml, csv a excel, diAk chcete prispôsobiť nastavenia,viacjazyčný upport, rvyhľadávanie na konkrétnych poliach, oviacnásobné odstránenie, naprt viac.

Stiahnuť demo | web hosting

2. Odporúčané Audio

Odporúčaný zvuk je skvelý WordPress Plugin ktorý zdedil najlepšie vlastnosti HTML5, ako už názov napovedá. Tento doplnok vám umožňuje upraviť hlasitosť vybraného zvuku pre každý príspevok a stránku. 

Vybrané zvukové prémiové doplnky wordpress pridávajú zvukový prehrávač

Medzi funkciami, ktoré budeme mať okrem iného: skladbu na titulnej stránke, audioprehrávač, ktorý plne podporuje HTML5, podporu pre mobilné zariadenia, ako sú: iPhone, iPad, Android a WP7, prehrávanie zvukových súborov uložených v mediálnej knižnici WordPress , podpora starých prehliadačov, podpora zvukových formátov: mp3, wav, ogg atď., viacjazyčné a mnoho ďalších ...

Stiahnuť | demo | web hosting

3. ChimpMate Pro

Šimpanz je WordPress Plugin z MailChimp Pop-up, ktorý vám pomôže premeniť vašich čitateľov na predplatiteľov. Bol navrhnutý tak, aby rozšíril váš zoznam e-mailov bez toho, aby dráždil návštevníkov nepríjemnými kontextovými oknami.

Šimpanz pro

Je plne prispôsobiteľný a budete ovládať kedy a kde zobraziť vyskakovacie okná. Jeho ďalšie vlastnosti sú: fFunguje to dokonale na niekoľkých prehliadačoch a má sviac možností plánovania, plne prispôsobiteľné rozloženie, aresponzívna podpora zákazníka, t.j.perfektná integrácia s WooCommerce, eVynikajúca správa vyrovnávacej pamäte, dokonalá integrácia s mnohými Témy WordPresssa Viacjazyčná podpora vďaka doplnku WPMLAuž nie moc.

StiahnuťUkážka | web hosting

Ďalšie odporúčané zdroje

Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.

záver

To je všetko! To je pre tento tutoriál. Dúfam, že vám to umožní lepšie zobrazovať mapy a grafiku na WordPress. kľudne zdieľajte tip so svojimi priateľmi na svojich sociálnych sieťach.

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.

...