Hur man skapar en tabell med Google Sheet i WordPress

hur man skapar en tabell med CSV eller Google Sheets i WordPress

Letar du efter ett enklare sÀtt att lÀgga till data till din WordPress-tabell Àn manuell inmatning?

Om ja, bör du vÀlja CSV-import eller Google Sheet Integration eftersom det kommer att göra jobbet enkelt. 

Men hur skapar man en tabell med CSV eller Google Sheets i WordPress?  Tja, eftersom det Àr WordPress kan du enkelt göra detta med ett plugin.

I den hÀr artikeln kommer jag att visa dig hur du kan skapa enkelt tabeller med bÄde CSV-data och Google Sheets med samma WordPress-plugin.

SÄ, lÄt oss dyka in...

Vilka Àr de nödvÀndiga WordPress-plugin-programmen?

För att följa med den hÀr handledningen behöver du WordPress-plugins som nÀmns nedan:

NÀr du har laddat ner och aktiverat de nödvÀndiga plugins, gÄ vidare till nÀsta avsnitt.

SÄ hÀr skapar du en tabell med CSV eller Google Sheet i WordPress: Steg för steg

GÄ igenom stegen för att lÀra dig hur du importerar data till din WordPress-tabell med bÄde CSV och Google-ark. Det Àr en guide i 7 steg.

Steg 1: Aktivera tabellwidgeten

För att anvĂ€nda tabellwidgeten frĂ„n ElementsKit mĂ„ste du aktivera den frĂ„n WordPress-instrumentpanelen. Navigera till ElementsKit ⇒ ElementsKit ⇒ Widgets ⇒ Tabell Widget, dĂ„ sĂ€tta pĂ„ alternativet och klicka pĂ„ Spara Ă€ndrings att uppdatera.

aktivera tabellwidget för elementskit - första steget i hur man skapar en tabell med CSV eller Google Sheets i WordPress

👉👉 Du kan ocksĂ„ kolla in vĂ„r blogg pĂ„ Hur man lĂ€gger till modal popup i WordPress i bara 3 steg.

 Steg 2: Dra och slÀpp tabellwidgeten för ElementsKit

Navigera nu till Alla sidor ⇒ Sidor och klicka pĂ„ Redigera med Elementor.

Importera csv-data till WordPress-tabellen med hjÀlp av Elementors sidbyggare

Sök efter tabell i det vÀnstra fÀltet. NÀr du vÀl hittar Bordswidget med Ekit-ikonen uppe till höger, dra och slÀpp till huvudsidan.

skapa tabell med csv eller google sheet i wordpress

Steg 3: VÀlj Datatyp som CSV frÄn instÀllningarna

VÀlj nu datatyp som CSV-fil pÄ fliken InnehÄllsinstÀllningar. Du kan vÀlja tre filtyper; Ladda upp fil, URL för fjÀrrfil och URL för Google Sheet Viewer.

Elementskit-widgetdatatyp hur man skapar en tabell med CSV eller Google Sheets i WordPress

Steg 4: Ladda upp CSV/Google Sheet

Ta en titt pÄ tre processer för att ladda upp eller vÀlja en CSV-fil. Du kan anvÀnda det alternativ du föredrar.

✅ Ladda upp CSV-fil: 

För att ladda upp en CSV-fil, klicka pÄ uppladdningsikonen, ladda upp filen och klicka pÄ infoga. Om du redan har en fil uppladdad till servern, leta reda pÄ filen och klicka pÄ infoga.

ladda upp csv till WordPress-tabellen

✅ Ladda upp CSV-fil som finns pĂ„ fjĂ€rrservern:

Du behöver inte ladda upp en CSV-fil till servern eftersom din webbplats finns pÄ. Med hjÀlp av tabellwidgeten i ElementsKit kan du ocksÄ visa data med en CSV-fil som finns pÄ en annan server. För det, vÀlj Filtyp som fjÀrrfil URL och PÄ Ange ett inmatningsfÀlt för CSV-filens URL ange platsen för din CSV-fil.

ladda upp CSV-fil frÄn fjÀrrserver hur man skapar en tabell med CSV eller Google Sheets i WordPress

✅ Ladda upp data via Google Sheet:

För att anvÀnda ett Google-arkdata i din WordPress-tabell, vÀlj Filtyp som webbadress för Google Sheet Viewer och ange webbadressen till Google Kalkylark. 

🔔 Obs: Googles webbadress ska ha Alla pĂ„ internet med denna lĂ€nk kan se Ă„tkomst.  

ladda upp Google Sheet hur man skapar en tabell med CSV eller Google Sheets i WordPress

đŸ”„ Det fantastiska med att anvĂ€nda Google Sheets pĂ„ bordswidgeten Ă€r om du uppdatera informationen i Google-arkfilen, din Tabelldata kommer att uppdateras automatiskt.

NÀr du har laddat upp data med din föredragna data vÀljer du Rubrikjustering. Rubrikjustering kan vara vÀnster, höger eller mitten.

Steg 5: Anpassa tabellinstÀllningar

Nu nÀr du har din data Àr det dags att anpassa tabellinstÀllningarna: Som en del av tabellinstÀllningarna fÄr du följande alternativ:

  • Sök: Du kan aktivera eller inaktivera sökfĂ€ltsalternativet.
  • Sök platshĂ„llare: Anpassa texten i sökplatshĂ„llaren med det hĂ€r alternativet.
  • Fast rubrik: Du kan stĂ€lla in rubriken fast genom att aktivera det hĂ€r alternativet.
  • BestĂ€llning: Om du aktiverar det hĂ€r alternativet kan tittaren Ă€ndra ordningen pĂ„ varje kolumn.
  • Mottaglig: Detta alternativ kommer att göra tabellen responsiv.
  • Paginering: Aktivera för att lĂ€gga till ett pagineringsalternativ till din WordPress-tabell.
  • Nav stil: Du kan vĂ€lja navigeringsstilen som pil, text eller bĂ„da. Beroende pĂ„ valet kan du stĂ€lla in pilikonen och texterna.
  • Info: Det hĂ€r alternativet kommer att lĂ€gga till en informationssektion lĂ€ngst ned till vĂ€nster pĂ„ ditt bord.
  • InlĂ€gg: Vrid det hĂ€r alternativet för att göra posterna synliga.
  • InlĂ€ggstext: Du kan Ă€ndra inlĂ€ggstexten hĂ€r men det rekommenderas inte.
  • Visa objekt per sida: VĂ€lj hur mĂ„nga rader med data du vill visa per sida.
hur man skapar en tabell med CSV eller Google Sheets i WordPress

👉👉 Letar du efter ett coolt recensionsplugin för att lĂ€gga till recensioner pĂ„ din webbplats? Kolla in BĂ€sta WordPress Review Plugins (Betyg och Schema)

Steg 6: Anpassa stilinstÀllningar

Om du vill Àndra tabellens stilar, gÄ till fliken Stil och du hittar olika alternativ för att Àndra stilen pÄ Wrapper, Header, Header Image, Body, Body Image, Search, Info, inlÀgg och navigering .

skapa en tabell med csv eller google sheet i wordpress

Steg 7: Uppdatera och förhandsgranska

NÀr du har gjort alla Àndringar klickar du pÄ uppdatera och klickar pÄ förhandsgranskningsikonen för att se sluttabellen med CSV-data. 

HÀr Àr ett exempel pÄ hur bordet kommer att se ut

hur man skapar en tabell med CSV eller Google Sheets i WordPress

👉👉 Du kan ocksĂ„ kolla in vĂ„r blogg pĂ„ Hur man skapar tabeller i WordPress med TablePress

Slutord

Nu vet du hur du skapar en tabell med CSV eller Google Sheets i WordPress och visar massor av data med bara nÄgra fÄ steg. Det bÀsta med ElementsKit Àr tillsammans med det enkla CSV-importalternativet, det ger ocksÄ en hel del anpassning. SÄ anvÀnd anpassningsalternativen för att Àndra utseendet och kÀnslan pÄ ditt WordPress-bord efter din smak. 


Kommentarer

  1. Profilbild för Eileen Valdez

    Bra artikel. Det hjÀlper mycket för mitt arbete. Tack för att du delar med dig av dessa effektiva och hjÀlpsamma sÀtt.

LĂ€mna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fÀlt Àr mÀrkta *