Millist soojuskaardi tabelit saame luua? Noh, midagi sellist nagu see n\u00e4ide allpool:<\/p>\n
Jah, see on t\u00f5esti pikk ekraanipilt. D\u00fcnaamilise soojuskaardi tabelit saad vaadata siit<\/a>.<\/p>\n Enda v\u00f5i teie k\u00fclastajate jaoks soojuskaardi tabeli loomiseks andmete v\u00e4\u00e4rtuste h\u00f5lpsamaks v\u00f5rdlemiseks on teil s\u00f5ltuvalt l\u00e4hteandmetest v\u00e4he valikuid.<\/p>\n Kuid enne \u00f5petuse juurde suundumist tahtsin teile teada anda, et selles artiklis on kaks jaotist, mille juurde saate otse h\u00fcpata.<\/p>\n Kui teil pole andmeallikat, saate oma soojuskaardi tabeli nullist luua valikuga "Tabelite k\u00e4sitsi loomine"<\/a>, kuhu sisestate andmev\u00e4\u00e4rtused k\u00e4sitsi.<\/p>\n Andmetabeli k\u00e4sitsi loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel<\/strong>, valige kolmas valik \u00a0"Loo tabel k\u00e4sitsi"<\/strong> ja kl\u00f5psake nuppu "J\u00e4rgmine"<\/strong>.<\/p>\n Teile n\u00e4idatakse viisardi sammu, mis aitab teil luua tabelistruktuuri, kus saate luua 14 veergu: Periood, Aasta ja k\u00f5ik muud on kuude nimed (jaan, veebruar\u2026). Perioodi veergude jaoks j\u00e4tate veeru t\u00fc\u00fcbiks "\u00dcherealine string"<\/strong> ja k\u00f5igi teiste jaoks m\u00e4\u00e4rate veeru t\u00fc\u00fcbi "T\u00e4isarv" .<\/strong><\/p>\n Kui olete tabeli seadistamise l\u00f5petanud, kl\u00f5psake nuppu "Loo tabel"<\/strong>. Avaneb rippmen\u00fc\u00fc valikutega \u201eAva standardredaktoris" v\u00f5i \u201eAva Exceli-laadses redaktoris” ja ongi k\u00f5ik. Tabeli struktuur luuakse. N\u00fc\u00fcd sisestate oma numbrilised andmev\u00e4\u00e4rtused standardredaktori\u00a0<\/a> v\u00f5i Exceli-laadse redaktori<\/a> kaudu .<\/p>\n Kui teil on andmeid m\u00f5nes andmeallikas (nt Excel, CSV, JSON, Google’i arvutustabel, XML, PHP Serialized array) v\u00f5i andmebaasi tabelis (SQL-i allikas), kasutate tabeliviisardi teist valikut.<\/p>\n Olemasoleva andmeallikaga lingitud andmetabeli loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel<\/strong>, valige teine \u200b\u200bvalik "Loo<\/strong> \u00a0olemasoleva andmeallikaga lingitud andmetabel".<\/strong> ja kl\u00f5psake nuppu \u00a0"J\u00e4rgmine"<\/strong>.<\/p>\n S\u00f5ltuvalt teie allikast j\u00e4rgite juhiseid:<\/p>\n Selle tabeli jaoks kasutame andmeallikana CSV-d, mille saate alla laadida siit<\/a>. Valite "Sisendandmeallika t\u00fc\u00fcbiks"<\/strong> CSV \u00a0ja seej\u00e4rel leiate nupu Sirvi kohal allika, mille olete varem oma serverisse alla laadinud ja \u00fcles laadinud. Kl\u00f5psake nuppu Salvesta muudatused<\/strong>, nii et wpDataTables loeb teie \u00fcleslaaditud CSV-faili ja tabel luuakse.<\/p>\n P\u00e4rast tabeli loomist saate mis tahes kahest valikust oma WordPressi tabelit vastavalt vajadusele kohandada\u00a0<\/a> ja konfigureerida\u00a0 .<\/a><\/p>\n Meie puhul l\u00fclitame esmalt sisse valiku \u201eKuva filtrid<\/strong> \u00a0tabeli kohal oleval vormil\u00a0<\/strong> ” tabeli seadete vahekaardil \u201e Sortimine ja filtreerimine<\/strong> ” ning seej\u00e4rel konfigureerime iga veeru jaoks t\u00e4psemad filtrid\u00a0 .<\/a> Veeru Periood jaoks m\u00e4\u00e4rame k\u00f5igi teiste veergude jaoks \u201eVali kasti filter” ja \u201eNumbrifilter”.<\/p>\n Seej\u00e4rel l\u00fclitame tabeliseadete vahekaardil \u201eKuva”<\/strong> sisse valiku \u201eReageerimine” ja peidame<\/strong> igas veeru seadetes\u00a0<\/a> v\u00f5i kiiremini tabeli kohal olevas nupus Veergude loendi\u00a0<\/a> v\u00e4\u00e4rtused, n\u00e4iteks tahvelarvutite ja mobiilseadmete veerud \u201eKuu”\u00a0 .<\/a><\/a><\/p>\n Tabeliandmete v\u00e4rvipaleti lihtsaks ja intuitiivseks kohandamiseks kasutame tingimusvormingut<\/a>. Esimese veeru jaoks seadsime tingimuse, et kui lahter sisaldab 2, siis "M\u00e4\u00e4ra lahtri CSS-klass<\/strong> " v\u00e4\u00e4rtuseks "sini-valge tekst", nii et sinisel taustal oleks valge fondiv\u00e4rv.<\/p>\n Seej\u00e4rel loome need klassid tabeliseadete vahekaardi Kohanda<\/strong> v\u00e4ljale Kohandatud CSS :<\/strong><\/p>\n Nagu nii:<\/p>\n Kus .wpDataTable-1 number 1 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma<\/p>\n K\u00f5igi muude veergude jaoks seame samad tingimused erinevate v\u00e4rvide m\u00e4\u00e4ramiseks, l\u00e4htudes tabeli Max Temperature v\u00e4\u00e4rtusest.<\/p>\n Teise tabeli “Madal temperatuur” puhul kasutame sama l\u00e4henemisviisi, mis tabeli “Temperature Maximus” puhul, v\u00e4lja arvatud tingimusvormingu tingimused. Kuna tegemist on madalama temperatuuriv\u00e4\u00e4rtusega, kasutame neid tingimusi.<\/p>\n Seej\u00e4rel loome need klassid tabeliseadete vahekaardi Kohanda<\/strong> v\u00e4ljale Kohandatud CSS :<\/strong><\/p>\n Kus .wpDataTable2-s number 2 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma.<\/p>\n See on k\u00f5ik!<\/p>\n Teil on n\u00fc\u00fcd tabeli soojuskaart, kus saate h\u00f5lpsalt v\u00f5rrelda andmev\u00e4\u00e4rtusi, ilma et n\u00e4iksite v\u00e4lja, nagu loeksite lepingu peenes kirjas.<\/p>\n Kui see oli lihtne ja intuitiivne viis soojuskaartide loomiseks tabelis, vaadake j\u00e4rgmist osa.<\/p>\n N\u00fc\u00fcd peate oma lehtedel esiotsa ilmuma. Nagu k\u00f5igi teiste pistikprogrammide puhul, kasutame kasutajate lehtedel v\u00f5i postitustes tabelite kuvamiseks l\u00fchikoode.\u00a0L\u00fchikoodide<\/a> lisamine<\/a>\u00a0 on v\u00e4ga lihtne, eriti kui kasutate populaarseid lehtede koostajaid, nagu Elementor, WP Bakery v\u00f5i Gutenberg.<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Pildi allikas<\/a><\/p>\n Kui teile meeldis lugeda seda artiklit, kuidas luua soojuskaardi tabelit wpDataTablesiga, peaksite lugema seda tabeli kujundamise kohta<\/a>.<\/p>\n Kirjutasime ka m\u00f5nest seotud teemast, nagu DataTablesi alternatiivid<\/a>, JavaScripti tabeliteekid<\/a>, tabeli ja k\u00fcsitlustabeli<\/a> loomine ja WordPressi hinnatabeli<\/a> pistikprogrammid.<\/p>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e86807bd8a1.jpg\")
<\/a><\/p>\nKuidas luua soojuskaardi tabelit wpDataTablesiga<\/h2>\n
1 Tabeli loomine nullist<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8680925c5c.png\")
<\/a><\/p>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8680b280c6.png\")
<\/a><\/p>\n2 Tabeli soojuskaardi loomine andmeallikast<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8680ea4280.png\")
<\/a><\/p>\n\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e868107aa5d.png\")
<\/a><\/p>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681182f8d.png\")
<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.blue{ background-color: #0083c2 !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}\n<\/code><\/pre>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e868134e7ef.jpg\")
<\/a><\/p>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e868145dee1.png\")
<\/a><\/p>\n![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681655e4e.png\")
<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.white-text{ color: #FFFFFF !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.black-text{ color: #000000 !important;}\n<\/code><\/pre>\nTabeli soojuskaardi n\u00e4ited<\/h2>\n
T\u00f6\u00f6tajate kaasamise rakendus<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e86817cf2ce.jpg\")
<\/a><\/p>\nSoojuskaart<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681906078.jpg\")
<\/a><\/p>\n\u00d5ppeplatvorm<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681a5c4bd.jpg\")
<\/a><\/p>\n\u00d5husaaste soojuskaart<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681b877d1.jpg\")
<\/a><\/p>\nP\u00f5hja-Ameerika valitud linnade keskmised temperatuurid<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681caeb85.jpg\")
<\/a><\/p>\n2019 aasta naiste maailmameistriv\u00f5istluste ennustused<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681dbe6da.jpg\")
<\/a><\/p>\nLevimustabel<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681ecb3cb.jpg\")
<\/a><\/p>\nVarude tagastamine<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8681fcb83a.jpg\")
<\/a><\/p>\nToote tulude statistika<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8682136f1f.jpg\")
<\/a><\/p>\nMeeskondade tabel<\/h3>\n
![\"Heatmapi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-179430-61e8682270202.jpg\")
<\/a><\/p>\n