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 mycket Wordpress plugins för att lägga till staplar och diagram till ditt innehåll. Men de flesta användare tycker 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.
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
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.
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
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 ".
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.
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.
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. På redigeringsskärmen klickar du på " Lägg till ett media Ovanför den visuella redaktören.
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.
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.
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.
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 för att optimera hanteringen av din blogg eller hemsida.
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.
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öttar många Wordpress plugins, denxportation 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 en stor Wordpress plugin som ärvde de bästa HTML5-funktionerna, som namnet antyder. Denna plugin låter dig justera volymen för det valda ljudet för varje inlägg och sida.
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
3. ChimpMate Pro
Schimpanskompis är den Wordpress plugin från MailChimp Pop-up, som hjälper dig att omvandla dina läsare till prenumeranter. Det designades för att utöka din e-postlista utan att irritera besökare med irriterande popup-fönster.
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 många WordPress-teman, den Flerspråkigt stöd tack vare WPML-pluginOchinte mycket längre.
Ladda ner | Demo | 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.
- Så här visar alla dina Wordpress publikationer om en enda sida
- Hur man använder kategorier och taggar effektivt på Wordpress
- Så lägger du till en WhatsApp-knapp på en WordPress-blogg
- Hur hittar jag en sponsor och tjänar pengar på din blogg? : Guiden
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.
.
