Så här skapar du staplar och diagram i WordPress med Visualizer

Om du skapar staplar, grafer och cirkeldiagram på din WordPress-webbplats kan du förbättra ditt innehåll genom att göra data mer tillgängliga. Det hjälper dig att presentera information på ett sätt som är visuellt tilltalande och lätt för användarna att förstå.

Den goda nyheten är att du inte behöver någon teknisk erfarenhet för att göra detta. Du kan använda ett plugin som Visualizer. Vi har testat det här verktyget själva och vi älskade hur enkelt det gjorde processen.

Med Visualizer kan du skapa fantastiska, anpassade staplar och diagram och enkelt hämta data från en mängd olika källor. På så sätt kan du förbättra ditt innehåll och den övergripande användarupplevelsen.

I den här artikeln visar vi dig hur du skapar staplar och diagram i WordPress med Visualizer.

Problemet med staplar och diagram i WordPress

Det finns många tillägg för att add to staplar, diagram och grafer till your content. Det vanligaste klagomålet vi har hört från våra användare är dock att dessa tillägg oftast är för komplicerade att använda.

Vissa av dessa tillägg förväntar sig till och med att användare ska add to data i en shortcode i extremt komplicerade format.

Istället för att använda dessa plugins slutar många användare med att skapa diagram i sina kontorsprogram och konvertera dem till en bild för sina WordPress-webbplatser.

Detta kan fungera om du planerar att aldrig ändra det. En bild är dock inget substitut för ett interaktivt diagram där användbara data visas när användaren klickar över ett visst avsnitt.

En idealisk lösning för diagram och grafer skulle allow you to:

• Add to data från en datakälla på din dator eller på webben.
• Fyll i diagram, pajer, grafer och staplar med hjälp av your data.
• Skapa beautiful, interaktiva, färgglada och mobilvänliga diagram.
• Viktigast av allt är att du kan updating data när du vill.

Genom att lägga till ett diagram med Visualizer kan du öka engagemanget hos användarna och göra dina data mer lättförståeliga.

Med detta sagt, låt oss se hur du enkelt kan add to staplar och diagram till din WordPress site.

Så här skapar du staplar och diagram i WordPress med Visualizer

Du kan enkelt skapa staplar och diagram med WordPress med hjälp av tillägget Visualizer. Det är det bästa WordPress-tillägget för datavisualisering på marknaden som låter dig skapa interaktiva datavisualiseringar för din site.

Det har till och med en gratis plan som du kan använda för att skapa staplar och diagram.

Först måste du installera och aktivera Visualizer: Tables and Charts Manager för WordPress plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

När du har aktiverat måste du besöka sidan Visualizer ” Add New Chart från WordPress dashboard.

Väl där väljer du vilken typ av diagram du vill skapa, t.ex. tabell-, cirkel-, linje- eller stapeldiagram. Klicka sedan på knappen ”Next”.

Detta tar dig till nästa steg, där du måste klicka på knappen ”Choose File” för att importera dina Excel-kalkylbladdata från datorn.

Om du har saved ditt Excel- eller Google-kalkylblad som en CSV-fil kan du importera det genom att förstora tabben ”Importera data från URL”.

När du har gjort det klickar du på knappen ”Importera från CSV”. Sedan kan du enter din CSV-fil URL för att embed filen.

Tänk på att din CSV-fil måste ha namn på Column i den första raden och datatyper i den andra raden. Tillägget stöder följande datatyper: string, number, boolean, date, time och time of day.

Vänligen ta en titt på den här exempelfilen som vi har skapat i Google Sheets.

Om du skapar en CSV-fil med hjälp av en textredigerare kan du ta en titt på detta exempel på CSV-fil:

Dagliga aktiviteter,Tid
string,siffror
Arbeta,8
Sova,7
Äta,3
Titta på TV,2
Pendla,1


Men om du har dina diagramdata sparade som ett kalkylblad på Google Drive kan du lägga till dem i ditt diagram utan att exportera dem.

Öppna först din datafil i Google Spreadsheets och klicka sedan på länken Fil ” Delning ” Publicera till webben.

Detta kommer att visa en popup där du måste välja hur du vill publicera detta dokument.

Välj bara alternativet Comma Separated Values (.csv) från dropdown-menyn och klicka på knappen ”Publicera”.

Du kommer nu att se den offentligt tillgängliga URL:en för ditt ark som en CSV-fil. Här kopierar du denna URL och går tillbaka till Visualizer-diagrammet.

You will have to add this URL in the ”Import from CSV” field.

När du enter URL:en kommer pluginet att hämta din CSV-fil och visa en live preview av ditt diagram.

Nu kan du växla till ”Settings” tabs från toppen för att konfigurera de allmänna inställningarna gillar font format, nummer format, storlek och placering, storlek inställningar, och så mycket mer.

När du är klar klickar du på knappen ”Skapa” längst ner i frågan.

Lägga till ett diagram eller en graf i WordPress Posts/Pages

Att lägga till ett diagram eller en graf i dina posts och pages i WordPress är lika enkelt som att lägga till images.

Öppna först en new eller gammal page/post där du vill lägga till cirkeldiagrammet. När du är där klickar du på knappen ”Add Block” (+) högst upp till vänster på vyn.

Detta öppnar blockmenyn där du måste hitta och lägga till Visualizer Chart-blocket.

När du har gjort det klickar du på knappen ”Display an Existing Chart” i själva blocket.

Detta kommer att öppna en new prompt i blocket där du måste selecta cirkeldiagrammet som du just har skapat.

Klicka slutligen på knappen ”Publicera” eller ”Update” för att lagra dina settings.

Nu kan du besöka din WordPress site för att view cirkeldiagrammet i action.

Editera dina Visualizer-diagram i WordPress

Du kan redigera och ändra dina diagram när som helst. Besök bara sidan Visualizer ” Chart Library från WordPress dashboard.

Där kan du klona ett diagram, ta bort det eller editera dess visuella Settings med hjälp av icons under diagrammets namn.

Updating av data för ett befintligt diagram utan att ändra diagrammet är också ganska enkelt med Visualizer.

Om du har lagt till data från ett kalkylblad från Google behöver du bara uppdatera data i kalkylbladet, gå till alternativet Arkiv ” Dela ” Publicera på webben och publicera kalkylbladet på nytt.

Dina ändringar kommer automatiskt att återspeglas i ditt diagram.

Om du däremot uploadade en CSV-fil måste du updating CSV-filen på din dator. När du är klar väljer du det diagram som du vill updating och klickar på edit-länken under diagrammet.

I ”Import CSV file” section, simply upload your new CSV file. Changed i data kommer automatiskt att återspeglas i posts eller pages där du har insertat diagrammet.

Bonus: Skapa ett organisationsschema för ett företag i WordPress

Om du har en webbplats för småföretag kan du också lägga till ett organisationsschema för företaget i WordPress. Detta diagram visar hur ditt företag är uppbyggt, från VD till de olika teamen och de enskilda medarbetarna inom varje team.

Ett organisationsschema hjälper potentiella customers att lära sig mer om your business och gör det lättare för team att kommunicera med varandra.

För att skapa ett diagram installerar och aktiverar du bara pluginet Organization Chart. För detaljer, se vår tutorial om hur man installerar ett WordPress plugin.

Efter aktivering, besök Wpdevart Chart ” Charts page och klicka på knappen ’Add New’. Detta tar dig till en ny vy där du kan add a ett namn för diagrammet.

Därefter lägger du till image och rubrik för VD:n för ditt företag i elementet på vyn. Klicka sedan på ikonen för pilen.

Detta kommer att lägga till ett annat element där du kan lägga till en rubrik och image för den person som kommer efter VD. Sedan klickar du på elementet igen för att viewa flera pil icons i olika riktningar.

På så sätt kan du skapa en företagsstruktur med flera grenar eller team.

När du är klar klickar du bara på knappen ”Save” för att spara dina Settings.

Öppna nu sidan där du vill lägga till organisationsschemat och lägg till blocket ”WpDevArt organization chart”. Välj sedan diagrammet du skapade från dropdown-menyn i själva blocket.

Klicka slutligen på knappen ”Publicera” eller ”Update” för att lagra dina settings. För mer information, se vår tutorial om hur du skapar ditt företags organisationsschema i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lägga till staplar och diagram på din WordPress-webbplats. Du kanske också vill se vår przewodnik för nybörjare om hur du anpassar färger på din WordPress-webbplats och våra expertval för de bästa roliga WordPress-pluginsen som du missar.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.