{"id":225951,"date":"2023-02-28T11:59:00","date_gmt":"2023-02-28T08:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225951"},"modified":"2022-11-08T01:03:34","modified_gmt":"2022-11-07T22:03:34","slug":"kuinka-luoda-tuoteluettelo-wordpressissae","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-luoda-tuoteluettelo-wordpressissae\/","title":{"rendered":"Kuinka luoda tuoteluettelo WordPressiss\u00e4"},"content":{"rendered":"\n<h2>Etk\u00f6 ole varma parhaasta tavasta luoda tuoteluettelo WordPressiss\u00e4? Julkaiset luettelosi etk\u00e4 ole varma kuinka tehd\u00e4 se paremmin ilman koodausta?<\/h2>\n<p>Monet aloittelevat kehitt\u00e4j\u00e4t h\u00e4mmentyv\u00e4t, kun heid\u00e4n on julkaistava tuotetaulukkoluettelo tai hinnasto: HTML-merkint\u00e4 on h\u00e4mment\u00e4v\u00e4\u00e4; Jotkut osaavat tehd\u00e4 merkinn\u00e4t, mutta eiv\u00e4t ole tyytyv\u00e4isi\u00e4 ulkoasuun tai haluaisivat jonkin ratkaisun, joka olisi lajiteltava, joka voisi jakaa tiedot sivuille, ei olisi liian vaikea p\u00e4ivitt\u00e4\u00e4. Todellakin: HTML-taulukon p\u00e4ivitt\u00e4minen aina, kun tuotteen hinta muuttuu tai kun lis\u00e4\u00e4t uuden tuotteen tai kun m\u00e4\u00e4r\u00e4 muuttuu, on turhauttavaa.<\/p>\n<p>T\u00e4m\u00e4 artikkeli opastaa sinua luomaan tuoteluettelon WordPressiss\u00e4 wpDataTables-laajennuksella, mik\u00e4 on luultavasti helpoin tapa.<\/p>\n<h2>Ensinn\u00e4kin \u2013 valmistele tiedot tulevaa tuoteluetteloasi varten WordPressiss\u00e4<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6ce4f1a0.png\" 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-207586-61e8d6ce4f1a0.png\" alt=\"Kuinka luoda tuoteluettelo WordPressiss\u00e4\" ><\/a><\/p>\n<p>Mik\u00e4\u00e4n luettelo ei tietenk\u00e4\u00e4n olisi j\u00e4rkev\u00e4\u00e4 ilman, ett\u00e4 siin\u00e4 olisi joitain tuotteita. Oletan, ett\u00e4 olet jo valmistellut tiedot, mutta nyt sinun on koottava ne muodossa, jonka WordPress-laajennus &quot;ymm\u00e4rsi&quot;. Se voi olla jokin seuraavista:<\/p>\n<ul>\n<li><strong>Excel- tai CSV-tiedosto:<\/strong> jos et ole kehitt\u00e4j\u00e4 ja seuraat tuotteitasi Exceliss\u00e4 \u2013 t\u00e4m\u00e4 tapa olisi luultavasti sinulle helpoin. Valmista vain Excel-tiedosto yhdell\u00e4 arkilla, jossa on kaikki tiedot tuotteistasi j\u00e4rjestettyn\u00e4 taulukkoon. CSV-tiedosto olisi parempi, koska se toimii hieman nopeammin.<\/li>\n<li><strong>MySQL-taulukko (suositus):<\/strong> t\u00e4m\u00e4 on luultavasti paras tietol\u00e4hde luettelollesi. Se tarjoaa nopean ty\u00f6n, reaaliaikaiset p\u00e4ivitykset ilman uudelleenlatauksia, ja jos sinulla on 10 000 tuotetta, se on paras ratkaisu. Voit muuntaa tietosi CSV:st\u00e4 MySQL:ksi.<\/li>\n<li><strong>PHP-taulukko:<\/strong> Jos ker\u00e4\u00e4t tietoja useista tietol\u00e4hteist\u00e4 tai jos ne ovat riippuvaisia \u200b\u200bulkoisista sy\u00f6tteist\u00e4 ja jos sinulla on PHP-kehitystaitoja, saatat haluta valmistella tiedot PHP-taulukkoon ja valmistella sitten PHP-tiedoston, joka tulostuu. se ulos serialisoidussa merkkijonossa (<a href=\"http:\/\/www.php.net\/manual\/en\/function.serialize.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">serialize<\/a> &#8211; toiminnolla) <a href=\"https:\/\/wpdatatables.com\/input_source\/cars_serialized.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">n\u00e4in<\/a>.<\/li>\n<li><strong>JSON- tai XML-tietol\u00e4hde<\/strong> \u2013 jos sinulla on XML- tai JSON-verkkopalvelu, voit valmistella tiedot n\u00e4iss\u00e4 muodoissa. Voit lukea niiden k\u00e4yt\u00f6st\u00e4 <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-xml\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4lt\u00e4<\/a> ja <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-json-input\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4lt\u00e4<\/a><\/li>\n<\/ul>\n<p>Kun tiedot ovat valmiit, voimme siirty\u00e4 seuraavaan vaiheeseen<\/p>\n<h2>Asenna wpDataTables WordPress -laajennus, joka hahmontaa tuoteluettelosi<\/h2>\n<p>Ennen kuin siirrymme eteenp\u00e4in, meid\u00e4n on varmistettava, ett\u00e4 wpDataTables-laajennus on asennettu. Voit hankkia sen <a href=\"http:\/\/codecanyon.net\/item\/wpdatatables-responsive-tables-in-wordpress\/3958969?ref=cjbug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4lt\u00e4<\/a>.<\/p>\n<p>Asennus on melko yksinkertaista:<\/p>\n<ul>\n<li>Lataa laajennus laajennushakemistoosi.<\/li>\n<li>Aktivoi laajennus.<\/li>\n<\/ul>\n<p>Voit lukea t\u00e4st\u00e4 lis\u00e4\u00e4 <a href=\"https:\/\/wpdatatables.com\/documentation\/general\/installation\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4lt\u00e4.<\/a><\/p>\n<h2>Luo uusi wpDataTable WordPress-luettelollesi<\/h2>\n<p>Avaa WordPress-hallintapaneeli ja etsi wpDataTables-hallintapaneeli. Paina sitten &quot;Lis\u00e4\u00e4 uusi&quot; -painiketta luodaksesi uuden wpDatatable.<\/p>\n<p>Lis\u00e4\u00e4 taulukon otsikko. Voit kutsua sit\u00e4 &quot;tuoteluetteloksi WordPress-esimerkiss\u00e4&quot; tai vastaavaksi.<\/p>\n<p>Valitse sitten taulukon tyyppi. Se riippuu siit\u00e4, mit\u00e4 valitsit vaiheessa 1: Excel-tiedosto, CSV-tiedosto, MySQL-kysely, sarjoitettu PHP-taulukko, JSON- tai XML-sy\u00f6tt\u00f6l\u00e4hde.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6cf34c21.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-207586-61e8d6cf34c21.jpg\" alt=\"Kuinka luoda tuoteluettelo WordPressiss\u00e4\" ><\/a><\/p>\n<p>Jos p\u00e4\u00e4tit luoda luettelon MySQL-tietojen perusteella, anna oikea SELECT-kysely. Se voi olla jotain t\u00e4llaista:<\/p>\n<pre><code>SELECT * FROM my_product_catalog<\/code><\/pre>\n<p>Sitten voit asettaa jonkin seuraavista valintaruuduista ja parametreista, jos haluat niit\u00e4 luetteloosi:<\/p>\n<ul>\n<li><strong>Palvelinpuolen k\u00e4sittely<\/strong> \u2013 Jos valitset t\u00e4m\u00e4n valintaruudun, kaikki suodatus, lajittelu ja muu k\u00e4sittely l\u00e4hetet\u00e4\u00e4n AJAX-pyynn\u00f6ss\u00e4 asiakkaan selaimesta ja palvelin k\u00e4sittelee ne. K\u00e4yt\u00e4 t\u00e4t\u00e4, jos sinulla on suuri MySQL-tietojoukko<\/li>\n<li><strong>Responsiivinen<\/strong> \u2013 Jos sivustosi on responsiivinen, valitse t\u00e4m\u00e4 valintaruutu, my\u00f6s WordPress-luettelostasi tulee responsiivinen.<\/li>\n<li><strong>Tarkennettu suodatus<\/strong> \u2013 T\u00e4m\u00e4n valintaruudun k\u00e4ytt\u00f6\u00f6notto lis\u00e4\u00e4 suodattimen jokaisen sarakkeen alle uudessa WordPress-luettelossasi. Joten sen avulla k\u00e4ytt\u00e4j\u00e4t voivat esimerkiksi suodattaa hinnan, julkaisup\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n tai mink\u00e4 tahansa perusteella.<\/li>\n<li><strong>Taulukkoty\u00f6kalut<\/strong> \u2013 Taulukkoty\u00f6kalujen k\u00e4ytt\u00f6\u00f6notto lis\u00e4\u00e4 mahdollisuuden vied\u00e4 tietoja CSV-, PDF- tai Excel-muodossa tai kopioida luettelotietoja leikep\u00f6yd\u00e4lle.<\/li>\n<li><strong>Ota lajittelu k\u00e4ytt\u00f6\u00f6n<\/strong> \u2013 T\u00e4m\u00e4 valintaruutu ottaa lajittelun k\u00e4ytt\u00f6\u00f6n luettelossasi. Joten esim. k\u00e4ytt\u00e4j\u00e4si voi lajitella kaikki tuotteesi aakkosten, hinnan tai mink\u00e4 tahansa haluamansa mukaan.<\/li>\n<li><strong>Rajoita taulukon asettelua<\/strong> \u2013 T\u00e4m\u00e4 valintaruutu rajoittaa luettelon leveyden yl\u00e4tason s\u00e4il\u00f6n leveyteen.<\/li>\n<li><strong>Sanojen rivitys<\/strong> \u2013 Voit valita t\u00e4m\u00e4n valintaruudun, jos tuotteistasi on luettelossa pitki\u00e4 kuvauksia tai pitki\u00e4 tuotteiden nimi\u00e4. Se saa taulukon solut venym\u00e4\u00e4n.<\/li>\n<li><strong>N\u00e4yt\u00f6n pituus<\/strong> \u2013 T\u00e4m\u00e4 m\u00e4\u00e4ritt\u00e4\u00e4, kuinka monta tuotetta n\u00e4ytet\u00e4\u00e4n luettelosi yhdell\u00e4 sivulla.<\/li>\n<\/ul>\n<p>Paina &quot;Tallenna taulukko&quot; ja luettelosi on valmis julkaistavaksi.<\/p>\n<p>Voit lukea tarkemmin taulukon\/katalogiasetuksista opetusohjelmaosiossa. Esim <a href=\"https:\/\/wpdatatables.com\/wordpress-table-mysql-queries\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4ll\u00e4<\/a><\/p>\n<h2>Julkaise uusi tuoteluettelosi WordPress-blogissasi<\/h2>\n<p>Saat liit\u00e4nn\u00e4iseen luodun lyhytkoodin. Liit\u00e4 se sivullesi tai blogikirjoitukseen \u2013 ja uusi luettelosi on valmis.<\/p>\n<p>T\u00e4ss\u00e4 on tulos:<\/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>T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka wpDataTablesia k\u00e4ytet\u00e4\u00e4n tuoteluettelon luomiseen WordPressiss\u00e4, koska se on yksi suosituimmista k\u00e4ytt\u00f6tapauksista<\/p>\n","protected":false},"author":1,"featured_media":224083,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[813,1110,843,813,843,854,854,864,864],"tags":[1166],"class_list":["post-225951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laajennuksia","category-n-a","category-opetusohjelmia","category-woocommerce-5","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/225951","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=225951"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/225951\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/224083"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=225951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=225951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=225951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}