TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

TablePress Plugin Tutorial för WordPress -användare

24

I vår tidigare artikel har vi sett hur man lägger till tabeller på WordPress -webbplatsen med olika metoder. Gutenbergs blockredigerare har ett inbyggt tabellblock som gör användningen av tilläggsprogram föråldrad. Men TablePress är en av pluginsna som tillåter användare att enkelt lägga till en attraktiv tabell på WordPress -webbplatsen. I den här artikeln låt oss utforska funktionerna och hur du använder TablePress -plugin.

Lär dig WordPress: Kolla in 400+ gratis tutorials för WordPress.

Varför TablePress Plugin?

Navigera till alternativet "Insticksprogram> Lägg till nytt" i WordPress admin -instrumentpanel och sök efter nyckelordet "Tabell". Du hittar tusentals plugins för att skapa olika typer av tabeller och sökning efter "tablepress" kommer att visa TablePress -plugin på första sidan.

TablePress Plugin Tutorial för WordPress -användare

WordPress TablePress Plugin

  • Det är ett komplett gratis plugin av författaren Tobias Bäthge. Även om tillägg erbjuds som separata premium -plugins finns det inga påträngande banners eller länkar som ber dig uppgradera från instrumentpanelen.
  • 800K+ aktiva installationer med 5 -stjärnigt betyg från nästan 4K -användare kan inte vara en felaktig bedömning.
  • Anständig dokumentation och mycket bra stöd på forumet.
  • Skapa enhetliga tabeller via webbplatsen och anpassa även ett visst bords utseende med hjälp av anpassad CSS.

Funktioner i TablePress Plugin

Insticksprogrammet har följande funktioner som är tillräckliga för att skapa tabeller för de flesta allmänna ändamål:

  • Tabeller kan skapas och bäddas in på alla sidor på din webbplats som en kortnummer.
  • Importera tabeller från Microsoft Excel i XLS-, XLSX- och CSV -format. Det är också möjligt att importera med manuell kopieringspasta och från JSON/HTML -format.
  • Tabeller kan exporteras i CSV-, JSON- och HTML -format.
  • Direkt infogning av tabellkortkod på visuell editor.
  • Individuella tabeller kan anpassas med anpassad CSS.
  • Komplexa datatabeller med sökruta, paginering och filtrering kan enkelt skapas.

Hur använder jag TablePress Plugin?

Installera och aktivera plugin -programmet för att se en admin -meny skapad enligt nedan:

TablePress Plugin Tutorial för WordPress -användare

TablePress Plugin -menyalternativ

Placeringen av TablePress -menyn kan ändras under avsnittet "Insticksprogram".

Insticksprogrammet har följande avsnitt:

  • Alla tabeller – visar listan över alla skapade tabeller.
  • Lägg till nytt – gör det möjligt att skapa ett nytt bord.
  • Import – erbjuder olika alternativ för att importera enstaka och flera tabeller.
  • Export – erbjuder olika alternativ för att exportera enstaka och flera tabeller.
  • Insticksalternativ – enskilda tabeller kan anpassas med CSS under detta avsnitt.
  • Om – visar detaljer om plugin och andra detaljer.

TablePress Plugin Tutorial för WordPress -användare

WordPress TablePress Plugin -alternativ

Skapa tabell i TablePress

Navigera till fliken "Lägg till ny" där du kan ange grundläggande detaljer som tabellnamn, kort beskrivning och välja antal kolumner och rader för att skapa en tabell.

TablePress Plugin Tutorial för WordPress -användare

Lägg till ny tabell i TablePress

Nästa skärm visar dig många alternativ i flera sektioner. Du kan enkelt bekanta dig med dessa alternativ genom att skapa en eller två exempeltabeller.

SEO -erbjudande: Optimera din webbplats med Semrush Pro 14 -dagars gratis provperiod.

Tabellinformationsavsnitt

Här kan du se de grundläggande detaljerna du hade angett på skapelseskärmen tillsammans med kortkoden för ditt bord.

TablePress Plugin Tutorial för WordPress -användare

Tabellinformationsavsnitt

Tabellinnehåll

Här måste du ange det faktiska innehållet i din tabell i rader och kolumner; den första raden betraktas som standard som en tabellrubrik som du kan ändra den under avsnittet "Tabellalternativ".

TablePress Plugin Tutorial för WordPress -användare

Tabellinnehållsavsnitt

Tabellmanipulation

Detta avsnitt erbjuder följande funktioner:

  • Lägg till rader och kolumner i din tabell.
  • Dölj, visa, ta bort, kopiera och infoga rader och kolumner.

TablePress Plugin Tutorial för WordPress -användare

Tabellmanipuleringssektion

  • Klicka på knappen "Infoga länk" och välj tabellcellen för att öppna standardinställningen för WordPress -infogningslänk. Du kan också lägga till länkar direkt med hjälp av HTML -ankartaggar.
  • I likhet med länkar, klicka på "Infoga bild" och klicka på cellen för att infoga bilder från WordPress mediebibliotek. Du kan också lägga till bilder direkt med HTML img -tagg.
  • Med den avancerade redigeraren kan du lägga till formaterat innehåll med en enkel redigerare.

TablePress Plugin Tutorial för WordPress -användare

TablePress Advanced Editor

  • Använd rowspan och colspan alternativ för att kombinera cell på rad och kolumner.

Attributen Rowspan och Colspan kan inte användas på avancerade datatabeller med JavaScript -bibliotek för sortering.

Tabellalternativ

Här kan du definiera sidhuvud, sidfot, olika färger för alternativa rader och markera rad vid sväng. Du kan också visa tabellnamnet och beskrivningen ovanför eller under tabellen.

TablePress Plugin Tutorial för WordPress -användare

TablePress Table Options

Lägg till extra CSS -klasser för att anpassa tabellens utseende, du måste använda dessa CSS -klasser på temanivå och definiera stilar.

Funktioner i DataTables JavaScript -bibliotek

När du har aktiverat den första raden i tabellen som rubrik under avsnittet "Tabellalternativ" kan tabellen konverteras till en datatabell genom att aktivera funktionerna under detta avsnitt.

TablePress Plugin Tutorial för WordPress -användare

Skapa datatabeller med hjälp av TablePress

  • Sortering baserat på någon av kolumnerna bara genom att klicka på kolumnen.
  • Sökning / filtrering – gör det möjligt att visa en sökruta i det övre högra hörnet av tabellen och användare kan filtrera resultaten genom att ange ett nyckelord. Detta är en mycket användbar funktion, särskilt när du har många rader och innehållet inte är synligt på grund av paginering.
  • Paginering – aktivera paginering för att bara visa vissa rader med "föregående / nästa" sidlänkar i nedre högra hörnet av tabellen. Du kan också låta användaren filtrera och visa ett visst antal rader.
  • Aktivera horisontell rullning om du har många kolumner i tabellen och lägg till anpassade kommandon om du vet hur du använder avancerade datatabeller.

När du har slutfört alternativen kan du förhandsgranska tabellen och spara ändringarna. Du kan också ta bort, kopiera och exportera tabellen från samma skärm.

Infoga tabell på ett inlägg eller en sida

Varje tabell i TablePress kommer att ha ett unikt id som kan ses i avsnittet "Tabellinformation". Du kan använda detta som en kortkod i Gutenberg -redigeraren eller infoga tabellkoden i Classic -redigeraren med hjälp av TablePress -ikonen.

Visa alla tabeller

Alla tabeller som skapats med TablePress kan ses under menyn “TablePress> All Tables". Du kan utföra åtgärder som kopiera, exportera och ta bort på enskilda tabeller såväl som i bulk.

TablePress Plugin Tutorial för WordPress -användare

Alternativ under fliken Alla tabeller

Importera tabeller

Även om det är enkelt att skapa ett bord på skärmen, kommer det att vara en tråkig uppgift för stora bord. I sådana scenarier kan du skapa tabeller med Excel -kalkylblad i XLS-, XLSX- eller CSV -format och importera det till din WordPress -webbplats under fliken "Importera" i TablePress -plugin. Navigera till fliken "Importera" för att se alternativen nedan:

TablePress Plugin Tutorial för WordPress -användare

Importera tabellalternativ i TablePress

  • Importera källa kan vara från en fil på din lokala dator, från en URL, från en fil på en server eller en manuell inmatning.
  • Baserat på källan, antingen ladda upp filen från din lokala dator eller ange nödvändiga detaljer.
  • Välj filformat, om du använder XLSX väljer du alternativet "XLSX -" i rullgardinsmenyn. Även om XLSX fortfarande är ett beta -alternativ fungerar det perfekt som vi testade.
  • Välj om du vill skapa en ny tabell eller ändra eller lägga till en befintlig tabell. Om du väljer alternativ för ersättning och lägg till visas en rullgardinsmeny med alla befintliga tabeller från vilka du kan välja en tabell.
  • Klicka på knappen "Importera" för att börja importera tabellen.

Tillägget gör det möjligt att importera flera tabeller som en zip -fil. Om du till exempel har fem XLSX -kalkyltabeller lägger du alla filer i en enda mapp och komprimerar dem i ett zip -format. Ladda bara upp zip -filen för att skapa fem tabeller.

Exportera tabeller

På samma sätt som att importera kan alla befintliga tabeller exporteras till CSV-, JSON- eller HTML -format till din lokala dator. Tillägget gör det också möjligt att välja flera tabeller och exportera som en zip -fil.

TablePress Plugin Tutorial för WordPress -användare

Exportera tabeller i TablePress

CSV- och HTML -format exporterar endast tabellinnehållet och JSON -formatet innehåller också tabellalternativen.

Anpassa tabeller i TablePress

Hittills har vi sett standardalternativen och under fliken "Plugin -alternativ" kan du ange anpassad CSS för att styra antingen alla tabeller enhetligt eller styra enskilda tabeller.

TablePress Plugin Tutorial för WordPress -användare

Lägga till anpassad CSS i TablePress

Nedan är väljarna för att definiera din stil:

  • .tablepress – alla TablePress -tabeller ska ha denna klass.
  • .tablepress-id-används för att utforma ett visst bord.
  • .column-id-används för att styra kolumnen i en tabell.
  • .row-id-används för att utforma raden i ett bord.

Nedan är en exempel tabell skapad med TablePress, låt oss anta id som 3 och några av de anpassningsbara stilarna ges baserat på detta exempel:

Nedan CSS -kod måste läggas till i textområdet under "Insticksalternativ> Anpassad CSS" och se till att du markerar alternativet "Ladda dessa" Anpassade CSS "-kommandon för att påverka tabellformningen".

Ändra bredden på den andra kolumnen till 200px:

.tablepress-id-3 .column-2 { width: 200px; }

Ändra bakgrundsfärgen på rad 2 till röd:

.tablepress-id-3 .row-2 td { Background-color: red; }

Ändra färgen på alternativa rader:

.tablepress-id-3 .odd td { background-color: red; } .tablepress-id-3 .even td { background-color: blue; }

Ändra färg på rad vid svävare:

.tablepress-id-3 .row-hover tr:hover td { background-color lightgrey; }

Allmänna problem

Det finns få grundläggande problem vi märkte när vi använde TablePress:

  • Tabellernas responsivitet på mobila enheter som kan lösas genom att installera tillägget.
  • Infoga tabeller i sidfoten eller sidofältet på webbplatsen – detta kan åtgärdas genom att använda malltaggar med "$ query" som sträng eller array. Till exempel nedan är ett exempel för att få tabelldata för tabell -id = 1:
<?php tablepress_print_table( array( 'id' => '1', 'use_datatables' => true, 'print_name' => false) ); ?>

Om du stöter på något annat specifikt problem på din webbplats, hänvisa till forumet för att se om det är åtgärdat och kolla dokumentationen innan du lyfter supportfrågan. Vi märkte att de flesta problemen har tagits upp på en av dessa platser.

Obs! Att infoga HTML -taggar i tabellceller stöds inte, men du kan använda bildtagg, länktagg, använda avancerad redigerare och tillägg för att lägga till länkar.

TablePress -tillägg

Även om de grundläggande behoven kan tillgodoses med den kostnadsfria versionen av tillägget, kan du ladda ner ytterligare tillägg från TablePress Extensions -sidan för att förbättra funktionerna i tabellerna. Återigen som ett bidrag till gemenskapen erbjuder författaren alla tillägg gratis och nämner få som premium med en begäran om donation. Av alla tillägg fann vi att " Responsive Tables " är den du kan behöva för att göra tabellen synlig på mobila enheter. Varje tillägg kan laddas ner och installeras genom att ladda upp zip -filen via din WordPress admin -instrumentpanel under "Plugins> Add New> Upload Plugin". Du kan också använda FTP för att ladda upp den extraherade plugin-mappen under "/wp-content/plugins/".

Nedan visas ett exempel på en tabell som skapats med flip -stil med responsiv tabelltillägg.

TablePress Plugin Tutorial för WordPress -användare

Responsive Flip Table

TablePress SEO

Den viktigaste aspekten av att skapa tabeller med TablePress -plugin är SEO – tabellerna är mer sökmotorvänliga, särskilt på Google. Nedan följer ett exempel på ett Google -sökresultat som visar tabellinnehållet på ett mer tilltalande sätt med det totala antalet objekt:

TablePress Plugin Tutorial för WordPress -användare

TablePress Table i Googles sökresultat

Google visar resultatet med tabell om din sida får tillräckligt med trafik för sökorden i tabellinnehållet. Även om metabeskrivningen av sidan inte visas, märkte vi att tabellvyn lockar fler användare än den enkla texten.

Sammanfattning

TablePress är gratis WordPress -plugin för att skapa tabeller för din webbplats. Du kan infoga tabellerna var som helst på webbplatsen med hjälp av kortkod. Det är möjligt att göra tabellerna lyhörda med tillägg.

Fördelar

  • Gratis och regelbundna uppdateringar
  • Enkelt användargränssnitt
  • Avancerade datatabeller
  • Responsiv på mobiler

Nackdelar

  • Tabellöverföring är resurskrävande
  • Ingen prestandaoptimering för att bara ladda CSS / JS på sidor med tabeller
  • Inga mallar

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer