Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)
Olete kindlasti Internetis ilmatabelit näinud, kuid kas olete kunagi proovinud seda koostada?
Kindlasti näib see kohutav kogemus kõigi andmete ja tingimusvorminguga, mida peaksite tabeli lahtritesse lisama.
Kas teate, kuidas öeldakse, et pole olemas halba ilma, on ainult sobimatu riietus?
Sama kehtib ka ilmatabeli ehitamise kohta. Kui te ei saa seda luua, tähendab see, et teil pole selle töö jaoks õigeid tööriistu.
Selles artiklis käsitlen ilmatabeli loomist wpDataTablesiga, mis on WordPressi pistikprogramm #1 tabelite ja diagrammide loomiseks.
Millise ilmatabeli saame luua? Noh, midagi sellist:
Jah, see on tõesti pikk ekraanipilt. Dünaamilist ilmatabelit saad vaadata siit.
Varem esitatud ilmatabeli loomiseks on teil sõltuvalt lähteandmetest vähe võimalusi.
1 Tabeli loomine nullist
Kui teil pole andmeallikat, saate luua ilmatabeli nullist valikuga "Tabelite käsitsi loomine", kuhu sisestate andmed käsitsi.
Andmetabeli käsitsi loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel, valige kolmas valik "Loo tabel käsitsi" ja klõpsake nuppu "Järgmine".
Teile näidatakse viisardi sammu, mis aitab teil luua tabelistruktuuri, kus saate luua 14 veergu: Periood, Aasta ja kõik muud on kuude nimed (jaan, veebruar…). Perioodi veergude jaoks jätate veeru tüübiks "Üherealine string" ja kõigi teiste jaoks määrate veeru tüübi "Täisarv" .
Kui olete tabeli seadistamise lõpetanud, klõpsake nuppu "Loo tabel". Avaneb rippmenüü valikutega „Ava standardredaktoris" või „Ava Exceli-laadses redaktoris” ja ongi kõik. Tabeli struktuur luuakse. Nüüd sisestate oma andmed tavalise redaktori või Exceli-laadse redaktori kaudu .
2 Tabeli loomine andmeallikast
Kui teil on andmeid mõnes andmeallikas (nt Excel, CSV, JSON, Google’i arvutustabel, XML, PHP Serialized array) või andmebaasi tabelis (SQL-i allikas), kasutate tabeliviisardi teist valikut.
Olemasoleva andmeallikaga lingitud andmetabeli loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel, valige teine valik "Loo olemasoleva andmeallikaga lingitud andmetabel". ja klõpsake nuppu "Järgmine".
Sõltuvalt teie allikast järgite juhiseid:
Selle tabeli jaoks kasutame andmeallikana CSV-d, mille saate alla laadida siit. Valite "Sisendandmeallika tüübiks" CSV ja seejärel leiate selle nupu Sirvi kaudu
allikas, mille olete varem oma serverisse alla laadinud ja üles laadinud. Klõpsake nuppu Salvesta muudatused, nii et wpDataTables loeb teie üleslaaditud CSV-faili ja tabel luuakse.
Pärast tabeli loomist saate mis tahes kahest valikust oma WordPressi tabelit vastavalt vajadusele kohandada ja konfigureerida .
Meie puhul lülitame esmalt sisse valiku „Kuva filtrid tabeli kohal oleval vormil ” tabeli seadete vahekaardil „ Sortimine ja filtreerimine ” ning seejärel konfigureerime iga veeru jaoks täpsemad filtrid . Veeru Periood jaoks määrame kõigi teiste veergude jaoks „Vali kasti filter” ja „Numbrifilter”.
Seejärel lülitame tabeli seadete vahekaardil „Kuva” sisse valiku „Reageerimine” ja peidame igas veeru seadetes kõik tahvelarvutite ja mobiilseadmete veerud „Kuu” või kiiremini tabeli kohal asuvas nupus Veergude loend .
Tabeliandmete värvi kohandamiseks kasutame tingimusvormingut. Esimese veeru jaoks seadsime tingimuse, et kui lahter sisaldab 2, siis "Määra lahtri CSS klass " väärtuseks "sini-valge tekst".
Seejärel loome need klassid tabeliseadete vahekaardi Kohanda väljale Kohandatud CSS :
.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.blue{ background-color: #0083c2 !important;}
.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}
Nagu nii:
Kus .wpDataTable-1 number 1 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma
Kõigi muude veergude jaoks seame samad tingimused erinevate värvide määramiseks, lähtudes tabeli Max Temperature väärtusest.
Teise tabeli “Madal temperatuur” puhul kasutame sama lähenemisviisi, mis tabeli “Temperature Maximus” puhul, välja arvatud tingimusvormingu tingimused. Kuna see on temperatuuri madalam väärtus, kasutame neid tingimusi.
Seejärel loome need klassid tabeliseadete vahekaardi Kohanda väljale Kohandatud CSS :
.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.white-text{ color: #FFFFFF !important;}
.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.black-text{ color: #000000 !important;}
Kus .wpDataTable2-s number 2 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma.
See on kõik!
Nüüd peate oma lehtedel esiotsa ilmuma. Nagu kõigi teiste pistikprogrammide puhul, kasutame kasutajate lehtedel või postitustes tabelite kuvamiseks lühikoode. Lühikoodide lisamine on väga lihtne, eriti kui kasutate populaarseid lehtede koostajaid, nagu Elementor, WP Bakery või Gutenberg.
Rohkem tabelistiile saate luua rakendusega wpDataTables
Kas olete huvitatud enamast kui lihtsalt ilmatabelite loomisest?
Peate vaatama mõnda muud tabelit esitlemise jaotisest.
Statistikatabelid diagrammidega
WpDataTablesi kasutatakse statistiliste andmete graafilise esituse genereerimiseks diagrammidena.
Krüptovaluutade reitingutabel
Selles näites järjestatakse krüptovaluutad tabelis, kasutades wpDataTables. Saate seda tüüpi krüptotabeli oma saidile lisada mõne näpunäite abil.
Sülearvutite veebikataloog
Seda tabelit saab kasutada toodete võrdlemiseks. Näiteks kui teil on veebisait, kus esitlete ja reklaamite tooteid, võib tabelis kuvada kõige populaarsemate toodete omadused.
Finantsaruanded
Pistikprogrammi kasutatakse tabeli loomiseks, mis näitab finantsandmeid riigiti. Ilmselgelt saab seda kohandada erinevat tüüpi finantsandmete esitamiseks.
Raamatute kataloog
See tabelistiil sobib hästi sidusettevõtte saidi või veebipõhise raamatupoe jaoks.
Investeerimisfondid
wpDataTables saab luua investeerimisfondide loendi, mis on sorteeritud jõudluse järgi.
Juhtide kataloog
wpDataTables kasutatakse draiveri konfiguratsiooni kuvamiseks.
Liituge kogukonnaga wpDataTables
Kui töötate tabelitega, on siin mõned põhjused, miks wpDataTablesi litsents teie vajadustele sobib.
- See muudab tabelite ja diagrammidega töötamise lihtsaks.
- wpDataTables on ülemaailmselt enimmüüdud WordPressi tabelipistikprogramm, millel on sageli välja antud värskendused ja suurepärane klienditugi.
- Juba enam kui 40 000 rahulolevat ettevõtet ja eraisikut kasutab wpDataTablesi.
- Seda kasutatakse finants-, teadus-, statistika-, äri- ja muudes andmehaldusrakendustes.
Selle abil saate luua reageerivaid WordPressi tabeleid ja diagramme
Pistikprogrammi wpDataTables abil loodud tabelid on olemuslikud ja täielikult reageerivad. Platvormide või seadmetüüpide osas pole piiranguid.
Saate luua suuri tabeleid
Suured lauad pole probleemiks. wpDataTables käsitleb miljonite ridadega tabeleid kiiresti ja usaldusväärselt. MySQL-server töötleb kõiki toiminguid.
Täpsemad filtrid ja otsinguvalikud
Andmestiku jaoks saab välja töötada individuaalsed filtrid. See on väga kasulik WordPressi tabeli andmete kitsendamiseks.
Redigeeritavus
wpDataTablesil on võimalus muuta see redigeeritavaks. WordPressi tabelite sisu saab seega redigeerida tekstisiseselt või genereeritud kujul.
Lahtri esiletõstmine
Meie WordPressi tabelite pistikprogrammil on Exceli tingimusvorminguga sarnane funktsioon. Sõltuvalt nende sisust saate esile tõsta veerge, ridu või üksikuid lahtreid.
Palju diagrammivalikuid
WordPressi tabelites olevaid andmeid saab kasutada WordPressi diagrammide loomiseks. Nende graafikute koostamiseks kasutatakse kolme võimsat mootorit, mida uuendatakse reaalajas.
Mõned arvustused, mida oleme aastate jooksul saanud
wpDataTables lahendab iga päev edukalt erinevaid ülesandeid enam kui 40 000 kliendi jaoks. See hõlmab andmebaasidega suhtlemist, äriaruandeid, katalooge, teaduslikke armatuurlaudu ja palju muud.
wpDataTables on olnud meie jaoks suurepärane lahendus! Pistikprogrammi võimalused avaldasid meile juba karbist võttes väga muljet. TMS-pluginad tegid meiega koostööd, et kohandada seda just meie vajadustele vastavaks. Kohandused võimaldasid meil luua klientidele intuitiivse liidese andmete sisestamiseks ja redigeerimiseks. Klienditugi ja reageerimisvõime on ületamatud. wpDataTables on lihtsalt suurepärane toode.
-Sara Woodmansee, USA. Fotograaf ja geokaardistamine ettevõttes Geo1 / Aerial Filmworks
Veebiarendaja ja kliendi vaatenurgast on wpDataTables üks parimaid pistikprogramme, millega kokku puutusin. Mitte ainult hind on hea, vaid ka funktsionaalsus on täiuslik. Äärmiselt lihtne kasutada ja väga hästi disainitud. Sellel on palju funktsioone, mis sobivad kõigile, alates algajatest kuni edasijõudnuteni. Pistikprogrammi täiendavad videod on paljude näidetega põhjalikult selgitatud. Ma ei suuda piisavalt rõhutada, kui palju see minu veebiarendust lihtsamaks ja lahedamaks muutis.
– Nordine Benhamari, Suurbritannia. Veebiarendaja, Thaneti vabatahtlike büroo andmebaaside kujundaja
Kui teile meeldis lugeda seda ilmatabelite loomise artiklit, peaksite seda WordPressi tabeligeneraatori pistikprogrammide kohta vaatama.
Kirjutasime ka mõnest seotud teemast, nagu DataTablesi alternatiiv, JavaScripti tabeliteek, WordPressi tabelipluginad, kuidas WordPressis tabelit ilma pistikprogrammita luua, kuidas WordPressi tabelit lisada ja WordPressi hinnatabeli pistikprogrammid.