WordPress-taulukon laajennus: 5 nopeaa tapaa luoda mahtavia ruudukkoja

WordPress-taulukon laajennuksen avulla voit esittää tietoja verkkosivustollasi jäsennetyssä muodossa. Oudolla tavalla WordPressillä ei ole sisäänrakennettua toimintoa tällaisten näyttöjen luomiseen. Voit luoda ne ilman laajennusta kirjoittamalla oman HTML-koodisi, mutta tämä on erittäin hämmentävää ja ylittää useimpien verkkosivustojen omistajien taitotason. Laadukkaan laajennuksen käyttö on paljon helpompaa.

WordPress-taulukon laajennus

WordPress tekee tämän helpoksi, jos käytät oikeaa laajennusta - voit näyttää monimutkaiset tiedot nopeasti visuaalisessa muodossa ilman teknistä tietotaitoa. Parhaat laajennukset ovat mobiililaitteille sopivia, ja niiden avulla voit luoda täysin reagoivia näyttöjä WordPressissä. Tämä on paljon yksinkertaisempaa kuin oman koodin kirjoittaminen. Joidenkin WordPress-reagoivien taulukon laajennusten avulla voit jopa hallita, kuinka rivit ja sarakkeet käyttäytyvät erikokoisilla näytöillä.

Tämä artikkeli CollectiveRay opastaa sinua valitsemaan sinulle sopivan tuotteen. Ensinnäkin autamme sinua valitsemaan oikean tuotteen tarpeidesi mukaan. Annamme sitten yksityiskohtaiset ohjeet sisällön luomiseen eri muodoissa käyttämällä 5 eri vaihtoehtoa.

Lue lisää viestejä WordPress-laajennuksista napsauttamalla yllä olevaa valikkoa.

Mikä WordPress-taulukon laajennus?

Parhaan WordPress-taulukon laajennuksen valitseminen vaatii vähän ajatusta. Siellä on paljon hyviä vaihtoehtoja - sinun on valittava tarpeisiisi parhaiten sopiva vaihtoehto. Kirjoita ensin luettelo kaikista tarvittavista ominaisuuksista. Ajatella:

  • Sisällön tyyppi - Haluatko näyttää staattisia tai dynaamisia tietoja verkkosivustoltasi? Lisätäänkö esimerkiksi tiedot manuaalisesti? Vai haluatko listata viestejä, sivuja tai muita kohteita WordPress-verkkosivustoltasi tai jopa WooCommerce-tuotteita?
  • Reagointikykyä - Onko verkkosivustollasi reagoiva WordPress-teema? Jos verkkosivustosi on reagoiva, tarvitset myös reagoivia ominaisuuksia - muuten ruudukko hajoaa matkapuhelimissa ja pienemmissä näytöissä.
  • Malli - Onko sinulla erityisiä vaatimuksia verkkojen suunnittelulle? Ainakin sinun on varmistettava, että sisältö perii tyylit teemastasi, jotta ruudukon fontit, värit jne. Vastaavat koko verkkosivustoasi. Jotkut WordPress-taulukon laajennukset sisältävät myös ylimääräisiä tyylivaihtoehtoja.
  • Joustavuus - Kuinka paljon haluat hallita rivien ja sarakkeiden toimintaa?
  • HTML-tuki - Täytyykö sinun näyttää ruudukossa alustetut tiedot, kuten lyhytkoodit, kuvakkeet, painikkeet tai linkit?
  • Multimediasisältö - Näytätkö pelkkää tekstiä? Vai haluatko lisätä kuvia, upotettuja ääni- tai videotiedostoja, mediasoittolistoja tai muuta erityistietoa?
  • Laajennusten yhteensopivuus - Pitääkö ruudukon sisällön integroida muihin sivustosi WordPress -laajennuksiin? Haluatko esimerkiksi näyttää muiden laajennusten, kuten WooCommercen tai Tapahtumakalenterin, tiedot ruudukossa? Toimiiko se sivunrakentajien kanssa, kuten Divi tai Elementor?
  • Lisäominaisuudet - Kirjoita luettelo tarvittavista lisäominaisuuksista. Pitääkö tietojen olla lajiteltavissa esimerkiksi napsauttamalla sarakeotsikoita? Tarvitseeko se hakukenttää? Täytyykö sinun lisätä verkkosivustollesi useita ruudukoita vai vain yksi? Jos sinulla on paljon tietoja, tarvitsetko mahdollisuuden jakaa tiedot useille sivuille? Täytyykö sinun lisätä suodattimia näytön yläpuolella olevaan avattavaan luetteloon?

Tämän luettelon avulla voit tarkastella tässä artikkelissa esiteltyjä tuotteita ja valita, mikä niistä sopii verkkosivustollesi.

Mikä reagoiva WordPress-taulukon laajennus?

Parhaat reagoivat WordPress-taulukon laajennukset ovat:

On paljon hyviä tuotteita, joilla on samanlaiset ominaisuudet kuin TablePressillä EasyTable, wpDataTables että Ultimate Tables.

Uskomme kuitenkin, että TablePress on selkeä voittaja, minkä vuoksi tämä on ainoa staattisen ruudukon laajennus, jota esitämme tässä artikkelissa. Muut tämän artikkelin tuotteet toimivat eri tavoin, joten tämä antaa sinulle hyvän valikoiman valita, vaatimuksistasi riippumatta.

TablePress - Näytä staattiset tiedot ruudukossa

TablePress

TablePress on ylivoimaisesti suosituin tuote, joten se ansaitsee olla listalla ensimmäisenä. ilmainen versio on yli 400,000 XNUMX aktiivista käyttäjää.

Jos tarvitset lisää ominaisuuksia, erilaisia premium-laajennukset Ovat saatavilla. On sääli, että TablePressin ilmainen versio ei sisällä reagoivia ominaisuuksia, mutta tämä on saatavana maksullisena lisäosana.

Pienen otteen lisäksi suosittelemme tätä kaikille, jotka haluavat näyttää staattista tietoa ruudukossa. TablePressin avulla verkkosisällön luominen verkkosivustollesi on helppoa. Se tarjoaa yksinkertaisen laskentataulukkotyylisen käyttöliittymän, johon voit syöttää tiedot.

Voit myös tuoda sen Excelistä, jos etsit WordPress - Excel-taulukon laajennusta. Kun olet lisännyt tiedot, TablePress muuntaa ne heti riveiksi ja sarakkeiksi. TablePress perustuu jQuery-tietotaulukot laajennus, joka tarjoaa paljon interaktiivisia toimintoja, kuten hakukentän ja napsautettavat sarakeotsikot.

TablePressin valmistajat ovat laajentaneet sen täysin varustelluksi tuotteeksi, jonka avulla voit tallentaa staattista tietoa käyttäjäystävällisessä näkymässä.

Sisällön alustaminen TablePress-sovelluksella:

  1. Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan Laajennukset> Lisää uusi.
  2. Etsi 'TablePress' ja asenna ja aktivoi se.
  3. Näet uuden 'TablePress' -linkki näkyy WordPress-järjestelmänvalvojan vasemmalla puolella. Napsauta tätä aloittaaksesi näytön luomisen. Voit tehdä tämän seuraamalla yksinkertaisia ​​näytöllä näkyviä ohjeita tai käyttämällä dokumentointi lisätietoja.
  4. Kun olet lisännyt tiedot, voit lisätä tämän mille tahansa sivulle, postaukseen tai widgetiin lisäämällä lyhytkoodin. Tämän tulisi olla muodossa: [taulukon tunnus = /] -Vaihda teksti <-> juuri luomasi sisällön tunnuksella.

Näytön muotoilu otetaan teemastasi aina kun mahdollista, esimerkiksi fonttien ja värien mukaan. Siellä on mukautettu CSS-ruutu, jonka avulla voit lisätä minkä tahansa mukautetun koodin tyylisi lisäämiseksi laajennuksen avulla, mutta useimmat ihmiset eivät tarvitse tätä.

Viestitaulukko, jossa on haku ja lajittelu - Näytä blogiviestit ruudukossa

Viestitaulukko, jossa on haku ja lajittelu

Viestitaulukko, jossa haku ja lajittelu on toinen ilmainen reagoiva WordPress-taulukon laajennus.

Se luo dynaamista sisältöä ilman, että sinun on syötettävä mitään tietoja - erityisesti WordPress-blogiviestejäsi. Se palvelee eri markkinoita staattisen sisällön tuotteille, kuten TablePress, ja on ihanteellinen luomaan hakemiston viesteistä verkkosivustollasi. Se on naurettavan helppokäyttöinen ja paljon yksinkertaisempi kuin blogimerkintöjen manuaalinen luettelointi.

Kuten TablePress, se on WordPress-versio jQuery DataTable -laajennuksesta. Tämä tarkoittaa, että molempien tuotteiden luomat muodot näyttävät melko samanlaisilta ja niillä on samanlaiset interaktiiviset ominaisuudet, kuten haku ja lajittelu. Toisin kuin TablePress, tämän laajennuksen ilmainen versio on kuitenkin täysin reagoiva ja mobiiliystävällinen.

Sisällön luominen Viestitaulukon avulla haulla ja lajittelulla:

  1. Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan Laajennukset> Lisää uusi.
  2. Etsi 'Viestitaulukko, jossa haku ja lajittelu' ja asenna ja aktivoi.
  3. Lisää lyhytkoodi [posts_data_table] mille tahansa sivulle, viestiin tai widgetille.

Ja siinä se! Tuote luo automaattisesti reagoivan ruudukon, jossa luetellaan kaikki blogiviestisi. Se vaatii teemasi tyylin, jotta fontit ja värit sopivat muuhun sivustoosi ja näyttävät ammattimaisilta. Oletussisällöllä on suurin osa tarvitsemistasi ominaisuuksista, kuten hakukenttä, lajiteltavat sarakeotsikot ja mahdollisuus suodattaa luokan tai tagin mukaan. Voit määrittää sisällön edelleen käyttämällä kohdassa olevia asetuksia laajennussivulla. Voit esimerkiksi valita, mitkä sarakkeet näkyvät, kuinka monta viestiä näytetään sivua kohti ennen sivutuspainikkeiden ilmestymistä alareunaan, lajittelujärjestys ja paljon muuta.

Siellä on myös Posts Table Pro -versio, josta keskustelemme myöhemmin.

Viestitaulukko Pro - Näytä viestit, sivut ja mukautetut postityypit ruudukossa

Viestitaulukko Pro WordPress-laajennus

Viestitaulukko Pro on PT: n premium-versio, jossa on haku ja lajittelu.

Se on paljon kehittyneempi kuin ilmainen versio, ja sen avulla voit näyttää erityyppistä sisältöä - ei vain blogiviestejä.

Voit luoda sisältöluettelosivuja verkkosivustoltasi, mediatiedostoistasi tai muusta mukautetusta viestityypistäsi. Jos ajattelet luovasti, kuinka tätä laajennusta voidaan käyttää, olet hämmästynyt luomistasi erityyppisistä ruudukoista.

Tämä johtuu siitä, että mukautettuja postityyppejä käytetään tallentamaan niin monia erityyppisiä tietoja WordPressiin. Käytetäänkö verkkosivustollasi mukautettuja postityyppejä salkkujulkaisujen, suositusten, tapaustutkimusten, äänitiedostojen, asiakirjojen, videoiden, mediasoittolistojen, tapahtumalaajennuksen tapahtumien, verkkokaupan tuotteiden tuotteiden, kiinteistöjen tallentamiseen ominaisuudet tai jotain muuta, voit näyttää nämä tiedot haettavassa, lajiteltavassa ruudukossa.

Tämä tarkoittaa, että tällä tuotteen versiolla on paljon enemmän mahdollisia käyttötarkoituksia kuin ilmaisella laajennuksella. Yleensä suosittelemme, että jos haluat luoda ruudukon, joka näyttää verkkosivustollesi tallennetut tiedot, on parasta tehdä tämä dynaamisesti Posts Table Pron avulla. Monet ihmiset tekevät tämän manuaalisesti käyttämällä staattisia sisältöratkaisuja, kuten TablePress, tajuamatta, että he voivat säästää aikaa tekemällä sen automaattisesti.

Kuinka luoda sisältöä Viestitaulukko Pro:

  1. Ensinnäkin, sinun täytyy osta laajennus. Lataa tiedostot ja kopioi lisenssiavain.
  2. Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan Laajennukset> Lisää uusi.
  3. Lataa tiedostot ja aktivoi se.
  4. Mene WooCommerce> PostsTablePro ja kirjoita lisenssiavain.
  5. Lisää lyhytkoodi mille tahansa sivulle, viestiin tai widgetiin: [viesti_taulukko]. Tuote luo välittömästi reagoivan taulukon, jossa luetellaan kaikki WordPress-viestisi.

Voit käyttää laajennusta dokumentointi määrittää rivit ja sarakkeet - esimerkiksi näyttää sivut tai mukautettu postityyppi tavallisten viestien sijaan.

Tämä kertoo, kuinka voit valita ruudukossa näytettävän viestityypin. Siinä kerrotaan myös, kuinka hallitaan ruudukon eri elementtejä, kuten mitkä sarakkeet näytetään ja oletuslajittelujärjestys, ja kuinka reagoiva sisältö käyttäytyy pienemmissä ruuduissa.

Vaihtoehtoja on paljon ja dokumentaatio on hyvin kattavaa, joten lue se huolellisesti ja suunnittele paras tapa luoda dynaaminen sisältö.

(Jos haluat saada parhaan tarjouksen, klikkaa alla olevaa linkkiä alhaisimpaan hintaan asti marraskuu 2021)

Käy verkkosivustolla ladataksesi Posts Table Pro

WooCommerce-tuotetaulukko - Näytä tuotteet ruudukkonäkymässä

WooCommerce-tuotetaulukko

WooCommerce-tuotetaulukko on PT Pron WooCommerce-kohtainen versio.

Se ansaitsee oman mainintansa WooCommercen suosion vuoksi, koska se on ainoa kohde, jonka avulla voit näyttää tuotteita interaktiivisessa ruudukkotyylisessä näkymässä. Yli 30% KAIKKISTA verkkokauppasivustoista toimii WooCommercellä.

Tämä tarkoittaa, että monien ihmisten on näytettävä WooCommerce-tiedot riveissä ja sarakkeissa, jotta heillä olisi hyvä tapa verrata erilaisia ​​myytäviä tuotteita.

Sen sijaan, että luot WooCommerce-ruudukot manuaalisesti, tämä tuote luo nopeasti reagoivia rivejä ja sarakkeita, jotka sisältävät tietoja tuotteistasi. Se tukee kaikkia tärkeimpiä WooCommerce-tietoja, kuten esillä olevaa kuvaa, tuotenimeä, lyhyt kuvaus, pitkä kuvaus, kategoriat, tunnisteet, varastotila, tuotemääritteet, arvostelut jne. Se sisältää myös multimediasisältöä, kuten upotettuja videoita, ääni- ja soittolistoja.

Voit käyttää tätä laajennusta vaihtoehtona perinteiselle luokkanäkymälle (suosittu online-luetteloiden ja tukkumarkkinoiden sivustoissa). Voit käyttää sitä myös täydellisenä yhden sivun tilauslomakkeena, jossa Lisää ostoskoriin -painikkeet sisältyvät suoraan sisältöön.

Sisällön luominen WooCommerce-tuotetaulukolla:

  1. Ensinnäkin, sinun täytyy osta laajennus. Lataa tiedostot ja kopioi lisenssiavain.
  2. Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan Laajennukset> Lisää uusi.
  3. Lataa tuote ja aktivoi se.
  4. Mene WooCommerce> Asetukset> Tuotteet> Tuotetaulukko, kirjoita lisenssiavain ja napsauta Tallenna muutokset.
  5. Lisää lyhytkoodi mille tahansa sivulle, viestiin tai widgetiin: [tuotetaulukko]. Tämä luo sisältösi, jossa luetellaan kaikki WooCommerce-tuotteesi.

Jos haluat muuttaa oletussisältöä, voit käyttää dokumentointi määrittää lyhytkoodi edistyneemmillä tavoilla.

Vaihtoehtoja on paljon - voit sisällyttää tai sulkea pois tuotteita tietyistä luokista tai tunnisteista, hallita mitä sarakkeita näytetään ja miten niitä kutsutaan, mitkä sarakkeet sisältävät linkkejä, muuttaa lajittelujärjestystä ja paljon muuta. WooCommerce-tuoteruudukot reagoivat automaattisesti. Asiakirjojen avulla voit hallita tarkemmin sisällön käyttäytymistä matkapuhelimissa.

Voit esimerkiksi muuttaa katkaisupisteitä ja valita, mitkä sarakkeet ovat etusijalla pienillä ruuduilla.

(Etsitkö alhaisinta hintaa? Meillä on alin hinta tämän laajennuksen toimittajilta, asti marraskuu 2021 - napsauta alla olevaa linkkiä saadaksesi parhaan hinnan).

Käy WooCoomercen tuotetaulukossa

Mene hinnoitteluun - Luo reagoiva hinnoittelunäyttö

Mene hinnoitteluun

Mene hinnoitteluun on paras WordPress-hintataulukotuote.

On olemassa hyviä ilmaisia ​​hinnoittelulaajennuksia, kuten Helppo hinnoittelu taulukot, mutta meidän on suositeltava Go Pricing -ohjelmaa, koska sisäänrakennettuja tyylejä on paljon.

Go-hinnoittelua käytetään yli 24,000 250 verkkosivustolla, ja sen mukana on valtavan XNUMX hinnoittelumallia. Tämän avulla on helppo luoda huomiota herättäviä hintavertailuja, jotka integroituvat hienosti muuhun verkkosivustoosi.

Käyttöliittymää on helppo käyttää, ja voit esikatsella muutoksia ennen niiden tekemistä. Se on yhteensopiva suosittujen tuotteiden, kuten Visuaalinen säveltäjä ja voit lisätä verkkosivustollesi niin monta hinnoittelunäyttöä kuin haluat. Voit jopa lisätä PayPal-painikkeita suoraan hinnoitteluun. Hinnoitteluruudukot ovat täysin reagoivia, ja kehittäjä on miettinyt huolellisesti parhaan tavan luoda upeita hintataulukoita mobiililaitteille.

Kuinka näyttää erilaisia ​​hinnoittelutasoja Go Pricing -palvelun avulla:

  1. Ensin sinun on ostettava Mene hinnoitteluun plugin.
  2. Lataa tiedostot.
  3. Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan Laajennukset> Lisää uusi.
  4. Lataa ja aktivoi se.
  5. Käytä dokumentointi luoda hinnoittelu. Tuote tarjoaa useita tapoja, kuten yhden demohinnoittelumallin tuominen tai oman luominen tyhjästä.

 

Tutustu Go hinnoittelupöytien esittelyyn

Mitä WordPress-taulukon laajennusta käytät?

Toivomme, että pidit tämän luettelon reagoivista WordPress-hintataulukko-laajennuksista hyödyllisiä. Olemme yrittäneet käsitellä erityyppisiä tuotteita, jotta löydät oikean ratkaisun, haluatko näyttää staattista tietoa, hinnoittelua, viestejä, sivuja, tuotteita tai jotain muuta. Viimeisenä mutta ei vähäisimpänä - olisimme todella iloisia, jos jaat tämän artikkelin suosikkisivustojesi kanssa ja kenenkään kanssa, joka haluaa lisätä tämän tyyppistä sisältöä omalle verkkosivustolleen.

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...