{"id":227670,"date":"2022-09-21T17:48:00","date_gmt":"2022-09-21T14:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227670"},"modified":"2022-11-09T01:36:23","modified_gmt":"2022-11-08T22:36:23","slug":"kuinka-tehdae-tietotaulukko-verkossa-wordpressin-avulla","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-tehdae-tietotaulukko-verkossa-wordpressin-avulla\/","title":{"rendered":"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla"},"content":{"rendered":"\n<p>On olemassa WordPress-taulukoita, jotka auttavat tekem\u00e4\u00e4n kauniita ja tehokkaita kaavioita ja taulukoita. Taulukot ja kaaviot auttavat esitt\u00e4m\u00e4\u00e4n tiedot helposti ymm\u00e4rrett\u00e4v\u00e4ll\u00e4 ja omaksuvalla tavalla.<\/p>\n<p>Ne tekev\u00e4t esityksest\u00e4 <strong>loogisemman<\/strong> ja <strong>visuaalisesti houkuttelevamman<\/strong>.<\/p>\n<p>Milloin on hyv\u00e4 idea k\u00e4ytt\u00e4\u00e4 taulukkoa tietojen esitt\u00e4miseen? Harkitse niiden k\u00e4ytt\u00e4mist\u00e4 tuotteiden tai palveluiden <strong>hintatietoihin<\/strong>.<\/p>\n<p>K\u00e4yt\u00e4 niit\u00e4 <strong>luetteloimaan<\/strong> henkil\u00f6st\u00f6\u00e4, asiakkaita tai kumppaneita ja heid\u00e4n vastaavia tietojaan. Tai ent\u00e4 <strong>urheilutilastot<\/strong>, joukkueet ja sijoitukset?<\/p>\n<p>Mutta kuinka tehd\u00e4 tietotaulukko WordPressiss\u00e4? WordPress-editori on loistava ja hy\u00f6dyllinen moniin asioihin.<\/p>\n<p>Sill\u00e4 ei kuitenkaan ole taulukkojen tekemistoimintoa. Joten postausta tai blogia teht\u00e4ess\u00e4 taulukon lis\u00e4\u00e4minen ei ole helppoa.<\/p>\n<p>Taulukoiden tekeminen WordPressiss\u00e4 ei ole helppoa. Erityisesti WordPressin uusille k\u00e4ytt\u00e4jille tai joilla ei ole teknisi\u00e4 taitoja.<\/p>\n<p><strong>Plugin<\/strong> voisi olla vastaus. WordPress-p\u00f6yt\u00e4laajennuksella ammattimaisen n\u00e4k\u00f6isten p\u00f6ytien tekeminen on helppoa.<\/p>\n<h2>Miksi k\u00e4ytt\u00e4\u00e4 taulukkolaajennusta?<\/h2>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d974a5b1.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" \/><\/a><\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTablesilla<\/a> luodut taulukot ja kaaviot<a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>WordPress-laajennuksella k\u00e4ytt\u00e4j\u00e4 voi tehd\u00e4, muokata ja pukea p\u00f6yd\u00e4n. Sitten he voivat lis\u00e4t\u00e4 taulukon WordPressiin ja k\u00e4ytt\u00e4\u00e4 sit\u00e4 monin eri tavoin.<\/p>\n<p>Tietotaulukoiden tekeminen pluginin avulla on paljon k\u00e4yt\u00e4nn\u00f6llisemp\u00e4\u00e4. Lopputulos on ammattimaisempi ja laadukkaampi.<\/p>\n<p>Tietojen laittaminen taulukkomuotoon tekee siit\u00e4 ymm\u00e4rrett\u00e4v\u00e4mm\u00e4n. Ihmiset nauttivat opiskelusta ja niiden katsomisesta.<\/p>\n<p>Tuloksena on, ett\u00e4 he viett\u00e4v\u00e4t enemm\u00e4n aikaa verkkosivustolla ja palaavat todenn\u00e4k\u00f6isemmin. Se on hyv\u00e4ksi liiketoiminnalle!<\/p>\n<p>Tietenkin t\u00e4m\u00e4 opetusohjelma k\u00e4ytt\u00e4\u00e4 runsaasti <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTablesia<\/a>. On h\u00e4mm\u00e4stytt\u00e4v\u00e4\u00e4 n\u00e4hd\u00e4, kuinka paljon erilaisia \u200b\u200basioita t\u00e4ll\u00e4 laajennuksella voidaan tehd\u00e4 ja mit\u00e4 ammattimaisia \u200b\u200btuloksia se antaa.<\/p>\n<p>Siin\u00e4 on paljon toimintoja ja ominaisuuksia. Se tekee paljon enemm\u00e4n kuin perustaulukoiden tekemisen.<\/p>\n<p><strong>Suurten tietojoukkojen tuonti<\/strong> ei ole helppoa. wpDataTablesissa on helppok\u00e4ytt\u00f6inen ominaisuus, joka on saatavilla maksullisessa versiossa.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9849825.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9849825.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Se voi vied\u00e4 luodut taulukot <strong>eri muodoissa<\/strong> viestiin. Se voi tehd\u00e4 CSV- tai Excel-muotoja sek\u00e4 ODF- ja MySQL-kyselyj\u00e4.<\/p>\n<p>wpDataTablesin etuna on, ett\u00e4 sen k\u00e4ytt\u00f6 ei vaadi kokemusta tai HTML- tai CSS-tietoa. Siell\u00e4 on selke\u00e4 ja k\u00e4yt\u00e4nn\u00f6llinen asetussivu, joka ohjaa kaikkea.<\/p>\n<p>Kun kaikki asetukset ovat oikein, sinun tarvitsee vain <strong>kopioida ja liitt\u00e4\u00e4 lyhytkoodi<\/strong>.<\/p>\n<h2>Tietotaulukoiden tekeminen wpDataTables-laajennuksella<\/h2>\n<p>N\u00e4in se toimii:<\/p>\n<h3>L\u00e4hdetiedosto<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9958954.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9958954.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Varmista, ett\u00e4 l\u00e4hdetiedosto on valmis. Taulukon m\u00e4\u00e4rityssivulla on Tietol\u00e4hde-v\u00e4lilehti.<\/p>\n<p>T\u00e4lt\u00e4 v\u00e4lilehdelt\u00e4 k\u00e4ytt\u00e4j\u00e4t l\u00f6yt\u00e4v\u00e4t erilaisia \u200b\u200basetuksia. T\u00e4m\u00e4 on my\u00f6s paikka, jossa m\u00e4\u00e4ritet\u00e4\u00e4n tietol\u00e4hde.<\/p>\n<p>T\u00e4m\u00e4 voi olla:<\/p>\n<ul>\n<li>MySQL-kysely<\/li>\n<li>Excel<\/li>\n<li>CSV<\/li>\n<li>XML<\/li>\n<li>Google-laskentataulukko<\/li>\n<li>URL-osoite<\/li>\n<li>Sarjaistettu PHP-taulukko<\/li>\n<\/ul>\n<p>Esimerkki k\u00e4ytt\u00e4\u00e4 Excel-dokumenttia, joka sis\u00e4lt\u00e4\u00e4 tiedot.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9a597e0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9a597e0.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Varmista, ett\u00e4 kaikki tiedot on <strong>taulukoitu oikein<\/strong>. Jos sit\u00e4 ei ole j\u00e4rjestetty oikein, wpDataTablesilla on vaikeuksia lukea taulukon sarakkeita.<\/p>\n<h3>Luo uusi taulukko<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9b57ace.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9b57ace.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Luo uusi taulukko siirtym\u00e4ll\u00e4 <strong>wpDataTablesiin<\/strong>, joka on WordPress-hallintapaneelin vasemmalla puolella. Napsauttamalla sit\u00e4 avautuu yll\u00e4 n\u00e4kyv\u00e4 n\u00e4ytt\u00f6.<\/p>\n<p>T\u00e4ss\u00e4 voit luoda tai lis\u00e4t\u00e4 uuden taulukon. Napsauta <strong>Lis\u00e4\u00e4 uusi<\/strong> -painiketta ja n\u00e4ytt\u00f6\u00f6n tulee yll\u00e4 olevan kaltainen n\u00e4ytt\u00f6.<\/p>\n<p>Aseta nyt taulukon oikea <strong>parametri<\/strong>. Parametrit m\u00e4\u00e4rittelev\u00e4t, milt\u00e4 taulukko n\u00e4ytt\u00e4\u00e4 ja miten se k\u00e4ytt\u00e4ytyy.<\/p>\n<p>Seuraava alaotsikko k\u00e4sittelee joitain n\u00e4ist\u00e4 ominaisuuksista.<\/p>\n<h3>M\u00e4\u00e4rittele taulukon ominaisuudet<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9c5b4b9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9c5b4b9.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Taulukon asetukset -sivulla on useita osioita. N\u00e4m\u00e4 ovat kolmessa ensimm\u00e4isess\u00e4 osassa:<\/p>\n<ul>\n<li>Oletusrivit sivua kohden<\/li>\n<li>Piilota, kunnes se ladataan<\/li>\n<li>Tietolohko<\/li>\n<li>Rajoita p\u00f6yd\u00e4n leveytt\u00e4<\/li>\n<li>Sivunumerointi<\/li>\n<li>Sivujen tasaus<\/li>\n<li>Sivutusasettelu<\/li>\n<li>Reagointikyky\u00e4<\/li>\n<li>Rivit per sivu<\/li>\n<li>vieritett\u00e4v\u00e4<\/li>\n<li>N\u00e4yt\u00e4 taulukon otsikko<\/li>\n<li>Rivitys<\/li>\n<\/ul>\n<p>Kaikki parametrit ovat muokattavissa. Tuloksena oleva tietotaulukko voi olla niin monimutkainen kuin halutaan.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9d45224.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9d45224.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Kun olet asettanut n\u00e4m\u00e4 parametrit, napsauta <strong>L\u00e4het\u00e4 tiedosto<\/strong> valitaksesi l\u00e4hdeasiakirjan.<\/p>\n<p>Kolmen yll\u00e4 k\u00e4sitellyn osion j\u00e4lkeen on muita mukautusasetuksia:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9e44810.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9e44810.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<ul>\n<li><strong>Responsiivinen<\/strong>. T\u00e4m\u00e4 asetus n\u00e4ytt\u00e4\u00e4 datataulukon katsojan laitteen ja n\u00e4yt\u00f6n koon mukaan.<\/li>\n<li><strong>vieritett\u00e4v\u00e4<\/strong>. Mahdollistaa vaakasuuntaisen vierityksen.<\/li>\n<li><strong>Piilota taulukko, kunnes sivu on ladattu kokonaan<\/strong>. K\u00e4yt\u00e4nn\u00f6llinen asetus hitaasti latautuville sivuille.<\/li>\n<li><strong>Edistynyt suodatus<\/strong>. Lis\u00e4\u00e4 suodattimen jokaisen sarakkeen loppuun.<\/li>\n<li><strong>Suodata muodossa<\/strong>. Lis\u00e4\u00e4 suodattimen lomakkeeseen.<\/li>\n<li><strong>P\u00f6yd\u00e4n ty\u00f6kalut<\/strong>. Mahdollistaa lis\u00e4toimintojen upottamisen. N\u00e4it\u00e4 ovat kopiointi ja tallentaminen Exceliin tai CSV:hen.<\/li>\n<li><strong>Ota lajittelu k\u00e4ytt\u00f6\u00f6n<\/strong>. Lis\u00e4\u00e4 taulukon lajittelutoiminto.<\/li>\n<li><strong>Rajoita taulukon asettelua<\/strong>. Asettaa taulukon koon yl\u00e4tason s\u00e4il\u00f6n koon mukaan.<\/li>\n<li><strong>N\u00e4yt\u00f6n pituus<\/strong>. M\u00e4\u00e4ritt\u00e4\u00e4 merkint\u00f6jen m\u00e4\u00e4r\u00e4n yhdell\u00e4 sivulla.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9f37fb2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9f37fb2.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Siell\u00e4 on <strong>Esikatselu-painike<\/strong>, joka n\u00e4ytt\u00e4\u00e4, milt\u00e4 taulukko n\u00e4ytt\u00e4\u00e4. Tee lis\u00e4\u00e4 s\u00e4\u00e4t\u00f6j\u00e4 tarpeen mukaan.<\/p>\n<p>Kun kaikki parametrit ovat oikein ja lomake optimoitu, napsauta <strong>Tallenna<\/strong> &#8211; painiketta.<\/p>\n<p>Tallennuksen j\u00e4lkeen on kuitenkin lis\u00e4vaihtoehtoja. K\u00e4yt\u00e4 n\u00e4it\u00e4 tehd\u00e4ksesi p\u00f6yd\u00e4st\u00e4 entist\u00e4 paremman.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da050739.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da050739.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Pluginilla on joitain oletusasetuksia, joita k\u00e4ytet\u00e4\u00e4n automaattisesti. N\u00e4m\u00e4 asetukset sis\u00e4lt\u00e4v\u00e4t <strong>v\u00e4rin<\/strong> ja <strong>suodatintyypin<\/strong>.<\/p>\n<p>Lajittele tiedot parametrien, kuten p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n, ajan ja tekstin, mukaan. Alla on esimerkki muokatuista saraketyypeist\u00e4, v\u00e4reist\u00e4, numeroista ja merkkijonoista.<\/p>\n<h3>Tallenna ja kopioi lyhytkoodi<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da147041.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da147041.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Muista <strong>tallentaa<\/strong> taulukko ja painaa <strong>Sulje<\/strong>. Plugin palaa suoraan etusivulle.<\/p>\n<p>Jos kaikki meni hyvin, \u00e4skett\u00e4in luotu taulukko tulee n\u00e4kyviin otsikon, tyypin ja kopiointivaihtoehdon kanssa.<\/p>\n<p>Se <strong>n\u00e4ytt\u00e4\u00e4 my\u00f6s lyhytkoodin<\/strong>. Kopioi koodi ja siirry kohdesivulle.<\/p>\n<h3>Lis\u00e4\u00e4 lyhytkoodi sivulle tai viestiin<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da25286f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da25286f.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Taulukon lis\u00e4\u00e4minen sivulle tai viestiin on nyt eritt\u00e4in helppoa. Valitse minne sen pit\u00e4isi menn\u00e4 ja <strong>liit\u00e4 lyhytkoodi sivun editoriin<\/strong>.<\/p>\n<p>Jatka sivun muokkaamista ja sis\u00e4ll\u00f6n optimointia.<\/p>\n<h3>Julkaista<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da348a1b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da348a1b.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Kun olet valmis, napsauta <strong>Julkaise<\/strong> &#8211; painiketta. Sivun ja taulukon tulee n\u00e4ytt\u00e4\u00e4 esimerkin kaltaisilta.<\/p>\n<p>Se on t\u00e4ydellinen, johdonmukainen ja kohdistettu. Taulukon tiedot on helppo lukea ja ymm\u00e4rt\u00e4\u00e4.<\/p>\n<p>Verkkosivuston vierailijoilla on mahdollisuus <strong>vied\u00e4 tiedot<\/strong> useissa eri muodoissa. He voivat my\u00f6s <strong>suodattaa<\/strong> verkkosivuston tiedot<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da45c5cc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da45c5cc.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Siell\u00e4 on my\u00f6s integrointi <strong>wpBakeryn<\/strong> ja <strong>Elementorin<\/strong> kanssa. Kaikki wpDataTablesilla luodut taulukot voidaan vied\u00e4 n\u00e4ihin sivunrakennusohjelmiin.<\/p>\n<h2>Kuinka luoda WordPress-taulukoita ilman laajennusta<\/h2>\n<p>On mahdollista tehd\u00e4 WordPress-taulukoita ilman lis\u00e4osien apua. T\u00e4ss\u00e4 artikkelissa k\u00e4sitell\u00e4\u00e4n kolmea: Google Sheetsin tai Google Docsin k\u00e4ytt\u00f6\u00e4, taulukkojen luontitoimintoa ja lohkoeditoria.<\/p>\n<h3>Google Docsin tai Sheetsin k\u00e4ytt\u00e4minen<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da5548fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da5548fc.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>T\u00e4m\u00e4 alkaa luomalla uusi Google-asiakirja tai -taulukko. Ei ole v\u00e4li\u00e4 kumpi.<\/p>\n<p>T\u00e4m\u00e4 opas olettaa Docsin k\u00e4yt\u00f6n. Asiakirjan luomisen j\u00e4lkeen:<\/p>\n<ol>\n<li>Siirry kohtaan <strong>Lis\u00e4\u00e4<\/strong><\/li>\n<li>Napsauta <strong>Taulukot<\/strong><\/li>\n<li>Valitse <strong>rivien ja sarakkeiden m\u00e4\u00e4r\u00e4<\/strong><\/li>\n<li>Paina <strong>Enter<\/strong><\/li>\n<li>T\u00e4yt\u00e4 <strong>tiedot<\/strong><\/li>\n<li><strong>Valitse<\/strong> taulukko<\/li>\n<li><strong>Kopioi<\/strong> se<\/li>\n<li><strong>Liit\u00e4<\/strong> se WordPress-editoriin<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da696794.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da696794.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>T\u00e4m\u00e4n j\u00e4lkeen elementti on valmis julkaistavaksi.<\/p>\n<p>T\u00e4m\u00e4n menetelm\u00e4n haittapuoli on se, ett\u00e4 <strong>mukautusvaihtoehtoja on hyvin v\u00e4h\u00e4n<\/strong>. Siin\u00e4 ei ole monia tyylivaihtoehtoja.<\/p>\n<p>Tuloksena olevat taulukot eiv\u00e4t my\u00f6sk\u00e4\u00e4n ole kovin reagoivia. T\u00e4m\u00e4n tyyppisi\u00e4 tietotaulukoita on yleens\u00e4 eritt\u00e4in vaikea lukea mobiililaitteilla.<\/p>\n<h3>Taulukkogeneraattorien k\u00e4ytt\u00f6<\/h3>\n<p><a href=\"https:\/\/ianrmedia.unl.edu\/responsive-table-generator-tool\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da7a21bd.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" \/><\/a><\/p>\n<p>WordPress-taulukoiden takana oleva peruskoodaus on HTML-pohjaista. Siihen on lis\u00e4tty CSS-tyylej\u00e4, jotta ne n\u00e4ytt\u00e4v\u00e4t mukavilta.<\/p>\n<p>Joten tietotaulukoiden tekeminen ilman lis\u00e4osaa vaatii jonkin verran koodausta, eiv\u00e4tk\u00e4 kaikki tied\u00e4, miten se tehd\u00e4\u00e4n. T\u00e4st\u00e4 syyst\u00e4 monet ovat riippuvaisia \u200b\u200blaajennuksista ja online-taulukkogeneraattoreista.<\/p>\n<p>He luovat ja muodostavat tietotaulukon yhdess\u00e4 n\u00e4ist\u00e4 generaattoreista <strong>tehd\u00e4kseen sille HTML-koodin<\/strong>. Kopioi ja liit\u00e4 tuote sitten WordPress-verkkosivustolle.<\/p>\n<p>Jotkut paremmat online-generaattorit luovat <strong>responsiivisia<\/strong> taulukoita, jotka toimivat erikokoisilla n\u00e4yt\u00f6ill\u00e4. Jotkut muut my\u00f6s lis\u00e4\u00e4v\u00e4t tyyli\u00e4, mutta yleens\u00e4 mahdollisuudet ovat <strong>rajalliset<\/strong>.<\/p>\n<p>Silti ne ovat eritt\u00e4in hy\u00f6dyllisi\u00e4. Joitakin hyvi\u00e4 ovat Responsive Table Generator Tool ja Rapid Tables.<\/p>\n<h3>Taulukoiden luominen WordPressin lohkoeditorissa<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da8b2d62.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da8b2d62.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<p>Tehd\u00e4 t\u00e4m\u00e4:<\/p>\n<ul>\n<li>Luo <strong>uusi viesti<\/strong> tai sivu tai jatka vanhan muokkaamista.<\/li>\n<li>Lis\u00e4\u00e4 uusi lohko napsauttamalla editorissa <strong>+-merkki\u00e4 .<\/strong><\/li>\n<li>Napsauta <strong>Muotoilu<\/strong> -kohdassa <strong>Taulukko<\/strong>. Tai etsi se Etsi lohko -kent\u00e4st\u00e4.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da9ca57c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da9ca57c.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<ul>\n<li>Valitse taulukon <strong>sarakkeiden ja rivien m\u00e4\u00e4r\u00e4.<\/strong> Oletusarvo on 2\u00d72.<\/li>\n<li><strong>Sy\u00f6t\u00e4 tiedot<\/strong> soluihin. Solujen koko muuttuu automaattisesti sis\u00e4ll\u00f6n perusteella.<\/li>\n<\/ul>\n<p>Tai aseta solukooksi tietty koko k\u00e4ytt\u00e4m\u00e4ll\u00e4 oikealla olevaa vaihtoehtoa.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88daab8867.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88daab8867.jpg\" alt=\"Kuinka tehd\u00e4 tietotaulukko verkossa WordPressin avulla\" ><\/a><\/p>\n<ul>\n<li>Lis\u00e4\u00e4 <strong>yl\u00e4- ja alatunniste<\/strong> oikealla olevaan vaihtoehto-osioon. Esimerkki n\u00e4ytt\u00e4\u00e4 taulukon, jossa on otsikko ja harmaa taustav\u00e4ri.<\/li>\n<\/ul>\n<p>Vaihda v\u00e4ri\u00e4 V\u00e4riasetukset-v\u00e4lilehdess\u00e4.<\/p>\n<p>N\u00e4m\u00e4 kolme tapaa luoda tietotaulukoita ja k\u00e4ytt\u00e4\u00e4 niit\u00e4 WordPressiss\u00e4 toimivat hyvin. Mutta niill\u00e4 on my\u00f6s <strong>monia rajoituksia<\/strong>.<\/p>\n<p>Esimerkiksi lis\u00e4ominaisuuksia ei ole. Ne eiv\u00e4t tuota responsiivisia taulukoita ja aiheuttavat usein teknisi\u00e4 ongelmia.<\/p>\n<h2>Lopetetaan ajatukset tietotaulukon tekemisest\u00e4 WordPressiss\u00e4<\/h2>\n<p>Taulukot ovat niin hy\u00f6dyllisi\u00e4 tietojen esitt\u00e4miseen, joten niiden runsaus verkossa ei ole yll\u00e4tt\u00e4v\u00e4\u00e4. Ne parantavat k\u00e4ytt\u00f6kokemusta ja katsojat voivat omaksua ja ymm\u00e4rt\u00e4\u00e4 tietoa.<\/p>\n<p>Klassisella WordPress-editorilla ei ole mahdollisuutta luoda taulukoita. Kuinka sitten tehd\u00e4 tietotaulukko WordPressiss\u00e4?<\/p>\n<p>On turvauduttava kolmannen osapuolen sovellusten k\u00e4ytt\u00f6\u00f6n. T\u00e4m\u00e4 artikkeli osoitti, kuinka voit k\u00e4ytt\u00e4\u00e4 Google-dokumentteja t\u00e4h\u00e4n.<\/p>\n<p>T\u00e4m\u00e4 viesti osoitti my\u00f6s, kuinka wpDataTables-laajennusta k\u00e4ytet\u00e4\u00e4n. T\u00e4m\u00e4 laajennus voi tehd\u00e4 kauniita ja reagoivia taulukoita.<\/p>\n<p>Se on helpoin k\u00e4ytt\u00e4\u00e4 ja tarjoaa laajan valikoiman ominaisuuksia, joiden avulla k\u00e4ytt\u00e4j\u00e4 voi tehd\u00e4 haluamansa taulukon.<\/p>\n<p>Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta tietotaulukon tekemisest\u00e4, sinun kannattaa tutustua t\u00e4h\u00e4n <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/upeita-ilmaisia-tietolaehteitae-projekteissasi\/\" title=\"tietol\u00e4hteit\u00e4\">tietol\u00e4hteit\u00e4<\/a> k\u00e4sittelev\u00e4\u00e4n artikkeliin .<\/p>\n<p>Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/paras-datatables-vaihtoehto-kokeile-naeitae-vaihtoehtoja\/\" title=\"DataTables-vaihtoehdosta\">DataTables-vaihtoehdosta<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/parhaat-javascript-taulukkokirjastovaihtoehdot-joista-valita\/\" title=\"JavaScript-taulukkokirjastosta\">JavaScript-taulukkokirjastosta<\/a>, <a href=\"https:\/\/wpdatatables.com\/wordpress-table-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress-taulukkolaajennuksista<\/a> ,\u00a0 taulukon <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-luoda-taulukko-wordpressissae-ilman-laajennusta\/\" title=\"luomisesta WordPressiss\u00e4 ilman lis\u00e4osaa\">luomisesta WordPressiss\u00e4 ilman lis\u00e4osaa<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-lisaetae-taulukko-wordpressiin-helposti\/\" title=\"taulukon lis\u00e4\u00e4misest\u00e4 WordPressiin\">taulukon lis\u00e4\u00e4misest\u00e4 WordPressiin<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/suosituimmat-wordpress-hinnoittelutaulukkolaajennukset\/\" title=\"WordPress-hinnoittelutaulukkolaajennuksista\">WordPress-hinnoittelutaulukkolaajennuksista<\/a> ja <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-luoda-tilastotaulukoita-wordpressissae\/\" title=\"tilastotaulukoiden luomisesta. WordPressiss\u00e4.\">tilastotaulukoiden luomisesta. WordPressiss\u00e4.<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kuinka tehd\u00e4 tietotaulukko WordPressiss\u00e4? WordPress wpDataTables -laajennuksella k\u00e4ytt\u00e4j\u00e4 voi tehd\u00e4, muokata ja pukea p\u00f6yd\u00e4n.<\/p>\n","protected":false},"author":1,"featured_media":186731,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1018,813,843,864],"tags":[1166],"class_list":["post-227670","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hyodyllisia-sivustoja","category-laajennuksia","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/227670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=227670"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/227670\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/186731"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=227670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=227670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=227670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}