Gå till innehållet

Hur man skapar ett grafiskt visualiseringsverktyg i WordPress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du lägga till staplar och diagram i WordPress eller vill du ta reda på hur du skapar ett diagramvisualiseringsverktyg i WordPress?

Visuella hjälpmedel som grafer, staplar, cirkeldiagram är ett perfekt sätt att bättre presentera data i dina inlägg / sidor.

I den här tutorialen visar vi dig hur du skapar staplar och grafik med plugin-programmet Visualizer Wordpress Charts Wordpress.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Problemet med staplar och grafik på WordPress

Det finns många WordPress-plugins för att lägga till staplar och grafik till ditt innehåll. De flesta användare tycker dock att dessa verktyg är svåra att använda.

Upptäck vårt 8 WordPress plugins för att skapa diagram på din webbplats

Några av dessa plugins kräver till och med att användare lägger till data i en kortkod i mycket komplicerade format att komma ihåg.

Istället för att använda dessa plugins slutar många användare skapa grafik i sina stationära appar och konvertera dem till bild.

Det kan fungera om du inte planerar att ändra något. En bild kan dock inte ersätta ett interaktivt diagram där nyttolastdata visas när användaren flyttar musen över ett visst avsnitt.

Genom att använda grafik kan du:

  • Lägg till data från en datakälla på din dator eller på webben.
  • Fyll i diagram, diagram och staplar med hjälp av dina data.
  • Skapa fantastisk, interaktiv, färgstark, responsiv grafik.
  • Ännu viktigare är att det bör låta dig uppdatera uppgifterna när du vill.

Som sagt, låt oss se hur Visualizer WordPress-diagram hjälper dig att komma dit.

Hur man skapar grafik med Visualizer WordPress-diagram

Det första du behöver göra är att installera och aktivera plugin Visualizer Wordpress Charts. Mer information finns i vår guide steg för steg för att installera ett WordPress-plugin.

Även om gratisversionen inte gör allt du behöver, erbjuder utvecklarna av detta plugin också Visualizer WordPress Pro-diagram vilket lägger till ytterligare funktioner, till exempel att lägga till data med hjälp av ett kalkylblad som gränssnitt och importera data från andra källor.

Det kostar 79 $ för en enda licens med ett års kundsupport och uppdateringar vanlig

Notera: Denna handledning är baserad på den fria versionen av insticksprogrammet.

Efter aktivering måste du besöka sidan " Media> Visualizer-bibliotek ". Det är här all grafik visas.

hur man skapar ett diagramvisualiseringsverktyg

Du måste klicka på knappen « Lägg till Lägga till din första graf.

Detta öppnar ett fönster på skärmen. Du kommer att se olika typer av diagram tillgängliga. Välj bara den typ av diagram du vill lägga till och klicka på nästa knapp för att fortsätta.

Upptäck också Hur du lägger till interaktiva kartor på din WordPress-webbplats

Lista över grafik till Wordpress

Nästa steg är att lägga till din datakälla i CSV-format. Om du har sparat dina data med hjälp av ett Excel-kalkylark, Google-kalkylark eller något annat program kan du bara exportera det som en CSV-fil.

Upptäck också Hur man använder plugin WP Ultimate CSV Importera för att importera data om Wordpress

Du kan ladda ner eller spara din CSV-fil på din dator och sedan använda den för att generera en graf.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

generera en WordPress-grafik

Din CSV-fil måste ha kolumnnamnen i den första raden och datatypen i den andra raden. Plugin stöder datatyper: sträng, nummer, booleska, datum, tid, datum och tid på dagen.

Ta en titt på denna exempelfil, tillgänglig på Google Sheets.

Lär dig genom att upptäcka den här artikeln Hur man exporterar användardata till en CSV-fil

exempel på Google Sheet-data

Om du skapar en CSV-fil med en textredigerare, ta en titt på detta CSV-exempel:

Webbläsare, besökare sträng, antal Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627

Lägga till ett diagram till WordPress från Google Drive-kalkylblad

Om du har dina data sparade som ett kalkylark på Google Drive kan du lägga till dem i diagrammet utan att exportera det.

Vi råder dig också att upptäcka vårt 5 WordPress-plugins för att integrera Google Drive på din webbplats

Öppna din datafil i Google Spreadsheets och klicka på " Arkiv> Publicera för webben ".

forLe publicera webb google kalkylbladet

Detta öppnar ett fönster där du ska välja hur du vill publicera detta dokument. Du måste välja " Kommaseparerade värden (.csv) I rullgardinsmenyn.

WordPress-dataexportläge

Glöm inte att klicka på knappen « Publicera För att komma åt den publicerade versionen av dina data.

Du kommer att se den offentliga webbadressen för ditt kalkylblad som en CSV-fil. Du måste kopiera denna URL och gå tillbaka till Visualizer-plugin-tabellen.

Klicka på knappen från Web Och ange webbadressen till din Google Spreadsheet csv-fil.

google länk till format

Så snart du anger webbadressen söker plugin-programmet efter din CSV-fil och visar en förhandsvisning av ditt diagram i realtid.

Du kan klicka på knappen Skapa tabell för att spara din graf.

Lägga till en grafik till en artikel eller sida

Om du vill lägga till en tabell eller diagram till dina artiklar och WordPress-sidor kan du göra det lika enkelt som du lägger till bilder till artiklar / sidor.

Cookies och Wordpress: Hur man skapar, hämta och ta bort upptäck dem genom att klicka på den här länken

Skapa ett nytt inlägg / sida eller redigera ett befintligt där du vill lägga till tabellen. Klicka på "på redigeringsskärmen Lägg till ett media Ovanför den visuella redaktören.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

lägga en ny Wordpress media

Detta öppnar ett popup-fönster med dina media. Du måste klicka på fliken "Visualiseringar" i den vänstra kolumnen. Du hittar all grafik som du har skapat och sparat på denna webbplats.

Wordpress visning medier

Klicka på infoga ikonen nedan för att lägga till den. Popupen försvinner och du ser att din tabell läggs till i ditt WordPress-inlägg som en kortkod.

tillsats karta tabellform

Du kan nu spara det på dina WordPress-artiklar / sidor och besöka din webbplats för att se hur det fungerar.

Redigera Visualizer plugin-grafik på WordPress

Du kan redigera och redigera dina diagram när som helst. Besök bara Media> Visualizer-bibliotek ". Från den här sidan kan du klona en tabell, ta bort den eller ändra dess visuella inställningar.

modifiering av WordPess-grafiken

Att uppdatera data från ett befintligt diagram utan att ändra tabellen är ganska enkelt med Visualizer.

Om du har lagt till data från ett Google-kalkylblad behöver du bara uppdatera informationen till följande plats: " Arkiv> Publicera för webben Och publicera ditt kalkylblad igen. Dina ändringar uppdateras automatiskt.

Vi inbjuder dig också att konsultera vår 10 Wordpress plugins för att bädda in Google Maps på din blogg

Å andra sidan, om du laddade ner en CSV-fil, måste du uppdatera CSV-filen på din dator. När du är klar väljer du diagrammet du vill uppdatera och klickar på länken för redigeringstabellen.

I avsnittet Ladda Du behöver bara ladda upp din nya CSV-fil. Ändringarna uppdateras automatiskt.

Lägga till ett diagram i ett sidofält

Visualizer använder kortkoder för att infoga grafik. Bara gå till " Media> Visualizer-bibliotek Du kommer att se en kortkod under vart och ett av dina diagram.

Kopiera kortkoden och gå till " Utseende> Widgets ". Dra och släpp en textwidget till din sidofält och klistra in kortkoden i widgeten.

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. WordPress PDO Crud

WordPress PDO Crud är ett kraftfullt plugin som låter dig skapa formulär för att utföra frontend -datatillägg, modifiering, radering.

Wordpress pdo crud wordpress plugins infoga tabeller grafik webbplats bloggformulär

Det erbjuder en vacker tabell där du kan lägga till dina data på flera sätt, vilket enkelt kan definieras av alla webbansvariga.

Dess huvudsakliga funktioner är: ayntaxe väldigt enkelt, support av flera utseenden, gautomatisk generering av infognings- eller uppdateringsformulär från databastabeller,visning av särskilda fält, sstöder många WordPress-plugins, t.ex.xportation av data i pdf, xml, csv och excel, ditill anpassningsinställningar,flerspråkig upport, rsök på specifika fält, oflera raderingar, et mer.

Ladda ner demo | webbhotell

2. Deltagande Audio

Featured Audio är ett fantastiskt WordPress-plugin som ärvt de bästa HTML5-funktionerna, som namnet antyder. Detta plugin låter dig justera volymen för det valda ljudet för varje inlägg och sida. 

Featured audio premium wordpress plugins lägger till ljudspelare

Som funktioner kommer vi att ha bland annat: låten på förstasidan, en ljudspelare som fullt stöder HTML5, stöd för mobila enheter som: iPhone, iPad, Android och WP7, uppspelning av ljudfiler lagrade i WordPress-mediebiblioteket , stöd för gamla webbläsare, stöd för ljudformat: mp3, wav, ogg, etc ..., flerspråkig och många andra ...

Ladda ner | demo | webbhotell

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

3. ChimpMate Pro

Chimpmate är MailChimps popup-WordPress-plugin, som hjälper dig att konvertera dina läsare till prenumeranter. Den var utformad för att öka din e-postlista utan att irritera besökare, med irriterande popup-fönster.

Chimpmate pro

Det är helt anpassningsbart och du kommer att behärska när och var du vill visa popup-fönster. Hans andra funktioner är: han fDet fungerar perfekt i flera webbläsare och har sidflera schemaläggningsalternativ, en helt anpassningsbar layout, alyhörd kundupport, jagperfekt integration med WooCommerce, en eUtmärkt cachehantering, perfekt integration med flera WordPress-teman, Flerspråkigt stöd tack vare WPML-pluginOchinte mycket längre.

Ladda nerdemo | webbhotell

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.

Slutsats

Det är det! Det är det för den här tutorialen. Jag hoppas att det gör att du bättre kan visa kartor och grafik på WordPress. Känn dig fri att dela tipset med dina vänner på dina sociala nätverk.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Men under tiden berätta om din commentaires och förslag i det dedikerade avsnittet.

.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
26 aktier
del22
tweet3
Enregistrer1