Så här skapar du en tabell i WordPress utan plugin

Så här skapar du en tabell i WordPress utan plugin

Vi skulle definiera huvudidén med ett CMS som:
Det enkla sättet att underhålla webbplatsens innehåll håller det fräscht och korrekt för icke-tekniska administratörer. Tack vare det kan du använda din webbplats som den primära kommunikationskanalen med låga kostnader. Att byta till ett Gutenberg-tema och block är därför ditt bästa val för att uppnå dina marknadsföringsmål. Vi bevisar ovanstående genom att presentera hur man lägger till en tabell i WordPress utan ett plugin.

Du kan hitta några blogginlägg om hur man lägger till en tabell i WordPress utan ett plugin som nämner att det inte är lätt eller att du måste använda Google Docs eller Word. Det kan vara sant om du fortfarande inte har bytt till Citadela Gutenberg-temat. Gamla teman med deras sidbyggare använder en klassisk redigerare. Och det fanns inget så enkelt alternativ som Gutenberg-redigeraren ger dig.

Kom igång nu

Kom igång nu med en riskfri provperiod. Inget kreditkort krävs.

Utforska två alternativ för WordPress-tabeller i Citadela

Baserat på ditt WordPress-tabellinnehåll har du två val för Gutenberg-block som skapar en tabell i WordPress. Du får många fler alternativ än du kan föreställa dig i kombination med andra block.

Använd Citadela premiumversion, så behöver du inte ett extra plugin för att lägga till tabellen i WordPress.

Block för pristabell

Eftersom tabeller vanligtvis används för att presentera artiklar och priser har vi skapat ett särskilt pristabellblock som ingår i pluginet Citadela Blocks (som är mycket kompatibelt med de flesta moderna WP-teman). Du kan använda det mycket enkelt i WordPress blockredigerare för att presentera och administrera priser på ett attraktivt sätt.

Detta block har avancerade inställningar och du kan ställa in responsiv version enligt dina behov. Det är tillgängligt i Citadela Pro Plugin.

Pristabell tillverkad med speciellt WP-block

WordPress själv erbjuder dock ett standardblock för att skapa tabeller. Det kallas helt enkelt: Tabellblockoch du kan använda den för att skapa en mycket enkel presentation, till exempel av dina prenumerationspaket, på bara några minuter.

Tabellblock för WordPress

Idag kommer vi att titta på Table Block i mer detalj och prata om:

Varför är tabeller i WordPress praktiska?

Tabeller i WordPress - används för recept i matbloggar
Tabeller hjälper dig att bättre organisera alla ingredienser i dina recept

Tabeller har universell användning i inlägg och sidor. Den grundläggande funktionen är att organisera data eller siffror. Tabeller är också användbara för bloggare. Till exempel kan resebloggare jämföra priser för enskilda destinationer. Matbloggare kan enkelt skapa en lista över ingredienser eller önskad mängd.

Sist men inte minst är det möjligt att använda tabeller för att presentera öppettider eller pristabeller för tjänster och produkter. Det spelar ingen roll om du har en webbplats för en restaurang, en skönhetssalong eller ett bageri. Du kommer garanterat att hitta användningsområden för tabeller på din webbplats.

Så här använder du Table-blocket och skapar en tabell i WordPress (utan plugin)

Att skapa tabeller i WordPress med hjälp av blockredigeraren är en bit av kakan. Med hjälp av Table-blocket kan du skapa tabeller med några få klick utan plugin eller kodning. Låt oss ta en titt på hur det fungerar:

  • Som första sak måste du infoga WordPress Table-blocket. Du kan göra det genom att klicka på "+" som finns i det övre fältet eller var som helst i redigeraren. Efter det kan du välja ett visst block.
Lägg till tabeller i WordPress genom att klicka på "+"
Lägga till tabeller genom att klicka på "+"

Det är också möjligt att infoga tabellblock med hjälp av snedstreck "/", efter ordet "table" för att söka efter tabellblock.

Lägg till tabellblock med snedstreck "/"
Lägga till tabeller med hjälp av snedstreck "/"

När du har lagt till tabellblocket på din sida eller i ditt inlägg måste du ange grundläggande inställningar, t.ex. antalet kolumner och rader.

Tabellblock med grundinställningar
När tabellen har skapats kan du ställa in antalet kolumner och rader

Utforska det senaste temat Citadela, där du kan skapa tabeller med hjälp av WordPress Table-blocket och även använda våra skräddarsydda block. Lär dig mer om Citadela som du kan anpassa med layoutpaket som utvecklats för specifika typer av företag.

Inställningar för tabellblock i verktygsfältet

Nu vet du hur du skapar en tabell i WordPress. Nu ska vi visa dig hur du kan arbeta med den.

I verktygsfältet ovanför tabellen kan du göra ändringar i styling och formatering. Med hjälp av dessa inställningar kan du ändra hur tabellen ska se ut. Glöm inte att det slutliga utseendet alltid beror på det aktiva WordPress-tema som du använder.

Vad kan förändras?

1. Block stilar

Med hjälp av den första ikonen kan du välja tabellstilar. Du kan välja ett av 2 alternativ:

  • Standard - tabellceller kommer att ha kanter, utan någon bakgrund. Bakgrundsfärg för hela blocket kan läggas till senare.
  • Ränder - tabellen utan kanter, men varannan rad kommer att markeras med en bakgrund. Denna stil är mer modern och mindre formell.
Standard blockstil och Stripes blockstil
Välj stil för ditt Table-block mellan Standard eller Stripe-look

2. Justera WordPress tabellblock

Tabellinriktningen kan också ändras i det övre verktygsfältet ovanför blocket. Du kan välja en av de klassiska som vänster, höger eller mitt, men du kan också göra tabellen bred eller fullbredd. Tillgängligheten för de två sista beror alltid på det aktiva WordPress-tema som du använder.

3. Formatering av tabellinnehåll

Text eller siffror i tabeller kan ställas in i fetstil eller kursiv stil. Du kan lägga till en länk till en annan sida, graf eller bild.

4. Textjustering i tabell

Den senaste versionen av WP säkerställer att det är möjligt att justera inte bara hela tabellen utan även texten i raderna. Du kan nu justera infogad text på varje rad separat. Den här funktionen hjälper dig att skapa en snyggare tabell.

5. Antal kolumner och rader

Hur lägger man till tabellkolumner eller rader i WordPress? I tabellblocket är det mycket enkelt. Med det här blocket kan du lägga till eller ta bort celler mycket snabbt. Klicka bara på "Redigera tabell" och därefter på den åtgärd som du vill göra. Om du klickar på "Lägg till rad efter" kommer en ny rad att skapas direkt längst ner.

Lägg till rad efter i skapad tabell
Enkelt sätt att lägga till nästa rad med bara 2 klick

Inställningar för WordPress tabellblock i inspektören

Medan det övre verktygsfältet gör att du kan ändra inställningar för tabellceller, används ett verktygsfält på höger sida som heter Inspector för mer komplexa inställningar av tabellblock. Även här kan du konfigurera blockstilar (Standard eller Stripes), men vad mer, du kan också ställa in bakgrundsfärg och tabellbredd.

Bordsinställningar

Som standard anpassas tabellcellerna dynamiskt till den textmängd som finns inuti. Du kan också tillåta funktionen "Tabellceller med fast bredd". Alla celler kommer att ha samma bredd oavsett vad du lägger in.

Funktion för tabellceller med fast bredd
Om du aktiverar funktionen "Tabellceller med fast bredd" kommer alla celler att ha samma storlek

Färginställningar

I Inspector kan du också ändra tabellens bakgrundsfärg. Om du har valt Standardstil kommer hela tabellen att ha samma bakgrundsfärg. Om du har valt Stripes kommer endast varannan rad att ha bakgrundsfärg.

Färginställningar för tabellblock
Ändra blockets färg

Nyligen tillagd funktion: Stöd för sidhuvud och sidfot

För att göra tabeller mer tillgängliga har utvecklarna lagt till alternativet för sidhuvud och sidfot i WordPress Table-blocket. Denna funktionalitet ger också bättre strukturell definition (av data) och ger mer exakt information till mobila assistenter. Tabellstrukturen innehåller nu <thead>, <tfoot>, och <tbody> för att identifiera och särskilja tabellens sidhuvud, sidfot och brödtext. Du kan aktivera eller inaktivera sidhuvudet och sidfoten direkt från Inspector.

Wordpress tabellblock
Nu kan du lägga till sidhuvud och sidfot i din tabell

Extra tips: Så här skapar du en tabell i WordPress utan plugin bredvid bilden

Behöver du ha en tabell och en bild sida vid sida? För att göra det måste du använda Columns Block. Med det här blocket kan du infoga olika innehållstyper i kolumner och få dem snyggt inriktade.

Hur gör man det?

Infoga tabellblocket i en kolumn och bildblocket i den andra. Du kommer att uppnå en nästlad tabell inuti WordPress Column Block bredvid bilden. Det är mycket enkelt och du behöver inte oroa dig för justering eller responsiv version.

Nästlad tabell i WordPress Columns-block
Med hjälp av blocket Columns kan du placera din tabell bredvid bilden

Du kan läsa mer om kolumnblock i vår artikel Hur man skapar kolumner i WordPress utan plugin.

14 svar på ”How to Create Table in WordPress without plugin

  1. Mycket bra inlägg, wordpress har alternativ som massor av användare inte ser, ditt inlägg klargör det. Det är döden av tabellplugins

  2. En sådan trevlig info! Visstⅼү en bör-läsa och en upptäckt!
    Det hjälpte mig faktiskt tack så mycket.

  3. Mycket användbart. Bra att lära sig om de nya Gutenberg-blockfunktionerna. Fortsätt med det goda arbetet! Ha en trevlig dag 🙂

  4. Den saknar en väsentlig egenskap, dvs. lyhördhet.

    Om jag visar tabellen i mobilen med 6 kolumner eller mer komprimeras den och ser hemsk ut.
    De borde åtminstone ha testat den!

  5. Nu när du är klar med att skapa tabellen är nästa steg att lägga till den i ditt inlägg. För att göra det måste du först kopiera tabellens kortkod. Det kan göras genom att navigera till TablePress Alla tabeller. Leta sedan upp den tabell du vill kopiera, under den klickar du på Visa kortkod? När du klickar visas en popup-varning som visar kortkoden.

  6. Kan inte förstå varför WordPress-utvecklarna inte tänkte på att göra tabellen responsiv 2020. Hur är det ens möjligt? Så innan det händer kommer det fortfarande att finnas en användning för plugins för att lösa detta. Enligt min ärliga åsikt. Bra artikel dock.

    1. Hallå där,

      Tack för att du frågar. Det finns inget alternativ att hantera det i paneladministrationen som standard. Kanske kan du överväga att använda en annan typ av tabellblock. Ta en titt på den som tillhandahålls av PublishPress Blocks (där du kan hantera olika typer av ramar, färger, teckensnitt, bakgrund etc.

      Ha en bra dag!
      Zlatko
      AIT-team

      1. Finns det något sätt att slå samman celler i en kolumn utan att använda några plugins?

        1. Hallå där,

          Tack för att du frågade. Det block som behandlas av WordPress-communityn tillåter inte sammanslagna celler för tillfället. Kanske kan det i framtiden finnas ett alternativ för det.
          Om det är något annat vi kan hjälpa dig med är du välkommen att kontakta oss igen.

          Ha en bra dag!
          Zlatko
          AIT-team

Kommentarer är stängda.