Det finns WordPress-tabeller som hjälper till att göra vackra och effektiva diagram och tabeller. Tabeller och diagram hjälper till att presentera data och information på ett sätt som är lätt att förstå och ta till sig.

De gör presentationen mer logisk och visuellt mer tilltalande.

När är det en bra idé att använda en tabell för att presentera information? Tänk på att använda dem för prisinformation för produkter eller tjänster.

Använd dem för att lista personal, kunder eller partners, tillsammans med deras motsvarande data. Eller vad sägs om sportstatistik, lag och rankningar?

Men hur gör man en datatabell i WordPress? WordPress-redigeraren är bra och är användbar för många saker.

Den har dock ingen funktion för att göra tabeller. Så när du gör ett inlägg eller blogg är det inte lätt att infoga en tabell.

Att göra tabeller i WordPress är inte lätt. Speciellt för dig som är ny på WordPress eller som saknar teknisk kompetens.

Ett plugin kan vara svaret. Med ett WordPress-bordplugin är att göra tabeller med ett proffsigt utseende en piece of cake.

Varför använda en tabellplugin?

Tabeller och diagram skapade med wpDataTables

Med ett WordPress-plugin kan en användare skapa, justera och klä upp ett bord. Sedan kan de infoga tabellen i WordPress och använda den på en mängd olika sätt.

Att göra datatabeller med ett plugin är mycket mer praktiskt. Resultatet är mer professionellt och av hög kvalitet.

Att sätta information i tabellform gör det mer begripligt. Folk tycker om att studera och titta på dem.

Resultatet är att de kommer att spendera mer tid på webbplatsen och är mer benägna att återvända. Det är bra för affärerna!

Naturligtvis kommer den här handledningen att göra riklig användning av wpDataTables. Det är fantastiskt att se hur många olika saker detta plugin kan göra och de professionella resultat det ger.

Den har massor av funktioner och funktioner. Det gör så mycket mer än att göra grundläggande tabeller.

Att importera stora datamängder är inte lätt. wpDataTables har en funktion som gör det enkelt, vilket är tillgängligt med betalversionen.

Det kan exportera de skapade tabellerna i en mängd olika format till ett inlägg. Det kan göra CSV- eller Excel-format, såväl som ODF- och MySQL-frågor.

En fördel med wpDataTables är att användningen av det inte kräver erfarenhet eller kunskap om HTML eller CSS. Det finns en tydlig och praktisk inställningssida som styr allt.

När alla inställningar är korrekta är det bara att kopiera och klistra in kortkoden.

Hur man skapar en datatabell med plugin-programmet wpDataTables

Så här fungerar det:

Källfilen

Se till att ha källfilen redo. Sidan Tabellkonfiguration har en flik Datakälla.

På den här fliken hittar användarna olika inställningar. Det är också här du ska definiera datakällan.

Det här kan vara:

MySQL-fråga
Excel
CSV
XML
Google kalkylblad
URL
Serialiserad PHP-array

Exemplet använder ett Excel-dokument som innehåller data.

Se till att all data är korrekt tabellerad. Om det inte är korrekt arrangerat kommer wpDataTables att kämpa för att läsa tabellens kolumner.

Skapa en ny tabell

För att skapa en ny tabell, gå till wpDataTables, som finns till vänster på WordPress-instrumentpanelen. Om du klickar på den visas skärmen ovan.

Det är här du skapar eller lägger till en ny tabell. Klicka på knappen Lägg till ny så visas en skärm som ser ut som den ovan.

Ställ nu in tabellens korrekta parameter. Parametrarna definierar hur tabellen ser ut och hur den beter sig.

Nästa underrubrik diskuterar några av dessa funktioner.

Definiera tabellens funktioner

Det finns flera avsnitt på sidan Tabellinställning. Det här är de som finns i de tre första avsnitten:

Standardrader per sida
Göm tills den laddas
Infoblock
Begränsa bordsbredden
Paginering
Pagineringsjustering
Pagineringslayout
Lyhördhet
Rader per sida
Rullbar
Visa tabellens titel
Word Wrap

Alla parametrar är anpassningsbara. Den resulterande datatabellen kan vara hur komplicerad som helst.

När du har ställt in dessa parametrar klickar du på Ladda upp fil för att välja källdokumentet.

Efter de tre avsnitten som diskuterats ovan finns det några fler anpassningsinställningar:

Responsiv. Den här inställningen visar datatabellen enligt tittarens enhet och skärmstorlek.
Scrollbar. Tillåter horisontell rullning.
Dölj tabellen tills sidan är helt laddad. En praktisk inställning för sidor som laddas långsamt.
Avancerad filtrering. Lägger till ett filter i slutet av varje kolumn.
Filtrera i form. Lägger till ett filter i formuläret.
Bordsverktyg. Möjliggör inbäddning av ytterligare funktioner. Dessa inkluderar att kopiera och spara till Excel eller CSV.
Aktivera sortering. Lägg till en tabellsorteringsfunktion.
Begränsa tabelllayout. Ställer in tabellens storlek till storleken på den överordnade behållaren.
Displaylängd. Definierar antalet poster på en enda sida.

Det finns en förhandsgranskningsknapp som visar hur tabellen kommer att se ut. Gör fler justeringar efter behov.

När alla parametrar är korrekta och formuläret optimerat, klicka på knappen Spara .

Men efter att ha sparat finns det ytterligare alternativ. Använd dessa för att göra bordet ännu bättre.

Insticksprogrammet har några standardinställningar som används automatiskt. Dessa inställningar inkluderar färg och filtertyp.

Sortera data efter parametrar som datum, tid och text. Nedan finns ett exempel på redigerade kolumntyper, färger, siffror och strängar.

Spara och kopiera kortkod

Glöm inte att spara tabellen och klicka på Stäng. Plugin kommer direkt tillbaka till startsidan.

Om allt gick ok, visas den nyligen skapade tabellen, tillsammans med titel, typ och ett dupliceringsalternativ.

Den kommer också att visa kortkoden. Kopiera koden och gå till målsidan.

Lägg till kortkoden på en sida eller ett inlägg

Att lägga till tabellen på en sida eller ett inlägg är nu mycket enkelt. Välj var den ska gå och klistra in kortkoden i sidans redigerare.

Fortsätt att redigera sidan och optimera innehållet.

Publicera

När du är klar klickar du på knappen Publicera . Sidan och tabellen ska se ut ungefär som exemplet.

Det kommer att vara perfekt, konsekvent och anpassat. Data i tabellen är lätt att läsa och förstå.

Webbplatsbesökare kommer att ha möjlighet att exportera data i en mängd olika format. De kan också filtrera uppgifterna på webbplatsen

Det finns också en integration med wpBakery och Elementor. Alla tabeller som skapas med wpDataTables kan exporteras till dessa sidbyggare.

Hur man skapar WordPress-tabeller utan ett plugin

Det är möjligt att göra WordPress-tabeller utan hjälp av plugins. Den här artikeln diskuterar tre: användning av Google Kalkylark eller Google Dokument, Tabellgenerator och Blockredigerare.

Använda Google Dokument eller Kalkylark

Detta börjar med att skapa ett nytt Google-dokument eller -ark. Det spelar ingen roll vilken.

Den här guiden förutsätter användning av Dokument. När du har skapat dokumentet:

Gå till Infoga
Klicka på Tabeller
Välj antalet rader och kolumner
Tryck på Enter
Fyll i uppgifterna
Välj tabellen
Kopiera det
Klistra in den i WordPress-redigeraren

Därmed är elementet redo för publicering.

Nackdelen med denna metod är att det finns väldigt få anpassningsalternativ. Den har inte många val för styling.

Dessutom är de resulterande tabellerna inte särskilt lyhörda. Dessa typer av datatabeller är vanligtvis mycket svåra att läsa på mobila enheter.

Använda bordsgeneratorer

Den grundläggande kodningen bakom WordPress-tabeller är HTML-baserad. Till det kommer CSS-stilar för att få dem att se snygga ut.

Så att göra datatabeller utan ett plugin kräver en del kodning och inte alla vet hur man gör det. Av den anledningen är många beroende av plugins och tabellgeneratorer online.

De skapar och skapar en datatabell i en av dessa generatorer för att göra HTML-koden för den. Kopiera sedan och klistra in produkten på WordPress-webbplatsen.

Vissa bättre onlinegeneratorer skapar responsiva tabeller som fungerar på olika skärmstorlekar. Vissa andra lägger också till styling men oftast är möjligheterna begränsade.

Ändå är de väldigt användbara. Några bra är Responsive Table Generator Tool och Rapid Tables.

Skapa tabeller i WordPress Block Editor

Att göra detta:

Gör ett nytt inlägg eller sida eller fortsätt att redigera ett befintligt.
I editorn klickar du på +-tecknet för att lägga till ett nytt block.
Klicka på Tabell under Formatering. Eller sök efter det i fältet Sök efter ett block.

Välj antalet kolumner och rader för tabellen. Standard är 2×2.
Ange data i cellerna. Cellerna ändrar automatiskt storlek baserat på innehållet.

Eller ställ in cellstorleken till en specifik storlek med alternativet till höger.

Lägg till ett sidhuvud och en sidfot i alternativavsnittet till höger. Exemplet visar en tabell med en rubrik och en grå bakgrundsfärg.

Ändra färgen under fliken Färginställningar.

Dessa tre metoder för att skapa datatabeller och använda dem i WordPress fungerar bra. Men de har också många begränsningar.

Det finns till exempel inga avancerade funktioner. De producerar inte responsiva tabeller och de orsakar ofta tekniska problem.

Avslutande tankar om hur man gör en datatabell i WordPress

Tabeller är så användbara för att presentera data, så deras överflöd på webben är knappast förvånande. De förbättrar användarupplevelsen och tittarna kan ta till sig och förstå informationen.

Den klassiska WordPress-redigeraren har inte möjlighet att skapa tabeller. Hur gör man en datatabell i WordPress då?

Man måste tillgripa användningen av tredjepartsapplikationer. Den här artikeln visade hur du använder Google Dokument för att göra det.

Det här inlägget visade också hur man använder plugin-programmet wpDataTables. Denna plugin kan göra vackra och responsiva tabeller.

Det är det enklaste att använda och erbjuder ett stort utbud av funktioner som gör att användaren kan göra det bord de vill ha.

Om du tyckte om att läsa den här artikeln om hur man gör en datatabell, bör du kolla in den här om datakällor.

Vi skrev också om några relaterade ämnen som DataTables-alternativ, JavaScript -tabellbibliotek, WordPress-tabellplugin -program, hur man skapar en tabell i WordPress utan plugin, hur man infogar en tabell i WordPress, WordPress-pristabell- plugins och hur man skapar statistiska tabeller i WordPress.

Inspelningskälla: wpdatatables.com