WordPress Table Plugin: 5 raske måter å lage fantastiske nett

Et WordPress-bordtillegg lar deg presentere informasjon på nettstedet ditt i et strukturert format. Merkelig, WordPress har ingen innebygd funksjon for å lage slike skjermer. Du kan opprette dem uten et plugin ved å skrive din egen HTML, men dette er veldig fiddly og over dyktigheten til de fleste nettstedseiere. Det er mye lettere å bruke utvidelser av god kvalitet.

WordPress tabellplugg

WordPress gjør dette enkelt hvis du bruker riktig utvidelse - du kan raskt vise kompleks informasjon i en visuell form uten teknisk kunnskap. De beste pluginene er mobilvennlige og lar deg lage responsive skjermer i WordPress. Dette er langt enklere enn å skrive din egen kode. Noen WordPress-responsive tabelltillegg lar deg til og med kontrollere hvordan radene og kolonnene oppfører seg på forskjellige skjermstørrelser.

Denne artikkelen fra CollectiveRay vil lede deg gjennom prosessen med å velge riktig produkt for deg. Først hjelper vi deg med å velge riktig produkt basert på dine spesifikke krav. Vi vil deretter gi detaljerte instruksjoner om hvordan du lager innholdet ditt i forskjellige formater ved å bruke 5 forskjellige alternativer.

Les flere innlegg om WordPress-plugins ved å klikke på menyen over.

Hvilket WordPress-bordtillegg?

Å velge det beste bordplugin for WordPress krever litt tanke. Det er mange gode alternativer der ute - du må velge den som passer best til dine behov. Først skriver du en liste over alle funksjonene du trenger. Tenk om:

  • Type innhold - Vil du vise statisk eller dynamisk informasjon fra nettstedet ditt? Vil du for eksempel legge til dataene manuelt? Eller vil du liste innlegg, sider eller andre elementer fra WordPress-nettstedet ditt, eller til og med WooCommerce-produkter?
  • respons - Bruker nettstedet ditt et responsivt WordPress-tema? Hvis det generelle nettstedet ditt er responsivt, trenger du også responsive funksjoner - ellers vil rutenettet brytes på mobiltelefoner og mindre skjermstørrelser.
  • utforming - Har du noen spesifikke krav til utformingen av nettene dine? Som et minimum vil du sørge for at innholdet arver stilene fra temaet ditt, slik at skriftene, fargene osv. I rutenettet samsvarer med resten av nettstedet ditt. Noen WordPress-bordtillegg inkluderer også ekstra stylingalternativer.
  • fleksibilitet - Hvor mye kontroll vil du ha over hvordan radene og kolonnene fungerer?
  • HTML-støtte - Trenger du å vise formaterte data i rutenettet som kortkoder, ikoner, knapper eller lenker?
  • Multimediainnhold - Vil du vise ren tekst? Eller vil du legge til bilder, innebygde lyd- eller videofiler, mediaspillelister eller annen spesiell informasjon?
  • Plugin-kompatibilitet - Må innholdet i rutenettet integreres med andre WordPress -plugins på nettstedet ditt? Vil du for eksempel vise informasjon fra andre utvidelser som WooCommerce eller Arrangementskalenderen i et rutenett? Fungerer det med sidebyggere som f.eks Divi eller Elementor?
  • Ekstra funksjoner - Skriv en liste over ekstra funksjoner du trenger. Må dataene være sorterbare, for eksempel ved å klikke på kolonneoverskriftene? Trenger den et søkefelt? Trenger du å legge til flere nett på nettstedet ditt eller bare ett? Hvis du har mye data, trenger du muligheten til å dele informasjonen på flere sider? Trenger du å legge til filtre i en rullegardinliste over skjermen?

Bevæpnet med denne listen, kan du se på produktene i denne artikkelen og velge hvilken som passer for nettstedet ditt.

Hvilket responsivt WordPress-bordtillegg?

De beste responsive WordPress-bordtilleggene er:

  • TablePress - det mest populære valget, perfekt for visning av statiske data i rader og kolonner.
  • Innleggstabell med søk og sorter - perfekt for å lage en indeks over blogginnlegg.
  • Innleggstabell Pro - perfekt for visning av dynamiske data som egendefinerte innleggstyper, porteføljer, bilder, lyd, video, produkter, arrangementer, dokumenter eller publikasjoner.
  • WooCommerce produkttabell - perfekt for å lage et rutenett av WooCommerce-produkter.
  • gå Priser - perfekt for prisnivåer på nettsteder.

Det er mange gode produkter med lignende funksjoner som TablePress inkludert EasyTable, wpDataTables og UltimateTables.

Vi tror imidlertid at TablePress er den klare vinneren, og det er derfor dette er det eneste statiske rutenettprogrammet vi presenterer i denne artikkelen. De andre produktene i denne artikkelen fungerer på forskjellige måter, så dette vil gi deg et godt utvalg å velge mellom, uansett dine behov.

TablePress - Vis statiske data i et rutenett

TablePress

TablePress er det klart mest populære produktet, så det fortjener å bli omtalt først i denne listen. De gratis versjon har over 400,000 XNUMX aktive brukere.

Hvis du trenger flere funksjoner, forskjellige premium utvidelser er tilgjengelig. Det er synd at den gratis versjonen av TablePress ikke inkluderer responsive funksjoner, men dette er tilgjengelig som et betalt tillegg.

Bortsett fra det lille grepet, vil vi anbefale dette til alle som ønsker å vise statisk informasjon i et rutenett. TablePress gjør det enkelt å lage innhold i rutenettform for nettstedet ditt. Det gir et enkelt regnearkstilgrensesnitt der du kan legge inn dataene.

Du kan også importere den fra Excel hvis du leter etter et WordPress - Excel-bord-plugin. Når du har lagt til dataene, konverterer TablePress dem umiddelbart til rader og kolonner. TablePress er basert på jQuery DataTables plugin, som gir mye interaktiv funksjonalitet, for eksempel et søkefelt og klikkbare kolonneoverskrifter.

Produsentene av TablePress har utvidet det til et fullt utstyrt produkt som lar deg lagre statisk informasjon i en brukervennlig visning.

Slik formaterer du innholdet ditt med TablePress:

  1. Logg på WordPress Dashboard og gå til Plugins> Legg til nytt.
  2. Søk etter 'TablePress' og installer og aktiver den.
  3. Du vil se en ny 'TablePress' link vises på venstre side av WordPress-administratoren. Klikk på denne for å begynne å lage skjermen. Du kan gjøre dette ved å følge de enkle instruksjonene på skjermen eller bruke dokumentasjon for videre veiledning.
  4. Når du har lagt til dataene, kan du legge til dette på hvilken som helst side, innlegg eller widget ved å sette inn en kort kode. Dette skal være i formatet: [tabell-id = /] - Bytt ut teksten mellom <-> med ID for innholdet du nettopp opprettet.

Stylingen for skjermen vil bli tatt fra temaet ditt der det er mulig, for eksempel for å matche skrifttyper og farger. Det er en tilpasset CSS-boks som lar deg legge til hvilken som helst tilpasset kode for å utforme innholdet ditt ytterligere ved hjelp av pluginet, men de fleste trenger ikke dette.

Innleggstabell med søk og sortering - Vis blogginnlegg i et rutenett

Innleggstabell med søk og sortering

Innleggstabell med søk og sorter er et annet gratis responsivt WordPress-plugin-program.

Det skaper dynamisk innhold uten at du trenger å legge inn data - spesielt WordPress-blogginnleggene dine. Det henvender seg til et annet marked for produkter med statisk innhold som TablePress, og er ideelt for å lage en indeks over innlegg på nettstedet ditt. Det er latterlig enkelt å bruke og mye enklere enn å oppføre blogginnleggene dine manuelt.

I likhet med TablePress er det en WordPress-versjon av jQuery DataTable-plugin. Dette betyr at formatene som er opprettet av begge produktene, ser ganske like ut og har lignende interaktive funksjoner som søk og sortering. Imidlertid, i motsetning til TablePress, er den gratis versjonen av denne utvidelsen fullstendig responsiv og mobilvennlig.

Hvordan lage innhold ved hjelp av Posts Table med Search & Sort:

  1. Logg på WordPress Dashboard og gå til Plugins> Legg til nytt.
  2. Søk etter 'Innleggstabell med søk og sortering' og installer og aktiver.
  3. Legg til kortkoden [posts_data_table] til hvilken som helst side, innlegg eller widget.

Og det er det! Produktet oppretter automatisk et responsivt rutenett som viser alle blogginnleggene dine. Det tar stilen på temaet ditt, slik at skriftene og fargene vil matche resten av nettstedet ditt og se profesjonelle ut. Standardinnholdet har de fleste funksjonene du trenger, for eksempel søkefelt, sorterbare kolonneoverskrifter og muligheten til å filtrere etter kategori eller tag. Du kan konfigurere innholdet videre ved hjelp av alternativene på pluginsiden. Du kan for eksempel velge hvilke kolonner som skal vises, hvor mange innlegg som vises per side før sideknappene vises nederst, sorteringsrekkefølgen og mer.

Det er også en Posts Table Pro-versjon, som vi vil diskutere videre nedenfor.

Innleggstabell Pro - Vis innlegg, sider og tilpassede innleggstyper i et rutenett

Posts Table Pro WordPress-plugin

Innleggstabell Pro er premiumversjonen av PT med Search & Sort.

Det er mye mer sofistikert enn den gratis versjonen, og lar deg vise forskjellige typer innhold - ikke bare blogginnlegg.

Du kan opprette sider med innholdslister fra nettstedet ditt, mediefiler eller hvilken som helst av dine tilpassede innleggstyper. Hvis du tenker kreativt på hvordan denne utvidelsen kan brukes, vil du bli overrasket over de forskjellige typene nett du kan lage.

Dette fordi egendefinerte innleggstyper brukes til å lagre så mange forskjellige typer informasjon på WordPress. Enten nettstedet ditt bruker tilpassede innleggstyper til å lagre porteføljeposter, attester, casestudier, lydfiler, dokumenter, videoer, mediaspillelister, hendelser fra en hendelsesutvidelse, produkter fra et e-handelsprodukt, eiendom egenskaper eller noe annet, kan du vise denne informasjonen i et søkbart, sorterbart rutenett.

Dette betyr at denne versjonen av produktet har mange flere mulige bruksområder enn gratis plugin. Som en generell regel vil vi anbefale at hvis du vil lage et rutenett som viser informasjon som er lagret på nettstedet ditt, er det best å gjøre dette dynamisk ved hjelp av Posts Table Pro. Mange mennesker gjør dette manuelt ved hjelp av statiske innholdsløsninger som TablePress, uten å innse at de kan spare tid ved å gjøre det automatisk.

Hvordan lage innhold med Innleggstabell Pro:

  1. Først må du kjøp plugin. Last ned filene og kopier lisensnøkkelen.
  2. Logg på WordPress Dashboard og gå til Plugins> Legg til nytt.
  3. Last opp filene og aktiver den.
  4. Gå til WooCommerce> PostsTablePro og skriv inn lisensnøkkelen.
  5. Legg til kortkoden på en hvilken som helst side, post eller widget: [innleggstabell]. Produktet lager øyeblikkelig en responsiv tabell som viser alle WordPress-innleggene dine.

Du kan bruke pluginet dokumentasjon for å konfigurere radene og kolonnene dine - for eksempel for å vise sider eller en tilpasset innleggstype i stedet for standardinnlegg.

Dette forteller deg hvordan du velger hvilken innleggstype som skal vises i rutenettet. Den forteller deg også hvordan du styrer forskjellige elementer i rutenettet, for eksempel hvilke kolonner som vises og standardsorteringsrekkefølgen, og hvordan det responsive innholdet oppfører seg i mindre skjermstørrelser.

Det er mange alternativer, og dokumentasjonen er veldig omfattende, så les den nøye og planlegg den beste måten å lage ditt dynamiske innhold på.

(Hvis du ønsker å få det beste tilbudet, Klikk på lenken nedenfor for laveste pris til November 2021)

Besøk nettstedet for å laste ned Posts Table Pro

WooCommerce produkttabell - Vis produkter i rutenettvisning

WooCommerce produkttabell

WooCommerce produkttabell er den WooCommerce-spesifikke versjonen av PT Pro.

Det fortjener sin egen omtale på grunn av populariteten til WooCommerce, da det er det eneste elementet som lar deg vise produkter i en interaktiv rutenettvisning. Over 30% av ALLE netthandelsnettsteder over hele verden kjører på WooCommerce.

Dette betyr at mange mennesker trenger å vise WooCommerce-data i rader og kolonner for å ha en god måte å sammenligne forskjellige varer som er til salgs.

I stedet for å lage WooCommerce-nettene dine manuelt, oppretter dette produktet øyeblikkelige responsive rader og kolonner som inneholder data om produktene dine. Den støtter alle de viktigste WooCommerce-dataene, for eksempel utvalgt bilde, produktnavn, kort beskrivelse, lang beskrivelse, kategorier, koder, lagerstatus, produktattributter, anmeldelser osv. Den har også multimediainnhold som innebygd video, lyd og spillelister.

Du kan bruke dette pluginet som et alternativ til den tradisjonelle kategorivisningen (populær blant online kataloger og grossistnettsteder). Du kan til og med bruke det som et komplett bestillingsskjema på én side, med 'Legg i handlekurv' -knappene direkte i innholdet.

Hvordan lage innhold med WooCommerce Product Table:

  1. Først må du kjøp plugin. Last ned filene og kopier lisensnøkkelen.
  2. Logg på WordPress Dashboard og gå til Plugins> Legg til nytt.
  3. Last opp produktet og aktiver det.
  4. Gå til WooCommerce> Innstillinger> Produkter> Produkttabell, skriv inn lisensnøkkelen og klikk Lagre endringer.
  5. Legg til kortkoden på en hvilken som helst side, post eller widget: [produkttabell]. Dette vil opprette innholdet ditt med en liste over alle WooCommerce-produktene dine.

Hvis du vil endre standardinnholdet, kan du bruke dokumentasjon for å konfigurere kortkoden på mer avanserte måter.

Det er mange alternativer - du kan inkludere eller ekskludere produkter fra bestemte kategorier eller koder, kontrollere hvilke kolonner som vises og hva de kalles, hvilke kolonner som inneholder lenker, endre sorteringsrekkefølgen og mye mer. WooCommerce-produktnettene reagerer automatisk. Du kan bruke dokumentasjonen til å ytterligere kontrollere hvordan innholdet oppfører seg på mobiler.

For eksempel kan du endre brytepunktene og velge hvilke kolonner som prioriteres på små skjermstørrelser.

(Ønsker du å finne den laveste prisen? Vi har den laveste prisen fra leverandørene av dette pluginet, frem til November 2021 - klikk på lenken nedenfor nå for å få den beste prisen).

Besøk WooCoomerce produkttabell

gå Priser - Lag responsive prisdisplayer

gå Priser

gå Priser er det beste WordPress-prisbordsproduktet.

Det er gode gratis pristillegg som Easy Pris Tabeller, men vi må anbefale Go Pricing på grunn av det store antallet innebygde stiler.

Go Pricing brukes på over 24,000 nettsteder og leveres med hele 250 prisdesign å velge mellom. Dette gjør det enkelt å lage iøynefallende prissammenligninger som integreres pent med resten av nettstedet ditt.

Grensesnittet er enkelt å bruke, og du kan forhåndsvise endringene dine før du gjør dem live. Den er kompatibel med populære produkter som Visual Composer og du kan legge til så mange prisdisplayer du vil på nettstedet ditt. Du kan til og med legge til PayPal-knapper direkte i prisene. Prisnettene er fullt responsive, og utvikleren har tenkt nøye gjennom den beste måten å lage fantastiske pristabeller på mobile enheter.

Slik viser du de forskjellige prisnivåene dine med Go Pricing:

  1. Først må du kjøpe gå Priser plugin.
  2. Last ned filene.
  3. Logg på WordPress Dashboard og gå til Plugins> Legg til nytt.
  4. Last opp og aktiver den.
  5. Bruke dokumentasjon for å lage dine priser. Produktet gir flere metoder, for eksempel å importere en av demopriser eller lage dine egne fra bunnen av.

 

Sjekk ut Go Pricing Tables Demo

Hvilket WordPress-bordtillegg vil du bruke?

Vi håper du syntes denne listen over responsive WordPress-pristabelltillegg var nyttige. Vi har prøvd å dekke forskjellige typer produkter, slik at du kan finne den rette løsningen, enten du vil vise statisk informasjon, priser, innlegg, sider, produkter eller noe annet. Sist men ikke minst - vi ville være veldig glade hvis du delte denne artikkelen med favorittgruppene dine for webdesign og med alle som ønsker å legge til denne typen innhold på sitt eget nettsted.

om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...