runningaroundnormal.com
  • Home
  • WordPress
  • WordPress-tutorials
  • WordPress-plugins
  • Blogging

Vill du ha WordPress-diagram och / eller grafer? Här är en praktisk titt på fyra plugins

WordPress-plugins

I dagens internetvänliga värld är det lätt att hitta data om alla ämnen. Det som är svårt är att sätta samman allt på ett sätt som är lätt att smälta. Ett sätt att göra dina data mer begripliga är att använda visuella former av representation såsom diagram, grafer och kartor. Med rätt WordPress-diagram och diagram-plugin kan du snabbt skapa snygga datavisualiseringar på din WordPress-webbplats.

I det här inlägget kommer vi att dela fyra fantastiska gratis plugins som du kan börja använda direkt. Samtidigt som alla kärnapplikationer är gratis kan du ibland behöva premiumversionen för att låsa upp de bästa diagrammen och diagramfunktionaliteten.

Contents

  • 1 Fyra fantastiska WordPress-diagram och diagram-plugins
    • 1.1 1. TablePress
    • 1.2 2. Visualizer
    • 1.3 3. wpDataTables Lite
    • 1.4 4. Datatabellsgenerator av Supsystic
  • 2 Slutgiltiga tankar

Fyra fantastiska WordPress-diagram och diagram-plugins

Nedan går vi praktiskt med dessa fyra WordPress-diagram och diagram-plugins …

1. TablePress

Först på vår lista över verktyg för datavisualisering är en mycket älskad plugin, TablePress. Det gör att du kan skapa valfritt antal tabeller och bädda in dem i valfritt inlägg, sida eller widget med kortkoder.

TablePress TablePress

Författare (r): Tobias Bäthge

Aktuell version: 1,11

Senast uppdaterad: 1 april 2020

tablepress.1.11.zip

100%betyg 800 tusen+installerar WP 5.3+Kräver

Tabellerna kan ha valfritt antal rader och kolumner. Dessutom kan du lägga till, radera, infoga, dölja eller duplicera rader och kolumner och kombinera enskilda celler.

Viktiga funktioner inkluderar:

  • Ett kalkylarkliknande gränssnitt, inklusive dra och släpp omordnande
  • Importera och exportera tabeller från / till Excel-, CSV-, HTML- och JSON-filer
  • Använd importerade data för att ersätta data i en befintlig tabell eller för att skapa en ny tabell
  • Sätt i bilder och länkar
  • JavaScript-biblioteksstöd som hjälper till att filtrera, paginera och sortera i front-enden
  • Formelstöd

Vi har en fullständig handledning om hur du använder TablePress, så jag kommer inte gå in på detaljer här. Men för en snabb titt i det enkla gränssnittet som du kan skriva direkt i, se skärmdumpen nedan:

TablePress-gränssnitt

Jag kunde skapa en tabell över mitt allra första försök med fiktiva data, och det är så det ser ut.

Regn under 5 år20112012201320142015
Australien3548534440
argentina5258663540
Kina7966586554
Frankrike2625382420
Uganda3244254932

Det som är viktigt att notera här är att bordets utseende beror mycket på det tema du använder. Du kan dock anpassa dina tabeller med hjälp av enkel CSS. Dessutom finns det ett antal tillägg (gratis, men du kan donera) som hjälper dig att lägga till anpassade funktioner i ditt bord (inklusive lyhördhet).

Och med tredjeparts Chartist-förlängningen för TablePress kan du använda dina tabeldata för att skapa underbara WordPress-responsiva diagram med Chartist.js:

TablePress Extension: Chartist TablePress Extension: Chartist

Författare (r): Silsha Fux

Aktuell version: 0,9

Senast uppdaterad: 27 november 2017

charts-for-tablepress-chartist.0.9.zip

100%betyg 1000+installerar WP 4.7+Kräver

TablePress har ett 5-stjärnigt betyg från 3 500 användare. Det kan också skryta med över en halv miljon aktiva installationer, så det är tydligt att plugin fungerar och fungerar bra.

2. Visualizer

Nästa på vår lista med verktyg för datavisualisering är den populära Visualizer (tidigare WordPress Charts and Graphs Lite) som har 40 000+ aktiva installationer.

Visualizer: Tabeller och diagramhanterare för WordPress Visualizer: Tabeller och diagramhanterare för WordPress

Författare (r): Themeisle

Aktuell version: 3.4.2

Senast uppdaterad: 17 februari 2020

visualizer.zip

90%betyg 40 tusen+installerar WP 3.5+Kräver

Finns i både Lite- och Pro-versioner, det är bra inte bara för tabeller utan även för andra visningsformat – åtta i Lite, plus ytterligare sex i Pro.

Diagramtyper

Plugin är lyhörd, lätt och snabb, och diagrammen är kompatibla med webbläsare och plattformar. Medan grundinställningen är bra att gå, har du också alternativ för att anpassa diagrammen i stor utsträckning.

Viktiga funktioner inkluderar:

  • Interaktiva WordPress-diagram – avslöjar ytterligare information om muspekaren
  • Plugin fungerar både med data från filer som laddats upp från din dator och värd online
  • Importera data från Googles kalkylark, CSV-fil och andra diagram. (Pro-funktion – import från WordPress)
  • Varje diagramtyp har ett antal grundläggande såväl som avancerade anpassningsalternativ
  • Skapa diagram från dina WordPress-inlägg, sidor, produkter eller någon annan inläggstyp
  • Redigera och klona alla befintliga diagram

De Avancerad länken på varje diagramtyp öppnar ett antal anpassningsalternativ. Du kan lägga till titlar, ändra teckensnitt, teckenstorlek, färg och mycket mer.

Anpassningsvisualiseringsalternativ

När diagrammet är klart, kopiera den genererade kortkoden och sätt in den i valfritt inlägg eller sida. För att illustrera, här är en av de färdiga demotabellerna:

Premium-plugin innehåller vissa tidsbesparande funktioner som synkronisering med onlinefiler och en live-redigerare. Kartdata kan uppdateras baserat på ett fastställt tidsintervall genom att skriva över aktuella data med data från en URL eller genom att ladda upp en annan fil. Men det som är riktigt coolt är att du enkelt kan byta från en diagramtyp till en annan.

Paket börjar på $ 59 (passande för bloggare) till $ 299 för byrån (lämplig för professionella webbplatser och portaler).

Läs mer om hur du skapar diagram med det här plugin-programmet.

3. wpDataTables Lite

wpDataTables Lite är ett annat alternativ som hjälper dig att snabbt skapa tabeller i WordPress från befintliga datakällor – Excel, CSV, Google Spreadsheet, MySQL-fråga, XML, JSON och serialiserad PHP-array. Data kommer att läsas från källan på varje sidbelastning.

wpDataTables - Tabeller och tabelldiagram wpDataTables – Tabeller och tabelldiagram

Författare (r): TMS-plugins

Aktuell version: 2.0.19

Senast uppdaterad: 24 april 2020

wpdatatables.2.0.19.zip

84%betyg 30 tusen+installerar WP 4.0+Kräver

Plugin är lyhörd, men du kanske måste ange de kolumner eller rader som ska kollapsa på mobilen. Och eftersom det inte stöder MySQL, är Excel-liknande redigering inte möjligt med lite-versionen. Å andra sidan tillåter proversionen dataimport till MySQL. Det tillåter redigering i WP-admin, eller till och med i front-enden.

wpDataTables Skapa en tabell

Viktiga funktioner inkluderar:

  • Val av gränssnittsspråk
  • Val av tre skinn
  • Göm bordet tills det är fulladdat
  • Aktivera en horisontell rullningslist under tabellen
  • Tabeller är sorterbara, sökbara och kan pagineras
  • Tabellen kan kopieras till urklipp eller exporteras till CSV-, PDF-, XLS-funktioner
  • Lägg till bilder och länkar

Här är en skärmdump av tillgängliga inställningar:

wpDataTables-inställningar

Med hjälp av en del sammansatta data kunde jag skapa en tabell och det är så det visas i förhandsvisningsläget …

wpDataTable-förhandsvisningsläge

… och framifrån. Det som kan vara en dämpare är att borden bara kan ha upp till 150 rader i gratisversionen. Detta kanske inte är tillräckligt för att presentera stora mängder data.

wpDataTables frontend-vy

Pro-versionen är populär på CodeCanyon och tillåter manuell datainmatning. Inte bara det, det stöder formler och tillåter redigering i front-end. Du kan markera celler och rader baserat på värden, tillämpa avancerad filtrering och länka dynamiska diagram till tabeller.

wpDataTables-tillägg

Lite-plugin erbjuder bara ett tabellformat, medan premium-plugin (till 59 $) kan visas 35 dynamiska diagramtyper. Det fungerar bra för stora datasätt. Du kan uppnå ännu mer med premiumtillägg.

4. Datatabellsgenerator av Supsystic

För att avsluta saker, låt oss titta på Data Tables Generator av Supsystic. Den skapar automatiskt WordPress-responsiva tabeller som standard, även om du också kan inaktivera den responsiva funktionen för att justera dimensionerna på dina tabeller.

Datatabeller Generator av Supsystic Datatabeller Generator av Supsystic

Författare (r): supsystic.com

Aktuell version: 1.9.93

Senast uppdaterad: 23 april 2020

data-tables-generator-by-supsystic.zip

96%betyg 30 tusen+installerar Kräver

Tabeller är sorterbara och kan ha valfritt antal rader och kolumner. När du är i redaktören kan du välja text och bakgrundsfärg och ange vertikal och horisontell justering. Dessutom öppnar en högerklicka på valfri cell fler redigeringsalternativ, som läs-läge för vilken cell som helst. Eller, genom att högerklicka kan förvandlas markören till en storlek på markören för att justera rad- och kolumngränser.

Supsystic Editor

Viktiga funktioner inkluderar:

  • Stöd för formler
  • Infogar länkar, bilder eller kommentarer
  • Titel, sidhuvud och sidfot
  • Pagination och sökning
  • Val av lastareikon och färg
  • Alternativ för kompakt läge som minskar vitt utrymme
  • Aktivera gränser, markera alternativa rader, markera med muspekaren
  • Lägg till anpassad CSS för varje tabell

Med mestadels standardinställningar, här är förhandsgranskningen av diagrammet som jag skapade med uppbyggda data med plugin …

Förhandsvisning av Supsystic Table

… och framifrån av samma.

Supsystic frontend-vy

Pro-funktioner inkluderar alternativ för att ändra teckensnittfamilj och tillägg av redigerbara fält i front-end. Dessutom kan du begränsa front-end redigering till endast inloggade användare eller utvalda användarroller. Export och import av tabeller, automatisk uppdatering från Google-ark och åtkomst till tabellhistorik är ytterligare profunktioner.

WordPress-diagram som du kan välja mellan

Om du måste välja en enastående funktion måste den vara den diagram som hjälper till att konvertera din färdiga tabell till valfritt diagramformat – område, rad, paj, stapel, kolumn eller bubbla. Visst är detta plugin ett av de bättre verktygen för datavisualisering.

Priserna börjar på 39 $ för en webbplats och går upp till 149 $ för obegränsade webbplatser.

Slutgiltiga tankar

Även om du i vissa fall kan behöva betala för premiumversionen, gör alla dessa WordPress-diagram-plugins fantastiska alternativ för visuellt visande av data på din webbplats.

Har du några andra frågor om hur du skapar tabeller, diagram eller grafer på din WordPress-webbplats? Lämna en kommentar så försöker vi hjälpa till!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    10 ir daugiau geriausių nemokamų „WordPress“ tinklaraščių temų, skirtų 2020 m. (Kuracijų sąrašas) וורדפרס לעומת ג’ומלה: איזה CMS לבחור עבור אתר האינטרנט שלך?

    Related Posts

    best-wordpress-quiz-plugins[1]

    WordPress-plugins

    Hvad er det bedste WordPress Quiz-plugin? 5 indstillinger sammenlignet

    WordPress-plugins

    Anfängerhandbuch: Hinzufügen von Tabellen in WordPress (ohne Codierung)

    WordPress-plugins

    Slik viser du brukeroppføringer på ditt WordPress-nettsted med GravityView-plugin

    Follow Us

    • Facebook
    • Twitter
    Tweets by DB Tech Society

    Promo

    banner

    Recent Posts

    • Why-build-business-websites-with-WordPress-1920x768[1]Sådan importeres fra Google Dokumenter til WordPress (Brug af Jetpack)
    • best-wordpress-quiz-plugins[1]Hvad er det bedste WordPress Quiz-plugin? 5 indstillinger sammenlignet
    • your-company-needs-a-blog-05[1]20 måder at tænke op blogindlæg til dine WordPress-blog
    • Crear un nuevo formulario Typeform.Cómo usar Typeform con WordPress (Formularios fáciles de conversación)
    • WordPressの最高のイベント/会議テーマ:Neve2020年のWordPressの20以上の最高のイベント/会議テーマ

    Promo

    banner

    Related Posts

    1. 10 plugins for at oprette et mere effektivt WordPress Media Library
    2. Hur klonar jag en WordPress-webbplats? En steg-för-steg-guide (2020)
    3. 5 meilleurs plugins WordPress CRM (+ Comment transformer WordPress en CRM)
    4. Lanseringslista för webbplats: 25+ saker att kontrollera innan du startar din WordPress-webbplats
    5. Como criar um controle deslizante de produto WooCommerce (2 plugins gratuitos)
    6. Hur mycket kostar en e-handelswebbplats? Av siffrorna


    runningaroundnormal.com