När du lägger till tabeller i dina WordPress-inlägg och sidor kan du organisera data och göra det lättare för läsarna att förstå. WordPress gör detta superenkelt med sitt standard tabellblock.
På WPBeginner har vi nyligen börjat använda tabeller i våra sammanfattningsartiklar för att visa de 5 eller 10 bästa plugins. Denna enkla ändring har hjälpt till att förbättra engagemanget från våra läsare.
Det bästa är att standardblocket innehåller kraftfulla stylingalternativ för att få dina tabeller att se bra ut. I den här guiden visar vi hur du enkelt skapar och hanterar tabeller i WordPress.
Du kommer att lära dig grunderna i att infoga tabeller samt hur du förbättrar dem med avancerade funktioner som sortering och sökning, allt utan att behöva kunna koda.
Varför lägga till tabeller i WordPress-inlägg och sidor?
Att lägga till tabeller i dina WordPress-inlägg och sidor kan hjälpa till att organisera information. De bryter upp innehållet i lättsmälta bitar, vilket gör det mer läsarvänligt.
Oavsett om du visar jämförelsetabeller, listor eller statistik, ger tabeller ett rent, strukturerat sätt att presentera dina data.
Dessutom kan tabeller förbättra den övergripande användarupplevelsen. Istället för att skrolla igenom långa stycken kan dina läsare snabbt hitta den information de letar efter.
Detta ger ditt innehåll ett rent och professionellt utseende, samtidigt som det blir mer engagerande.
Med det sagt, låt oss titta på hur du enkelt kan skapa tabeller i dina WordPress-inlägg och sidor.
- Skapa tabeller i WordPress blockredigerare
- Skapa tabeller med plugin-programmet TablePress
- Videohandledning
- Vanliga frågor om WordPress-tabeller
Skapa tabeller i WordPress blockredigerare
WordPress gör det superenkelt att lägga till tabeller med hjälp av standardredigeraren WordPress block editor.
Skapa helt enkelt ett nytt inlägg eller en ny sida eller redigera en befintlig. När du är inne i innehållseditor klickar du på symbolen '+' för att lägga till ett nytt block och väljer sedan tabellblocket.
Du hittar den under sektionen 'Text', eller så kan du skriva 'Tabell' i sökfältet.
Därefter uppmanas du att välja antalet kolumner och rader du vill ha för din tabell. Båda siffrorna är som standard 2.
Oroa dig inte om du inte är 100% säker på det exakta antalet eftersom du alltid kan lägga till/ta bort tabellkolumner och rader senare.
Ange bara antalet rader och kolumner och klicka på knappen 'Skapa tabell'.
Blocket kommer sedan att generera din tabell och visa den på skärmen.
Du kan skriva i tabellcellerna, och de kommer automatiskt att ändra storlek baserat på mängden innehåll i var och en.
Du kan ställa in detta alternativ på höger sida om du föredrar att dina celler ska ha fast bredd. Här kan du även lägga till en tabellrubrik eller en sidfotssektion.
Att använda en tabellrubrik rekommenderas starkt för tillgänglighet eftersom det hjälper skärmläsare att tolka tabellinformationen korrekt för synskadade användare.
Från inställningspanelen kan du också växla till fliken Stil.
Ditt WordPress-tema kan erbjuda en mängd olika stilar för tabellblocket, eller så kan du välja bakgrunds- och textfärger.
Om du vill lägga till en ny rad eller kolumn, klicka bara på en cell i den punkt i tabellen där du vill lägga till den. Klicka sedan på knappen ‘Redigera tabell’ (den ser ut som en liten tabell med en pennikon).
Detta visar flera alternativ för att lägga till eller ta bort rader och kolumner i din tabell.
Som standard är texten i dina tabellkolumner vänsterjusterad.
Du kan ändra detta genom att klicka i en kolumn och sedan klicka på knappen 'Ändra kolumnjustering':
Du kan också ändra justeringen av hela din tabell inom inlägget eller sidan.
Klicka bara på knappen ‘Ändra justering’ och välj ett alternativ från listan.
Observera att dessa alternativ kan göra att din tabell visas utanför de normala gränserna för ditt inläggsområde.
Vissa kan se konstiga ut på din WordPress-webbplats, så förhandsgranska ditt inlägg eller din sida för att se hur tabellen kommer att visas.
Här är vårt bord inställt på 'Wide Width' som det visas på vår demosida:
Som du kan se sträcker den sig utanför inläggsområdets vänstra och högra marginaler.
Tabellverktygen som är inbyggda i Gutenberg-redigeraren ger dig stor flexibilitet när du visar dina tabeller. Du kan använda Tabellblocket för att visa data för läsare i ett lättförståeligt format.
Blocken har dock inte avancerade funktioner som sökfiltrering, anpassad sortering och mer.
Det låter dig inte heller effektivt använda samma tabell i flera områden av din WordPress-webbplats, som sidofältswidgetar eller andra sidor.
För att skapa avancerade tabeller behöver du använda ett WordPress-tabellplugin.
Skapa tabeller med plugin-programmet TablePress
TablePress är ett av de bästa WordPress-tabellplugins på marknaden. Kärnpluginet är 100 % gratis och låter dig skapa och hantera tabeller enkelt, med premiumtillägg tillgängliga för ytterligare funktioner.
Om du använder den äldre klassiska WordPress-redigeraren, som inte har tabellfunktionalitet, då skulle TablePress vara det bästa sättet att lägga till tabeller i dina inlägg och sidor.
Först måste du installera och aktivera TablePress-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Du kommer då att se ett menyalternativ för TablePress i din WordPress-instrumentpanel. Gå till TablePress » Lägg till ny för att skapa en ny tabell.
Du måste skriva in ett namn för din tabell och bestämma hur många rader och kolumner du vill ha. Du kan alltid lägga till/ta bort tabellrader och kolumner senare också.
När du har lagt till tabellnamn, rader och kolumner, klicka på knappen 'Lägg till tabell' för att skapa din tabell.
Därefter ser du en skärm med din tabells information och ett område där du kan lägga till innehåll.
Skriv helt enkelt in de data du vill ha i tabellens celler.
För att lägga till eller ta bort rader och kolumner eller utföra sorteringsoperationer, högerklicka helt enkelt inuti tabellen. Detta visar en meny med alternativ där du kan göra fler ändringar.
Avancerade alternativ, som 'Table Manipulation', finns under området 'Table Content'.
Härifrån kan du lägga till, ta bort och duplicera rader.
Under ‘Tabellalternativ’ kan du lägga till en rubrik- och/eller sidfotsrad, som inte sorteras tillsammans med data.
Du kan också bestämma var tabellnamnet och beskrivningen ska visas:
Slutligen kan du ställa in olika alternativ i avsnittet 'Tabelfunktioner för webbplatsbesökare'.
Dessa inställningar gör att du kan skapa responsiva tabeller som kan filtreras, sökas och sorteras av dina läsare.
När du är nöjd med din tabell klickar du bara på 'Spara ändringar'.
Kopiera sedan tabellens kortkod. Du behöver den i nästa steg.
💡Proffstips: En av de största fördelarna med att använda en kortkod är att du kan placera samma tabell i flera inlägg, sidor eller till och med sidofältswidgetar.
Om du någonsin behöver uppdatera tabellen behöver du bara redigera den på ett ställe, och ändringarna kommer automatiskt att visas överallt där kortkoden används. Detta kan spara dig mycket tid!
Redigera nu inlägget eller sidan där du vill visa tabellen och lägg till blocket Shortcode i redigeraren.
Lägg sedan till kortkoden du kopierade tidigare i kortkodsblocket.
Glöm inte att uppdatera eller spara dina ändringar.
Å andra sidan, om du använder den klassiska redigeraren, lägger du helt enkelt till kortkoden direkt i ditt inlägg:
Om du vill ändra din tabell i framtiden kan du återgå till TablePress i din instrumentpanel och göra ändringar. Din tabell kommer automatiskt att uppdateras i alla inlägg och sidor där du har använt den.
TablePress låter dig också importera data från kalkylblad och CSV-filer. Likaså kan du exportera TablePress-tabell data till en CSV-fil, som du kan öppna med vilket kalkylbladsprogram som helst, som Microsoft Excel eller Google Sheets.
Videohandledning
Om du inte föredrar skriftliga instruktioner, titta bara på vår videoguide:
Vanliga frågor om WordPress-tabeller
Här är några vanliga frågor vi får om att lägga till tabeller på WordPress-webbplatser.
Hur gör jag tabeller responsiva i WordPress?
Standardblock för tabeller i WordPress har begränsade responsiva inställningar. För tabeller som ser bra ut på mobila enheter är ett plugin som TablePress den bästa lösningen.
Det låter dig skapa tabeller som kan rullas horisontellt på små skärmar, vilket hjälper till att hålla din webbplats användarvänlig.
Kan jag anpassa utseendet på mina tabeller?
Ja. Det inbyggda tabellblocket erbjuder grundläggande stilalternativ för att ändra bakgrunds- och textfärger. Ditt WordPress-tema kan också lägga till sina egna unika stilar.
För mer avancerad designkontroll ger ett plugin dig mer kraft att anpassa dina tabeller med anpassad CSS.
Hur importerar jag data från Excel eller Google Sheets till WordPress?
Det enklaste sättet att importera data från ett kalkylblad som Excel eller Google Sheets är att använda ett plugin.
TablePress har en inbyggd importfunktion som låter dig ladda upp din CSV-fil direkt. Detta sparar mycket tid jämfört med att manuellt mata in data.
Vad är det bästa sättet att skapa en sorterbar och sökbar tabell?
Standardblock för tabeller i WordPress är bra för enkel datavisning men stöder inte sortering eller sökning.
För att lägga till dessa interaktiva funktioner behöver du ett plugin. TablePress är ett utmärkt gratisval som låter dina besökare sortera kolumner och söka efter specifik information i dina tabeller.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till tabeller i WordPress-inlägg och sidor utan att använda HTML. Du kanske också gillar vår guide om hur man skapar en innehållsförteckning i WordPress-inlägg och sidor och vår handledning om hur man döljer block från specifika användare i WordPress-redigeraren.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis
Kan inte lägga till tabell i senaste versionen av WORDPRESS
Det finns inget +
WPBeginner Support
+-tecknet finns fortfarande i den aktuella versionen av WordPress. Om du använder en byggare eller liknande verktyg istället för blockredigeraren är det den vanligaste anledningen till att du inte ser det.
Admin
Ralph
Jag använder WordPess standardtabeller och medan de fungerar utmärkt i stationära webbläsare, så är allt på telefonen helt kaos. Det tillåter bara cirka 10 tecken max och förvandlar en fin tabell till skräp.
Finns det ett sätt att göra något åt det? Som att inte klämma ihop den utan skala den? Tabellen skulle bli mindre men läsbar eller samma storlek men vi kan svepa den?
WPBeginner Support
Det beror mycket på hur din tabell är organiserad, du kanske vill titta på TablePress för mer kontroll över tabellerna.
Admin
Shafi
Finns det ett sätt att visa html utan att det renderas på frontend? Som att jag vill visa
<img src="bild.jpg">i en tabellcell, och jag vill att utskriften ska vara<img src="bild.jpg">, men tabellen behandlar det som om det vore en bild. Hur löser jag det?WPBeginner Support
It would depend on the method used but in your toolbar when you have a cell selected you should have the option of setting it as inline code for what you’re wanting to do
Admin
Warren Contreras
Tabellen är precis vad jag behöver, men bara om du kan mata in siffror och visa en kolumnsumma i den nedersta raden.
WPBeginner Support
For what you are wanting, you would want to use TablePress
Admin
Yemi
Finns det ett sätt att dela upp den långa tabellen i sidor där användare kan klicka på nästa
WPBeginner Support
För att separera innehållet i dina tabeller till olika sidor vill du använda TablePress och dess sidnumreringsalternativ.
Admin
Anita
Bakgrundsfärgerna fungerar inte eftersom du måste backa bort citattecknen och skriva in dina egna citattecken. Jag hittade det av misstag. Om någon annan redan har kommit på det ber jag om ursäkt, men jag tänkte inte gå igenom över 100 kommentarer för att kontrollera.
WPBeginner Support
Thank you for sharing that should someone run into the background color not working for them
Admin
Andre Victor
Hej. Jag har en befintlig tabell med data från 6 kolumner och 750 rader. Det skulle vara svårt att skriva om det i en tom tabell i WordPress. Vänligen ge råd om hur jag antingen kan importera hela tabellen (kan vara Excel eller Word) eller kopiera och klistra in cellernas innehåll i en tom tabell.
WPBeginner Support
Du bör titta på TablePress och de importalternativ som finns tillgängliga för att importera din tabell.
Admin
Margaret
Hej! Jag undrar om det är möjligt att helt enkelt kopiera->klistra in en tabell från ett befintligt dokument i WordPress? Jag har försökt detta och det verkar inte fungera, men jag undrar om det finns ett knep för det som jag missar. Tack!
WPBeginner Support
Det skulle bero på dokumentet men vi skulle normalt rekommendera att återskapa tabellen i WordPress
Admin
Nicole
Hej! Jag vill lära mig mer om WordPress!!
WPBeginner Support
Our site should be able to help you then
Admin
Jim Gharib
Klassisk redigerare har tabellfunktionalitet och ett plugin behövs inte när du använder den redigeraren. Kolla in det.
WPBeginner Support
You would need to use a plugin to enable the classic editor and normally that would require using HTML
Admin
Matthews Otalike
Herregud, tack för vägledningen om hur man skapar tabeller i WordPress och andra resurser du har tillhandahållit oss. Bra jobbat.
WPBeginner Support
You’re welcome, glad our guide was helpful
Admin
TheFrugalChoice
Hjälpsam post som jag kan använda i min personliga ekonomi och finansiella oberoende blogg.
WPBeginner Support
Thank you
Admin
Monique Robinson
Bra artikel och bra plugin. Rakt på sak. Tack så mycket.
WPBeginner Support
Glad you liked our article
Admin
Annapurna agrawal
Hej
Jag har installerat TablePress-pluginet.
Jag har problem med användarbehörigheter. I plugin för användarroller har jag inte gett behörighet till "edit_other_user_tables". Men min bidragande användarroll kan fortfarande redigera andras tabeller och även ta bort dem.
Hur ska jag undvika åtkomst till andras tabeller?
WPBeginner Support
Du skulle vilja kontakta TablePress för att se om det finns en inbyggd eller rekommenderad metod för att förhindra redigering av andra tabeller.
Admin
Nabil Nawaz
Bra artikel.. hur kan vi göra förälder-barn i detta? som den första kolumnens första cell är föräldercellen och bredvid den har vi information för dess barninfo.. som tre rader behöver förklaras för den första cellen bredvid den
sumit kumar gupta
Herr, när vi klickar på TablePress-alternativet i den visuella redigeraren visas bara en lista över tabeller framför mig. Inget alternativ för att skapa tabeller finns i den visuella redigeraren. Vad ska jag göra för att skapa en ny tabell i inläggsredigeraren?
Wyce Ghiacy
Tack för videon.
Vad skulle du rekommendera för att bädda in ett formaterat Excel-ark och samla in data från registrerade WP-användare? (Som månatliga användningsrapporter, och Excel-arket beräknar även kvartalsvis/årlig användning)
Louise Wooding
HEJ
Tack för videon. Jag har skapat min tabell och valde Infoga bild i en av cellerna. Det lät mig välja bilden men sedan angavs URL:en till den istället för bilden själv. Har jag missat ett steg??
Tack.
Louise
Tom Cullen
Fantastisk delning, tack!
Owolabi
Det här är en bra artikel chef.
Tack för att du delade med dig.
Men jag har en fråga.
Finns det inget plugin jag kan installera som kan lägga till alternativet för att infoga tabell bland ikonerna på mitt wordpress-inlägg?
Tack i väntan på svar
Ravi Kanani
Jag vill lägga till en specifikationstabell där första kolumnen är densamma för alla inlägg och den andra kolumnen är annorlunda.
Hur kan jag lägga till den här typen av tabell i ett inlägg??
Susan Hawthorne
It would be very nice if, in the article about TAblePress it said that you have to upgrade to a business plan to use a plugin!!!!!!!!!!!!
WPBeginner Support
Hej Susan,
Du använder förmodligen WordPress.com. Se vår guide om skillnaden mellan självhostad WordPress.org vs gratis WordPress.com-blogg.
Admin
Barbara
Finns det något sätt att göra vissa textrader i tabellen fetstilta? Allt är vanlig text, önskar att det fanns ett enkelt sätt att lägga till fetstil.
Abee
lägg bara till en html text vid ordet
Michael Carter
Faktum är att du kan använda CSS om du är okej med det. Använd orden du vill betona...
banks dada
Tusen tack för detta plugin. Allt jag behövde var att förbereda listan i excel och importera den till wordpress.
Ett smidigt och tidsbesparande verktyg.
Gud välsigne er för detta stycke
Sadha
Hej, jag skulle vilja skapa länkar i tabellen som vidarebefordrar till en annan sida och skickar med radnumret eller något fält från raden. Hur skulle jag göra detta?
Alternativ jag kan tänka mig som inte är rakt fram
1) Använd localStorage\sessionStorage
2) Skicka värdet i URL:en men då måste nästa sida läsa detta vid laddning – kanske inte en dålig idé ?
Molly Greger
Wow! Ett så fantastiskt verktyg!! MEN: färgerna är så bleka att jag inte ser någonting?? Hur kan jag ändra färgerna på rader/kolumner?
varalakshmi
Tack... Detta är till hjälp för mig till viss del. Jag är nöjd med ditt inlägg.
Alex Nicholson
Tror detta bara fungerar för användare av Wordpress.org. Finns det en liknande guide för de som, liksom jag, använder Wordpress.com, särskilt där jag kan använda en färgad bakgrund till cellerna i en tabell?
Ray
Hej
Jag försökte skapa en interaktiv tabell liknande denna som skulle använda en fråga för att hämta data från en databas.
Jag använder wordpress med en mysql/phpmyadmin-databas.
Min fråga fungerar i phpmyadmin men visar inga värden i wordpress?
SELECT * FROM `MyTablename` WHERE 1
Behöver jag använda en lista eller ett utskriftskommando eller databasnamn?
Jhon Carl
Jag har samma problem som du. Har du redan hittat en lösning på detta?
Carolyn
Jag skulle definitivt rekommendera detta plugin. En påminnelse till bloggare när de flyttar från en hostingtjänst till en annan: glöm inte att säkerhetskopiera tabellerna. Det finns inget sätt att återställa data. Och om du vet hur kan du dela informationen.
Dimitar
Jag kämpade nyligen med att försöka lista ut hur man lägger till snygga tabeller, så detta kommer att vara mycket hjälpsamt, tack för att du publicerade detta.
WPBeginner Support
You are welcome
Admin
Omar Khan
Hur skapar man tabeller på tagg/kategorisida
Paco Gimenez
Hej allihopa,
Tack så mycket för ert stöd.
Den här TablePress är intressant.
Jag letade efter ett system för att göra något liknande:
I har jag en tabell med lite information och kolumner. table1 till exempel.
Jag vill att när jag trycker på en region på min karta, kan jag ladda en URL, som /map#section
Kan jag göra något liknande som att ladda samma tabell i en annan ordning? efter någon kolumn eller något? istället för att klicka på en kolumn, klicka på en region och ladda samma URL men med tabellens "#" i den ordning som krävs.
Tack så mycket för stödet.
Ben K
Har du tänkt på att uppdatera skärmdumparna i den här artikeln?
Divine
Tack WP. Ni är bäst! 4,5 stjärnor
Arindam
Tack för informationen. Jag undrade om kortkoden skulle ha något SEO-värde. Är det troligt att en tabell som visas med en kortkod kommer att visas i Googles "Featured Snippet"?
Harindu Perera
Hur visar man rutnät i TablePress???
Lorraine
Tack så mycket. Detta gjorde saker och ting så tydliga.
Kan Erik
Bra artikel. Tack så mycket. Lätt att installera och förstå att använda. Skål!
mangi khumakcham
Bra tabellplugin men inte mobilvänlig.
Tabellens högra sida klipps av i mobilvyn.
Sany
Hej
Kan någon visa mig hur jag skapar en dynamisk tabell?
Jag är ny på WordPress. Jag vill underhålla en databas med prylar, säg telefoner. Jag vill ha ett gränssnitt för mig som administratör att ange specifikationerna och en bild av föremålet. För användare ska de ha möjlighet att filtrera efter märke och även jämföra 2 eller fler av dessa prylar i tabellformat. De ska också kunna söka på ett föremål och se alla specifikationer i tabellformat. Vänligen ge råd om hur detta enkelt kan hanteras eller har du kanske redan en artikel för detta!?
tack
Stephen Ainsworth
Fantastiska människor vet inte hur man använder
och måste använda ett plugin. Suck.
Noman S Baranian
Det är en fin sak att lära sig och vinna.. fin blogg
Tack för detta! Hur gör jag nu...
Snälla, andra läsare, var inte för hårda mot mig (särskilt inte med R-ordet). Jag är väldigt ny på allt detta och känner mig framgångsrik med att skapa min första tabell. Nu, hur ändrar jag utseendet och känslan på texten i tabellen? Jag använder den för att länka till material som finns längre fram på sidan och för att markera viktiga delar.
en kille
Du behöver använda CSS. Det finns en viss inlärningskurva för allt detta (i ditt fall kanske du vill styla tabellen, rader, tabellceller, paragrafer i tabellceller, länkar, hover-effekter etc. etc.), så börja bara om det är riktigt viktigt.
Tablepress - varning
Jag har precis förlorat en tabell som jag skapade med Tablepress. Jag vet inte hur den raderades, men jag har också precis upptäckt att det inte finns något sätt att återställa en raderad tabell. Eftersom jag inte vet hur tabellen raderades, är jag orolig för att förlita mig på Tablepress.
WPBeginner Support
Om du har ett backup-plugin på plats kan du återställa din tabell genom att återställa till en tidigare säkerhetskopia.
Vi tror inte att det är ett plugin-problem.
Admin
Lilli
Great! Great! Just what I was looking for! Thanks a million
David
Är det jag eller är Wordpress efterbliven? Jag menar, vilken WYSIWYG-redigerare som helst kan göra en tabell i farten nuförtiden, men det största CMS:et kan inte det? Jag måste missa något här, men att använda ett plugin eller iframes är så besvärligt för en enkel tabell... Jag kodar det själv.
Vituz Andersen
David, - Jag håller med dig. Jag förstår inte. Min första HTML-redigerare 1998 hade tabeller... hur kommer det sig att det har blivit lätt att skapa en CMS-baserad webbplats, men man kan inte göra en tabell... Hallåååå!!
Mayur
Hej David,
Jag ville ursprungligen koda det själv, men wordpress formaterade min tabell överallt. Finns det ett specifikt sätt att använda HTML på en sida?
Många tack
Sirje Koop Palmqvist
Jag kopierade en tabell från Word till Wordpress och koden är snygg och ren. Det fungerar bra. Nu vill jag prova samma tabell med FooTable-pluginet för att göra den responsiv, även om den redan är responsiv på ett sätt. Tänkte att en webbdesigner ändå har materialet på den lokala datorn och därmed kan göra ändringar i Word och ersätta tabellen i WP. Detta kan vara fusk men det fungerar. Sirje
Radu
TablePress är ett fantastiskt plugin.
Tack för det här inlägget.
Faktiskt idag laddade jag ner den och donerade redan lite pengar till deras team.
Ha en fantastisk dag alla.
Emily
Använd den med FooTable för att göra den responsiv. De stöder varandra. Perfekt!
Ernest
Hej,
Finns det något sätt att ta bort tabellinjer från att visas?
Neal
Problemen med plugins som detta är att om du någonsin överger pluginet så är innehållet som är länkat till det pluginet trasigt över hela din webbplats.
Även om det är ett väldigt smidigt plugin försöker jag minimera mitt databeroende på dem så mycket som möjligt.
WPBeginner Support
Neal, du har rätt i det. TablePress använder dock egna inläggstyper för tabeller. Det innebär att dina tabeller lagras i databasen även om du avaktiverar pluginet. Du kan fortfarande exportera data.
Admin