Chcete přidat pruhy a grafy na WordPress nebo chcete zjistit, jak vytvořit nástroj pro vizualizaci grafů na WordPress?

Vizuální pomůcky jako grafy, pruhy, výsečové grafy jsou ideálním způsobem, jak lépe prezentovat data ve vašich příspěvcích / stránkách.

V tomto tutoriálu vám ukážeme, jak vytvořit zásuvné moduly a grafiku pomocí pluginu Vizualizační grafy WordPress WordPress.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Problém s pruhy a grafikou na WordPress

Je spousta WordPress pluginy přidat sloupce a grafy do vašeho obsahu. Pro většinu uživatelů je však použití těchto nástrojů obtížné.

Objevte naše Zásuvné moduly 8 WordPress pro vytváření diagramů na vašem webu

Některé z těchto pluginů dokonce vyžadují, aby uživatelé přidávali data do a zkrácený ve velmi komplikovaných formátech k zapamatování.

Namísto použití těchto pluginů mnoho uživatelů nakonec vytvoří grafiku ve svých desktopových aplikacích a převede je na obrázek.

Může to fungovat, pokud neplánujete nic měnit. Obrázek však nemůže nahradit interaktivní graf, kde se zobrazí data užitečného zatížení, když uživatel přesune myš nad určitou část.

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

  • Přidejte data ze zdroje dat v počítači nebo na webu.
  • Vyplňujte grafy, grafy a pruhy pomocí svých dat.
  • Vytvářejte skvělou, interaktivní, barevnou a pohotovou grafiku.
  • A co je důležitější, mělo by vám to umožnit aktualizaci dat kdykoli budete chtít.

To znamená, podívejme se, jak vám aplikace Visualizer WordPress Charts pomůže dostat se tam.

Jak vytvořit grafiku s grafy WordPress Visualizer

První věcí, kterou musíte udělat, je nainstalovat a aktivovat plugin Vizualizační grafy WordPress, Více podrobností najdete v našem průvodci krok za krokem krok, jak nainstalovat plugin WordPress.

Přestože bezplatná verze nedělá vše, co potřebujete, vývojáři tohoto pluginu také nabízejí Grafy vizualizéru WordPress Pro který přidává další funkce, například přidávání dat pomocí tabulky jako rozhraní a import dat z jiných zdrojů.

Stojí 79 $ za jednu licenci s jedním rokem zákaznické podpory a aktualizace regulačních orgánů

Poznámka: Tento výukový program je založen na volném verzi zásuvného modulu.

Po aktivaci musíte stránku navštívit “ Média> Knihovna vizualizéru “. Zde se zobrazí veškerá grafika.

jak vytvořit nástroj pro vizualizaci grafu

Musíte kliknout na tlačítko « přidat Chcete-li přidat svůj první graf.

Tím se na obrazovce zobrazí okno. Uvidíte různé typy grafů k dispozici. Jednoduše vyberte typ grafu, který chcete přidat, a pokračujte kliknutím na další tlačítko.

Objevte také Jak přidat interaktivní mapy na váš web WordPress

Seznam grafiky na WordPress

Dalším krokem je přidání zdroje dat ve formátu CSV. Pokud jste svá data uložili pomocí tabulky aplikace Excel, tabulky Google nebo jiného programu, můžete je jednoduše exportovat jako soubor CSV.

Objevte také Jak používat plugin WP Konečný CSV Importovat pro import dat o WordPress

Můžete si stáhnout nebo uložit svůj soubor CSV do svého počítače a poté jej použít ke generování grafu.

generování grafiky WordPress

Váš soubor CSV musí mít názvy sloupců v prvním řádku a typ dat ve druhém řádku. Plugin podporuje datové typy: řetězec, číslo, booleovské číslo, datum, čas, datum a denní čas.

Podívejte se na tento ukázkový soubor, který je k dispozici v Tabulkách Google.

Naučte se objevením tohoto článku Jak exportovat uživatelská data do souboru CSV

příklad dat Google Sheet

Pokud vytváříte soubor CSV pomocí textového editoru, podívejte se na tento ukázkový soubor CSV:

Prohlížeč, řetězec návštěvníků, číslo Chrome, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Přidání grafu na WordPress z tabulky Disku Google

Pokud máte svá data uložená jako tabulku na Disku Google, můžete je přidat do svého grafu, aniž byste je exportovali.

Doporučujeme také objevit naše Zásuvné moduly 5 WordPress pro integraci Disku Google do svých webových stránek

Otevřete svůj datový soubor v tabulkách Google a klikněte na „ Soubor> Publikovat pro web ".

forLe publikovat google speadsheet web

Zobrazí se okno, kde byste si měli vybrat, jak chcete tento dokument publikovat. Musíte vybrat „ Hodnoty oddělené čárkou (.csv) V rozbalovací nabídce.

Režim exportu dat WordPress

Nezapomeňte kliknout na tlačítko « Publikovat Přístup k publikované verzi vašich dat.

Veřejnou adresu URL vaší tabulky uvidíte jako soubor CSV. Musíte zkopírovat tuto adresu URL a vrátit se zpět do tabulky pluginu Visualizer.

Klikněte na tlačítko z webu A zadejte adresu URL vašeho souboru CSV tabulky Google.

Google odkaz na stylů

Jakmile zadáte adresu URL, plugin vyhledá váš soubor CSV a zobrazí náhled vašeho grafu v reálném čase.

Kliknutím na tlačítko vytvořit tabulku graf uložíte.

Přidání grafiky k článku nebo stránce

Chcete-li ke svým článkům a stránkám WordPress přidat tabulku nebo graf, můžete to udělat stejně snadno jako přidávání obrázků do článků / stránek.

Cookies a WordPress: Jak vytvořit, načíst a mazat objevte je kliknutím na tento odkaz

Vytvořte nový příspěvek / stránku nebo upravte stávající, kam chcete přidat tabulku. Na obrazovce úprav klikněte na „ Přidejte médium Nad vizuálním editorem.

Přidání nového WordPress média

Zobrazí se vyskakovací okno s médii. Musíte kliknout na kartu „Vizualizace“ v levém sloupci. Na tomto webu najdete veškerou grafiku, kterou jste vytvořili a uložili.

WordPress prohlížení média jako

Kliknutím na ikonu vložení ji přidáte. Vyskakovací okno zmizí a uvidíte svou tabulku přidanou k příspěvku WordPress jako zkrácený.

přidání tabulky formulář mapu

Nyní ji můžete uložit na své články / stránky WordPress a navštívit svůj web a zjistit, jak to všechno funguje.

Upravit grafiku pluginu Visualizer na WordPress

Grafy můžete kdykoli upravovat a upravovat. Stačí navštívit Média> Knihovna vizualizéru “. Na této stránce můžete tabulku klonovat, smazat nebo změnit její vizuální nastavení.

úpravy grafiky aplikace WordPess

Aktualizace dat z existujícího grafu bez úpravy tabulky je s Visualizerem celkem snadná.

Pokud jste přidali data z tabulky Google, vše, co musíte udělat, je aktualizovat data, přejděte do následujícího umístění: " Soubor> Publikovat pro web A znovu publikujte svou tabulku. Vaše změny budou automaticky aktualizovány.

Zveme vás také ke konzultaci s našimi 10 WordPress pluginy vložit Mapy Google na svém blogu

Na druhou stranu, pokud jste si stáhli soubor CSV, musíte soubor CSV v počítači aktualizovat. Po dokončení vyberte graf, který chcete aktualizovat, a klikněte na odkaz Upravit tabulku.

V sekci Nahrát Stačí nahrát nový soubor CSV. Změny se automaticky aktualizují.

Přidání grafu na postranní panel

Visualizer používá k vložení grafiky krátké kódy. Jdi na Média> Knihovna vizualizéru Pod každým z vašich grafů se zobrazí zkratka.

Zkopírujte krátký kód a přejděte na „ Vzhled> Widgety “. Přetáhněte textový widget na postranní panel a vložte jej do kódu.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. WordPress PDO Crud

WordPress PDO Crud je výkonný plugin, který vám umožní vytvářet formuláře za účelem provádění operací přidávání, úpravy a mazání dat frontendu.

Wordpress pdo crud wordpress pluginy vložit tabulky grafický web blog formulář

Nabízí nádhernou tabulku, do které můžete přidat svá data několika způsoby, které snadno určí každý webmaster.

Jeho hlavní rysy jsou:yntaxe velmi jednoduché, svíce příležitostí, gautomatické generování vkládacích nebo aktualizačních formulářů z databázových tabulek,zobrazení jednotlivých polí, strpodporuje mnohé WordPress pluginy,xportace dat v pdf, xml, csv a excel, dik nastavení personalizace,vícejazyčný upport, rvyhledávání v konkrétních polích, ovíce delecí, napřt více.

Stáhnout Demo | Web hosting

2. Vybrané audio

Funkce Featured Audio je skvělá WordPress Plugin který zdědil nejlepší vlastnosti HTML5, jak název napovídá. Tento plugin umožňuje upravit hlasitost vybraného zvuku pro každý příspěvek a stránku. 

Vybrané zvukové prémiové pluginy WordPress přidávají zvukový přehrávač

Jako funkce budeme mimo jiné mít: skladbu na titulní stránce, audio přehrávač, který plně podporuje HTML5, podporu pro mobilní zařízení, jako jsou: iPhone, iPad, Android a WP7, přehrávání zvukových souborů uložených v mediální knihovně WordPress , podpora starých prohlížečů, podpora zvukových formátů: mp3, wav, ogg atd., vícejazyčné a mnoho dalších ...

Stáhnout | Demo | Web hosting

3. ChimpMate Pro

Šimpanz je ten WordPress Plugin z MailChimp Pop-up, který vám pomůže přeměnit vaše čtenáře na odběratele. Byl navržen tak, aby rozšiřoval váš e-mailový seznam, aniž by dráždil návštěvníky nepříjemnými vyskakovacími okny.

Šimpanz pro

Je plně přizpůsobitelný a budete ovládat, kdy a kde se zobrazí vyskakovací okna. Jeho další funkce jsou:Funguje to perfektně na několika prohlížečích a má pvíce možností plánování, plně přizpůsobitelné rozvržení, aresponzivní podpora zákazníků, tjperfektní integrace s WooCommerce, eVynikající správa mezipaměti, dokonalá integrace s mnoha Témata WordPressse Vícejazyčná podpora díky zásuvnému modulu WPMLAuž ne moc.

StáhnoutUkázka | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

To je vše! To je pro tento tutoriál. Doufám, že vám to umožní lépe zobrazovat mapy a grafiku na WordPress. Neváhejte sdílejte tip se svými přáteli na svých sociálních sítích.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Ale mezitím nám pověz o svém commentaires a návrhy ve vyhrazené sekci.

...