Kai paskutinį kartą bandžiau į savo "WordPress" tinklaraštį įtraukti lentelę, galiausiai jos atsisakiau ir vietoj jos naudojau punktų sąrašą.

Skamba pažįstamai?

Tiek daug nuostabių "WordPress" temų turi galimybę kurti puikiai atrodančias lenteles. Ir, žinoma, iš pradžių jos gali atrodyti gerai, bet su jomis daug ko nepadarysite.

Norite filtruojamų duomenų? Ne.

Norite, kad lentelė būtų pritaikyta mobiliesiems įrenginiams? Ne.

Norite importuoti duomenis iš CSV? Jokių galimybių.

Štai gera žinia:

Naudodami tinkamą įskiepį galite sukurti labai funkcionalias dinamines lenteles. Tokias, kurios leidžia rodyti filtruojamus duomenis.

Kartu su grafikais ir kitais duomenimis.

Skamba gerai? Pažvelkime, kaip tai galima padaryti su wpDataTables.

Pastaba: Nors ši pamoka skirta interaktyviosioms lentelėms, jums gali būti naudinga mūsų pamoka apie mobiliųjų įrenginių lentelių kūrimą naudojant wpDataTables. Spustelėkite čia, kad ją peržiūrėtumėte. Šioje naujoje pamokoje atsižvelgiama į atnaujintą naudotojo sąsają ir papildomas funkcijas, neseniai išleistas wpDataTables.

Šis įskiepis leidžia kurti gražias lenteles be jokių HTML žinių

"wpDataTables" yra aukščiausios kokybės "WordPress" įskiepis, kuris palengvina lentelių kūrimo ir skelbimo jūsų svetainėje procesą. Jis lengvas, intuityvus ir atlieka darbą per kelias minutes, todėl turite mažiau kodo ir daugiau laiko tinklaraščiui.

Vienas iš svarbiausių šio įskiepio aspektų yra tai, kad nereikia jokių išankstinių HTML žinių Viskas atliekama lengvai naudojamame nustatymų puslapyje. Norint paskelbti, tereikia nukopijuoti ir įklijuoti trumpąjį kodą ir galite pradėti.

Tinklaraštininkams ir įmonėms tai puiki žinia, nes taip galima glaustai ir patogiai pateikti daugybę duomenų.

Jį netgi galite naudoti:

• Produktų katalogas
• Produktų palyginimo lentelės
• Kainoraščiai
• Duomenų rinkimas iš naudotojų
• Sporto rezultatai
• stebėkite savo pažangą, jei norite stebėti viską, kas susiję su skaičiais (pvz., tinklaraščio pajamų ataskaita).

Galimybių yra begalė.

Lentelės kūrimas nuo pradžios iki pabaigos: žingsnis po žingsnio vadovas

Naudoti wpDataTables įskiepį gražioms, aiškioms ir funkcionaliai veikiančioms lentelėms "WordPress" svetainėje kurti yra paprasta.

Štai kaip pradėti:

1 žingsnis - paruoškite failą

Toliau sukūriau "Excel" dokumento pavyzdį, skirtą kelioms atsitiktinėms išlaidoms. Į jį įtraukti keli stulpeliai, pavyzdžiui, data, mokėjimo būdas ir išlaidos.

Įsitikinkite, kad jūsų duomenys rodomi panašiai, kitaip įskiepiui bus sunku nustatyti lentelės stulpelius.

2 veiksmas - sukurkite naują lentelę

Pereikite į wpDataTables kairėje "WordPress" prietaisų skydelio pusėje.

Spustelėję šią nuorodą pateksite į pirmiau pateiktą ekraną. Čia sukursite ir pridėsite naują lentelę:

Spustelėję mygtuką "Add New" (Pridėti naują), pamatysite šį ekraną. Čia pradėsite nustatinėti savo lentelės parametrus, kad ji veiktų ir atrodytų taip, kaip norite:

3 žingsnis - apibrėžkite stalo funkcijas

Pirmuose trijuose lentelės sąrankos puslapio skirsniuose galite atlikti šiuos veiksmus:

• Sukurti pavadinimą
• Pasirinkite, ar norite, kad puslapyje būtų rodomas lentelės pavadinimas.
• Pasirinkite savo stalo įvesties šaltinio tipą

Tai patys pagrindiniai stalo serviravimo būdai.

Spustelėkite "Įkelti failą" ir ieškokite savo dokumento. Lentelės, kurias galite sukurti, gali būti tokios sudėtingos, kokių jums reikia.

Kaip matote, savo lentelei suteikiau atitinkamą pavadinimą, išskleidžiamajame lange pasirinkau "Excel" failo tipą ir įkėliau failą į "WordPress".

Toliau puslapyje rasite daugiau nustatymų, kuriais galėsite pritaikyti lentelę:

Tai:

• "Responsive" - Leidžia skirtingai rodyti lentelę staliniuose kompiuteriuose, planšetiniuose kompiuteriuose ir mobiliuosiuose telefonuose
• Slenkantis - Galimybė slinkti lentelę horizontaliai
• Paslėpti lentelę, kol puslapis bus visiškai įkeltas - Naudinga lėtai kraunamiems puslapiams
• Išplėstinis filtravimas - Filtro rodymui po kiekvienu stulpeliu
• Formos filtras - Filtrui pačioje formoje
• Stalo įrankiai - Tokios parinktys, kaip kopijavimas, išsaugojimas "Excel" ir išsaugojimas CSV, įterptos į formą.
• Įjungti rūšiavimą - Taip galite rūšiuoti lenteles
• Ribinis lentelės išdėstymas - Apriboti lentelės plotį iki 100 % pagrindinio konteinerio pločio
• Ekrano ilgis - Nustatykite, kiek įrašų bus rodoma puslapyje

Spustelėję "Peržiūrėti" galite peržiūrėti lentelę ir pakeisti visus nustatymus, kurie, jūsų manymu, yra būtini, kad ji atrodytų taip, kaip jums reikia.

Pasirinkę parinktis, geriausiai atitinkančias norimą rodyti lentelės tipą, spauskite mygtuką "Išsaugoti".

Jei norite dar labiau pritaikyti stulpelius, spustelėję "Išsaugoti", galėsite slinkti puslapiu žemyn ir rasti daugiau parinkčių. Numatytieji nustatymai sukuriami automatiškai, tačiau naudodamiesi jais galite keisti kiekvieno stulpelio spalvą, stulpelį ir filtro tipą (pvz., datą, laiką ir tekstą).

Toliau pridėjau keletą spalvų ir pakeičiau stulpelių tipus į tekstą, skaičių ir eilutę.

4 žingsnis - Išsaugokite ir nukopijuokite trumpąjį kodą

Išsaugoję lentelę, spustelėkite "Uždaryti" ir ji nukreips jus atgal į įskiepio pagrindinį puslapį. Dabar turėtumėte matyti savo sukurtą lentelę, lentelės pavadinimą ir tipą, trumpąjį kodą, skirtą įvesti į savo įrašą ar puslapį, ir galimybę jį dubliuoti.

Šią lentelę noriu rodyti puslapyje, todėl turėčiau nukopijuoti trumpąjį kodą ir tada pereiti į puslapį, kurį noriu redaguoti.

5 veiksmas - Pridėti trumpąjį kodą į įrašą arba puslapį

Norėdami pridėti lentelę prie puslapio, į puslapio redaktorių paprasčiausiai įklijuokite trumpąjį kodą. Pasirinkite, kurioje puslapio vietoje norite rodyti lentelę, įklijuokite kodą ir toliau kurkite turinį:

6 veiksmas - Paskelbti

Paspaudę puslapio skelbimo mygtuką, jūsų lentelė turėtų atrodyti maždaug taip. Kaip matote, ji aiški, nuosekli, puikiai išlyginta ir joje visi mano duomenys saugomi taip, kad būtų lengva naršyti:

Lentelės viršuje esančios parinktys leis naudotojams eksportuoti lentelės turinį įvairiais formatais. Rezultatus taip pat galite lengvai filtruoti priekinėje svetainės dalyje.

Kokias dar lenteles galite sukurti?

Tačiau neapsiribokite vien paprastomis CSV lentelėmis. WP duomenų lentelėse galima rodyti įvairius duomenis įvairiais formatais.

Štai visiškai veikiančios, reaguojančios ir redaguojamos lentelės su keliais stulpeliais ir parinktimis pavyzdys.

Ši lentelė yra "MySQL" pagrįsta filtrais, kuriais galima rūšiuoti turinį pagal naudotojo poreikius:

Ši PHP masyvu pagrįsta lentelė yra serializuota ir apima paveikslėlius - tai suteikia visai kitokios dinamikos ir funkcijų, kurios daugeliui el. parduotuvių būtų ypač naudingos:

Neapsiribojate vien CSV failais. "WP Data Tables" taip pat leidžia naudoti "Excel" pagrindu sukurtus failus, todėl galite naudotis daugeliu specifinių su šia programa susijusių funkcijų:

Kitos wpDataTable funkcijos, kurias verta paminėti

• wpDataChart vedlys - Leidžia keliais paprastais veiksmais paversti duomenis grafiku ar diagrama. Šiuo metu palaiko 3 atvaizdavimo variklius: "Google Charts", "Highcharts" ir Chart.js. Daugiau dokumentų rasite čia.
• Sąlyginis formatavimas - Leidžia paryškinti ląsteles, eilutes ir stulpelius pagal jų turinį. Tai ypač naudinga, jei lentelė visiškai skaitinė. Daugiau dokumentacijos rasite čia.
• Formulės stulpeliai - Suteikia galimybę pridėti stulpelį, kuriame galima apskaičiuoti skaičių pagal kituose langeliuose nurodytus skaičius. Daugiau dokumentų rasite čia.
• Datų laiko stulpeliai - Naudojama ląstelėms, kuriose yra ir datos, ir laikai. Jie automatiškai bus rodomi formatu, kurį nustatėte nustatymų puslapyje. Daugiau dokumentų rasite čia.
• Sumų ir (arba) galutinių sumų eilutė - Naudojamas skaitiniams stulpeliams, jis leidžia apskaičiuoti visų reikšmių sumą. Daugiau dokumentų rasite čia.
• Ataskaitų kūrėjas - Tai wpDataTables priedas. "Report Builder" akimirksniu sukuria dokumentus ir skaičiuokles, užpildydamas šablonus faktiniais jūsų "WordPress" svetainės duomenimis. Daugiau dokumentacijos rasite čia.
• Pagrindinės-detalinės lentelės - Tai wpDataTables papildinys, kuris leidžia jums ir jūsų svetainės lankytojams pamatyti kiekvienos eilutės informaciją vienu paspaudimu. Daugiau dokumentacijos rasite čia.

Galutinės mintys

Lentelės yra puikus būdas rodyti duomenis. O jei pridėsite dinaminių funkcijų, pvz., filtravimo, svetainės lankytojams bus daug geriau.

Aš jums papasakojau, kaip sukurti dinaminę lentelę "WordPress" įkeliant duomenis iš "Microsoft Excel" (arba naudojant bet kurį kitą skaičiuoklės įrankį). Tačiau įmanoma daug daugiau.

Galite net paversti bet kurias lenteles diagramomis, grafikais ir dar daugiau.

Dabar metas pradėti kurti savo stalą - mėgaukitės!

Susijęs skaitymas: 5 galingi ir į mobiliuosius įrenginius reaguojantys "WordPress" lentelės įskiepiai.

Informacijos atskleidimas: Šis pranešimas yra remiamas, bet mūsų nuomonė yra mūsų pačių.