Kasulikud saididÕpetusedPistikprogrammid

Kuidas WordPressis statistikatabeleid luua

Viimati uuendatud nov. 8, 2022

Statistikatabelid on tavaliselt igavad. Selle ilmse tõe eest ei saa kuidagi peitu pugeda. Kuid see tähendab ainult, et arenguruumi on.

Kui soovite statistikatabelit, mida on lihtne analüüsida ja lugeda, saate selle luua WordPressis. Sel viisil saate seda kohandada, et saada moodne, kuid puhas välimus. Seejärel saate selle veebis avaldada ja oma lugejatega jagada.

Tööriist, mida selle kõige teoks tegemiseks vajate, on wpDataTables, WordPressi tabeli pistikprogramm number 1, mida saate statistiliste tabelite loomiseks kasutada.

Meie pistikprogrammil on mõned funktsioonid, mida saate kasutada olenevalt teie andmeallikast.

Kui teil on vaja tabel nullist luua, soovitame tabeli luua käsitsi. See on wpDataTablesi üks levinumaid kasutusviise: tabelite loomine ja nende täitmine WordPressi administraatoripaneelilt võetud andmetega, ilma juurdepääsuta või olemasolevale andmeallikale (Excel, CSV, Google Spreadsheet, JSON, XML, MySQL DB jne).

Kui aga soovite luua tabeli teatud andmeallikast, võivad need juhendid aidata teil wpDataTablesiga alustada.

Liigume nüüd edasi ja ütleme, et teil on statistikatabelis palju veerge, mida soovite oma veebisaidil esitada. Ilmselgelt tundub see pisut rahvarohke. Üks lahendus, mida saate kasutada, on mõned veerud peita, et see lehel hea välja näeks.

Selleks saate kasutada põhidetailide tabeleid, lisandmoodulit, mis võimaldab kuvada peidetud veerge ühe klõpsuga, et see parandaks teie lehe kasutuskogemust.

Näites, mida teile näidatakse, loome statistilise tabeli andmetest, mis meil on MySQL-i andmebaasi tabelis. Me kontrollime oma tabelit eelnevalt phpMyAdminis ja see näeb välja järgmine:

Nüüd kasutame wpDataTables tabeliviisardi teist valikut (olemasoleva andmeallikaga lingitud andmetabeli loomine) ja valime andmeallikaks SQL-päringu.

SQL-redaktorisse sisestame päringu, et kuvada kõik selle tabeli veerud:


SELECT * FROM statistics_table

Seejärel klõpsame nuppu "Salvesta muudatused" ja tabel luuakse.

Üksikasjalikud juhised selle protsessi kohta leiate meie MySQL-põhiste wpDatatabelite loomise dokumentidest .

Vahemärkusena võib öelda, et kui teil pole phpMyAdmini või muu sarnase kaudu juurdepääsu oma andmebaasile või te pole lihtsalt päringute loomisega tuttav, võite kasutada wpDataTablesi sisseehitatud WPDB päringukonstruktorit.

Sellel on graafiline kasutajaliides, mis võimaldab teil valida vajalikud tabelid ja veerud ning genereerib päringu ja eelvaate. Saate päringut vastavalt vajadusele muuta ja muudetud päringu põhjal luua wpDataTable.

Üksikasjalikud juhised selle kohta leiate meie dokumentidest: MySQL-päringupõhise tabeli loomine andmebaasi päringu esitamise teel.

Olgu, jätkame statistiliste tabelite loomise juhistega.

Nüüd peame tabelit veidi kohandama, näiteks peitma veeru wdt_ID, lülitama sisse reageerimissuvandi ja määrama kõik veerud peidetuks mobiilseadmetes ja tahvelarvutites, välja arvatud veerg Üksus ja kasum.

Veergude Tulu, Kulu ja Kasum jaoks saate kasutada lahtri värvi kohandamist tingimusvorminguga.

Tulu veeru jaoks määrame kaks tingimust.

1) kui lahtri väärtused on suuremad kui null, siis määrake lahtri värviks #0083c2

2) kui lahtri väärtused on suuremad kui null, siis määrake lahtri CSS-klassiks valge tekst.

Seejärel loome need klassid tabeliseadete vahekaardi „Kohandatud" väljale „Kohandatud CSS” järgmiselt:


.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}

Kus .wpDataTable-1 number 1 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma.

Teeme sama veeru Kulu puhul, välja arvatud juhul, kui määrame tingimuse väärtuse värviks punase (#D9534F)

Ja ka veeru Kasum jaoks, välja arvatud asjaolu, et määrame tingimuse väärtuse värviks rohelise (#5CB85C)

Kõigis kolmes veerus (tulu, kulu ja kasum) on meie lahtri eesliide valuutaks $ ja iga veeru veergude seadete vahekaardil Kuva on suvand „Cell content prefix”.

Kui soovite selle kohta rohkem teada saada, vaadake meie dokumente valuuta, protsentide ja muude veergude kohta .

Ja see ongi kõik!

Jah, see on nii lihtne.

Tabel on teie postituses või lehtedel avaldamiseks valmis. Nüüd peate seda tegema, et see kuvataks teie lehtedel esiotsas. Nagu kõigi muude pistikprogrammide puhul, kasutame kasutajate lehtedel või postitustel tabelite kuvamiseks lühikoode.

Lühikoodide lisamine on lihtne, eriti kui kasutate populaarseid lehtede koostajaid, nagu Elementor, WP Bakery või Gutenberg.

Muide, kui vajate oma statistiliste tabelite jaoks rohkem funktsioone, võite vaadata järgmisi juhendeid, mis aitavad.

Saate wpDataTables abil oma statistikatabeleid hõlpsalt kohandada.

Olgu, nüüd peame näitama olemasolevaid andmeid diagrammidena.

Loome sektordiagrammi. Selle jaoks kasutame Highchartsi teeki. Sõltuvalt teie eelistustest on ka kaks muud valikut: Google Charts ja Chartjs.

Pärast lihtsa diagrammi seadistamist saate oma statistilistest andmetest kaunid diagrammid.

Näete, et kui teete seda, kuvab wpDataTables võimalike diagrammitüüpide loendi, mis sõltub teie kasutatavast diagrammimootorist.

Kui jõuame sammuni „Andmeallikas”, peame määratlema statistilise tabeli, mille oleme selle diagrammi andmeallikana kasutanud.

Nüüd, kui oleme etapil „Andmevahemik”, peame esitama diagrammi andmevahemiku.

Selleks pukseerime lihtsalt vajalikud veerud või kasutame lihtsalt noolenuppe. Valisime veerud Artiklid ja Tulu. Selles etapis määrame ka suvandi Jälgi tabeli filtreerimist, et pärast tabeli sortimist ja filtreerimist oleks dünaamilised diagrammid.

Tuleb meeles pidada, et rakenduses wpDataCharts saate kasutada ainult ühte stringi tüüpi veergu (string, kuupäev, e-post), samas kui kõik ülejäänud peavad olema täisarvud või ujukite veerud.

Järgmine samm, mille peame tegema, on "Vormindamine ja eelvaade". Tehtud muudatused on koheselt nähtavad diagrammil, mis kuvatakse ekraani paremas servas.

Vormindamise etapp on jagatud kategooriateks, mis esindavad erinevaid diagrammi elemente.

Siin saame graafikuid vastavalt vajadusele kohandada. Saame määrata tundliku laiuse, rühmitamise, erinevad paigutuse kohandamisvalikud, tööriistavihjed, eksportimine ja palju muud. Kui oleme lõpetanud, klõpsake nuppu "Salvesta diagramm".

Viimane samm on "Salvesta ja hanki lühikood", kus teie diagramm on valmis. Kõik, mida pead tegema, on kopeerida see lühikood ja sisestada see samale lehele või postitusele, kuhu sisestasite statistilise tabeli.

Loome Highcharti teegiga uuesti teise diagrammi. Seekord valime virnastatud ala diagrammi tüübi.

Etapil „Andmeallikas” määratleme statistikatabeli samamoodi nagu sektordiagrammi puhul.

Sammus „Andmevahemik” valime veerud Üksused, Tulu, Kulud ja Kasum.

Samuti on sisse lülitatud valik „Jälgi tabeli filtreerimist”.

Etapil „Vormindamine ja eelvaade” määrame sellised valikud nagu tundlik laius, rühmitusdiagramm, seeriavärvid, kuid saate selle oma vajaduste järgi erinevalt määrata.

Viimases etapis „Salvesta ja hanki lühikood” kopeerime lühikoodi samamoodi nagu sektordiagrammi puhul ja seejärel sisestame selle samale lehele, kuhu sisestasime statistikatabeli.

Ja sellega asi piirdubki. See on kõik, mis on statistiliste tabelite ja nendega kaasas olevate diagrammidega.

Kuigi statistiliste tabelite loomine võib olla üle jõu käiv ülesanne, on nende loomine wpDataTablesiga üsna lihtne, nagu olete sellest artiklist näinud.

Kui järgite selles artiklis näidatud samme, loote oma lehel või postituses automaatselt kohanduvad statistilised tabelid ja diagrammid, mis on ühendatud. See tähendab, et kui teie kasutajad teie tabeleid filtreerivad või sorteerivad, värskendatakse ka diagramme.

: wpdatatables.com