WordPress tabellplugin: 5 snabba sätt att skapa fantastiska rutnät

Ett WordPress-tabellplugin låter dig presentera information på din webbplats i ett strukturerat format. Konstigt nog har WordPress ingen inbyggd funktion för att skapa sådana skärmar. Du kan skapa dem utan ett plugin genom att skriva din egen HTML, men det här är väldigt lättsamt och över de flesta webbplatsägarnas skicklighet. Det är mycket lättare att använda en förlängning av god kvalitet.

WordPress tabellplugin

WordPress gör det enkelt om du använder rätt tillägg - du kan snabbt visa komplex information i en visuell form utan teknisk kunskap. De bästa pluginsna är mobilvänliga och låter dig skapa responsiva skärmar i WordPress. Detta är mycket enklare än att skriva din egen kod. Vissa WordPress-responsiva tabellinsticksprogram låter dig till och med styra hur rader och kolumner beter sig på olika skärmstorlekar.

Denna artikel från CollectiveRay kommer att leda dig genom processen att välja rätt produkt för dig. Först hjälper vi dig att välja rätt produkt utifrån dina specifika krav. Vi kommer sedan att ge detaljerade instruktioner om hur du skapar ditt innehåll i olika format med hjälp av fem olika alternativ.

Läs fler inlägg om WordPress-plugins genom att klicka på menyn ovan.

Vilket WordPress-tabell-plugin?

Att välja det bästa bordsprogrammet för WordPress kräver lite eftertanke. Det finns många bra alternativ där ute - du måste välja det som bäst passar dina behov. Skriv först en lista med alla funktioner du behöver. Tänka på:

  • Typ av innehåll - Vill du visa statisk eller dynamisk information från din webbplats? Till exempel kommer du att lägga till data manuellt? Eller vill du lista inlägg, sidor eller andra objekt från din WordPress-webbplats eller till och med WooCommerce-produkter?
  • lyhördhet - Använder din webbplats ett lyhörd WordPress-tema? Om din övergripande webbplats är lyhörd behöver du också responsiva funktioner - annars kommer nätet att brytas på mobiler och mindre skärmstorlekar.
  • Designa - Har du några specifika krav för utformningen av dina nät? Som ett minimum vill du se till att innehållet ärver stilarna från ditt tema så att teckensnitt, färger etc. i rutnätet matchar resten av din webbplats. Vissa WordPress-plugin-program innehåller också extra stylingalternativ.
  • Flexibilitet - Hur mycket kontroll vill du ha om hur raderna och kolumnerna fungerar?
  • HTML-stöd - Behöver du visa formaterad data i rutnätet som kortkoder, ikoner, knappar eller länkar?
  • Multimediainnehåll - Kommer du att visa vanlig text? Eller vill du lägga till bilder, inbäddade ljud- eller videofiler, mediaspellistor eller annan speciell information?
  • Plugin-kompatibilitet - Behöver innehållet i rutnätet integreras med andra WordPress -plugins på din webbplats? Vill du till exempel visa information från andra tillägg som WooCommerce eller The Events Calendar i ett rutnät? Fungerar det med sidbyggare som t.ex. Divi eller Elementor?
  • Extra egenskaper - Skriv en lista med alla extra funktioner du behöver. Behöver uppgifterna vara sorterbara, till exempel genom att klicka på kolumnrubrikerna? Behöver den en sökruta? Behöver du lägga till flera nät på din webbplats eller bara ett? Om du har massor av data, behöver du förmågan att dela upp informationen på flera sidor? Behöver du lägga till filter i en rullgardinslista ovanför skärmen?

Beväpnad med den här listan kan du titta på produkterna i den här artikeln och välja vilken som är rätt för din webbplats.

Vilket responsivt WordPress-plugin-program?

De bästa responsiva WordPress-plugin-programmen är:

Det finns många bra produkter med liknande funktioner som TablePress inklusive Easytable, wpDataTables och UltimateTables.

Vi tror dock att TablePress är den tydliga vinnaren, varför det här är det enda statiska rutnätplugin som vi presenterar i den här artikeln. De andra produkterna i den här artikeln fungerar på olika sätt så detta ger dig ett bra urval att välja mellan, oavsett dina behov.

TablePress - Visa statisk data i ett rutnät

TablePress

TablePress är den överlägset mest populära produkten, så det förtjänar att visas först i den här listan. De gratisversionen har över 400,000 XNUMX aktiva användare.

Om du behöver fler funktioner, olika premiumtillägg finns tillgängliga. Det är synd att den kostnadsfria versionen av TablePress inte innehåller responsiva funktioner, men den är tillgänglig som ett betalt tillägg.

Bortsett från det lilla greppet, rekommenderar vi detta till alla som vill visa statisk information i ett rutnät. TablePress gör det enkelt att skapa innehåll i rutnät för din webbplats. Det ger ett enkelt kalkylark-gränssnitt där du kan ange data.

Du kan också importera det från Excel om du letar efter ett WordPress - Excel-plugin för tabell. När du har lagt till data konverterar TablePress dem direkt till rader och kolumner. TablePress är baserat på jQuery DataTables plugin, som ger massor av interaktiv funktionalitet som en sökruta och klickbara kolumnrubriker.

Tillverkarna av TablePress har utökat den till en komplett produkt som låter dig lagra statisk information i en användarvänlig vy.

Hur du formaterar ditt innehåll med TablePress:

  1. Logga in på din WordPress Dashboard och gå till Plugins> Lägg till nytt.
  2. Sök efter 'TablePress' och installera och aktivera den.
  3. Du kommer att se en ny 'TablePress' länk visas på vänster sida av WordPress-administratören. Klicka på detta för att börja skapa din skärm. Du kan göra detta genom att följa de enkla instruktionerna på skärmen eller använda dokumentation för ytterligare vägledning.
  4. När du har lagt till informationen kan du lägga till detta på valfri sida, inlägg eller widget genom att infoga en kortkod. Detta ska vara i formatet: [tabell-id = /] -Byt ut texten mellan <-> med ID för det innehåll du just skapade.

Stylingen för skärmen kommer att tas från ditt tema där det är möjligt, till exempel för att matcha teckensnitt och färger. Det finns en anpassad CSS-ruta som låter dig lägga till någon anpassad kod för att ytterligare utforma ditt innehåll med hjälp av plugin-programmet, men de flesta behöver inte detta.

Inläggstabell med sökning och sortering - Visa blogginlägg i ett rutnät

Inläggstabell med sökning och sortering

Inläggstabell med sökning och sortering är ett annat gratis responsivt WordPress-plugin-program.

Det skapar dynamiskt innehåll utan att du behöver ange data - specifikt dina WordPress-blogginlägg. Det riktar sig till en annan marknad för produkter med statiskt innehåll som TablePress och är perfekt för att skapa ett inläggsindex på din webbplats. Det är löjligt enkelt att använda och mycket enklare än att manuellt lista dina blogginlägg.

Liksom TablePress är det en WordPress-version av plugin-programmet jQuery DataTable. Detta innebär att format som skapas av båda produkterna ser ganska lika ut och har liknande interaktiva funktioner som sökning och sortering. Till skillnad från TablePress är den fria versionen av denna förlängning emellertid lyhörd och mobilvänlig.

Så här skapar du innehåll med hjälp av inläggstabellen med sökning och sortering:

  1. Logga in på din WordPress Dashboard och gå till Plugins> Lägg till nytt.
  2. Sök efter 'Inläggstabell med sökning & sortering' och installera och aktivera.
  3. Lägg till kortkoden [posts_data_table] till valfri sida, inlägg eller widget.

Och det är allt! Produkten skapar automatiskt ett responsivt rutnät med alla dina blogginlägg. Det tar utformningen av ditt tema så att teckensnitt och färger matchar resten av din webbplats och ser professionella ut. Standardinnehållet har de flesta av de funktioner du behöver, till exempel sökruta, sorterbara kolumnrubriker och möjligheten att filtrera efter kategori eller tagg. Du kan konfigurera innehållet ytterligare med hjälp av alternativen på pluginsidan. Du kan till exempel välja vilka kolumner som ska visas, hur många inlägg som ska visas per sida innan sidknapparna visas längst ner, sorteringsordningen och mer.

Det finns också en Posts Table Pro-version, som vi kommer att diskutera längre ner.

Inlägg Table Pro - Visa inlägg, sidor och anpassade inläggstyper i ett rutnät

Inläggstabell Pro WordPress-plugin

Inlägg Table Pro är premiumversionen av PT med Search & Sort.

Det är mycket mer sofistikerat än gratisversionen och låter dig visa olika typer av innehåll - inte bara blogginlägg.

Du kan skapa sidor med innehållsförteckning från din webbplats, mediefiler eller någon av dina anpassade inläggstyper. Om du tänker kreativt på hur denna förlängning kan användas kommer du att bli förvånad över de olika typerna av nät du kan skapa.

Detta beror på att anpassade inläggstyper används för att lagra så många olika typer av information på WordPress. Oavsett om din webbplats använder anpassade inläggstyper för att lagra portföljinlägg, vittnesmål, fallstudier, ljudfiler, dokument, videor, mediaspellistor, händelser från ett evenemangstillägg, produkter från en e-handelsprodukt, fastigheter egenskaper eller något annat kan du visa denna information i ett sökbart, sorterbart rutnät.

Detta innebär att den här versionen av produkten har många fler användningsområden än det gratis plugin-programmet. Som en allmän regel rekommenderar vi att om du vill skapa ett rutnät som visar information som är lagrad på din webbplats, är det bäst att göra detta dynamiskt med Posts Table Pro. Många människor gör detta manuellt med hjälp av statiska innehållslösningar som TablePress, utan att inse att de kan spara tid genom att göra det automatiskt.

Hur man skapar innehåll med Inlägg Table Pro:

  1. Först måste du köp plugin. Ladda ner filerna och kopiera din licensnyckel.
  2. Logga in på din WordPress Dashboard och gå till Plugins> Lägg till nytt.
  3. Ladda upp filerna och aktivera den.
  4. Gå till WooCommerce> PostsTablePro och ange din licensnyckel.
  5. Lägg till kortkoden i valfri sida, inlägg eller widget: [posts_table]. Produkten skapar omedelbart en responsiv tabell med alla dina WordPress-inlägg.

Du kan använda plugin dokumentation för att konfigurera dina rader och kolumner - till exempel för att visa sidor eller en anpassad inläggstyp istället för standardinlägg.

Detta berättar hur du väljer vilken inläggstyp som ska visas i rutnätet. Den berättar också hur du styr olika element i rutnätet, till exempel vilka kolumner som visas och standardsorteringsordningen och hur det responsiva innehållet beter sig på mindre skärmstorlekar.

Det finns många alternativ och dokumentationen är mycket omfattande, så läs den noggrant och planera det bästa sättet att skapa ditt dynamiska innehåll.

(Om du vill få det bästa erbjudandet, klicka på länken nedan till lägsta pris fram till November 2021)

Besök webbplatsen för att ladda ner Posts Table Pro

WooCommerce produkttabell - Visa produkter i rutnät

WooCommerce produkttabell

WooCommerce produkttabell är den WooCommerce-specifika versionen av PT Pro.

Det förtjänar sitt eget omnämnande på grund av populariteten hos WooCommerce, eftersom det är det enda objektet som låter dig visa produkter i en interaktiv rutnätsvy. Över 30% av ALLA e-handelswebbplatser världen över körs på WooCommerce.

Det betyder att många behöver visa WooCommerce-data i rader och kolumner för att ha ett bra sätt att jämföra olika artiklar som är till salu.

Istället för att skapa dina WooCommerce-nät manuellt skapar den här produkten direkt responsiva rader och kolumner som innehåller data om dina produkter. Den stöder alla de viktigaste WooCommerce-uppgifterna, såsom bild, produktnamn, kort beskrivning, lång beskrivning, kategorier, taggar, lagerstatus, produktattribut, recensioner etc. Den har också multimediainnehåll som inbäddad video, ljud och spellistor.

Du kan använda detta plugin som ett alternativ till den traditionella kategorivyn (populär bland online-kataloger och grossistwebbplatser). Du kan till och med använda den som ett komplett beställningsformulär på en sida, med knapparna "Lägg i kundvagn" direkt i innehållet.

Så här skapar du innehåll med WooCommerce Product Table:

  1. Först måste du köp plugin. Ladda ner filerna och kopiera din licensnyckel.
  2. Logga in på din WordPress Dashboard och gå till Plugins> Lägg till nytt.
  3. Ladda upp produkten och aktivera den.
  4. Gå till WooCommerce> Inställningar> Produkter> Produkttabell, ange licensnyckeln och klicka Spara ändringar.
  5. Lägg till kortkoden i valfri sida, inlägg eller widget: [produkttabell]. Detta skapar ditt innehåll direkt med alla dina WooCommerce-produkter.

Om du vill ändra standardinnehållet kan du använda dokumentation för att konfigurera kortkoden på mer avancerade sätt.

Det finns många alternativ - du kan inkludera eller utesluta produkter från specifika kategorier eller taggar, kontrollera vilka kolumner som ska visas och vad de heter, vilka kolumner som innehåller länkar, ändra sorteringsordning och mycket mer. Produktnäten för WooCommerce reagerar automatiskt. Du kan använda dokumentationen för att ytterligare kontrollera hur innehållet beter sig på mobiler.

Du kan till exempel ändra brytpunkterna och välja vilka kolumner som prioriterar små skärmstorlekar.

(Vill du hitta det lägsta priset? Vi har det lägsta priset från leverantörerna av detta plugin, fram till November 2021 - klicka på länken nedan nu för att få bästa pris).

Besök WooCoomerce Product Table

Gå prissättning - Skapa responsiva priser

Gå prissättning

Gå prissättning är den bästa WordPress-prissättningstabellprodukten.

Det finns bra gratis prissättning plugins som Enkla prissättning Tabeller, men vi måste rekommendera Go Pricing på grund av det stora antalet inbyggda stilar.

Go Pricing används på över 24,000 250 webbplatser och levereras med hela XNUMX prissättningsdesigner att välja mellan. Detta gör det enkelt att skapa iögonfallande prisjämförelser som integreras snyggt med resten av din webbplats.

Gränssnittet är enkelt att använda och du kan förhandsgranska dina ändringar innan du gör dem live. Den är kompatibel med populära produkter som Visual Composer och du kan lägga till så många priser som du vill på din webbplats. Du kan till och med lägga till PayPal-knappar direkt inom din prissättning. Prissättningsnäten är fullt responsiva och utvecklaren har funderat noga över det bästa sättet att skapa fantastiska pristabeller på mobila enheter.

Så här visar du dina olika prissättningsnivåer med Go Pricing:

  1. Först måste du köpa Gå prissättning plugin.
  2. Ladda ner filerna.
  3. Logga in på din WordPress Dashboard och gå till Plugins> Lägg till nytt.
  4. Ladda upp och aktivera den.
  5. Använd dokumentation för att skapa din prissättning. Produkten tillhandahåller flera metoder som att importera en av demopriserna eller skapa en egen från grunden.

 

Kolla in Go Pricing Tables Demo

Vilket WordPress-tabellplugin kommer du att använda?

Vi hoppas att du tyckte att den här listan över responsiva plugin-program för WordPress-prissättningstabeller är användbara. Vi har försökt täcka olika typer av produkter så att du kan hitta rätt lösning oavsett om du vill visa statisk information, prissättning, inlägg, sidor, produkter eller något annat. Sist men inte minst - vi skulle vara riktigt glada om du delade den här artikeln med dina favoritgrupper för webbdesign och med alla som vill lägga till den här typen av innehåll till sin egen webbplats.

Om författaren
David Attard
Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...