{"id":229712,"date":"2022-11-08T13:34:00","date_gmt":"2022-11-08T10:34:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229712"},"modified":"2022-11-09T16:03:39","modified_gmt":"2022-11-09T13:03:39","slug":"tonik-wordpress-aloitusteema","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/tonik-wordpress-aloitusteema\/","title":{"rendered":"Tonik WordPress -aloitusteema"},"content":{"rendered":"\n<p>Kun puhutaan WordPress-laajennusten kanssa, ei ole harvinaista n\u00e4hd\u00e4 ihmisten k\u00e4ytt\u00e4v\u00e4n nykyaikaisempia ty\u00f6kaluja, kuten Composer, k\u00e4ytt\u00f6liittym\u00e4n riippuvuuden hallintaa ty\u00f6kalujen, kuten Node, ja niin edelleen.<\/p>\n<p>Itse asiassa sanoisin, ett\u00e4 suosituin on todenn\u00e4k\u00f6isesti <a href=\"https:\/\/roots.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Roots<\/a> &#8211; tiimin <a href=\"https:\/\/roots.io\/sage\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sage<\/a> &#8211; projekti. Se on hienoa, mutta \u00e4skett\u00e4in t\u00f6rm\u00e4simme yst\u00e4vieni kanssa Tonik WordPress -aloitusteemaan, ja minulla oli ilo keskustella projektin johtajan Patrykin kanssa.<a href=\"https:\/\/roots.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>Joten niille teist\u00e4, jotka ovat kiinnostuneita nykyaikaisemmista ty\u00f6nkuluista, ty\u00f6kaluista ja strategioista ja niiden k\u00e4ytt\u00e4misest\u00e4 teeman kehitt\u00e4misen yhteydess\u00e4, Tonik on mielest\u00e4ni tutustumisen arvoinen.<\/p>\n<p>Ei kest\u00e4nyt kauan, ennen kuin sain teeman esiintym\u00e4n paikallisella koneellani. Mutta t\u00e4m\u00e4n pointti ei ole minun kokemukseni siit\u00e4 \u2013 sen vuoksi mielest\u00e4ni se on tutustumisen arvoinen.<\/p>\n<h2>Tonik WordPress -aloitusteema<\/h2>\n<p>Ennen kuin aloin varsinaiseen teeman asentamiseen, ajattelin, ett\u00e4 voisi olla syyt\u00e4 korostaa, mik\u00e4 tekee <a href=\"http:\/\/labs.tonik.pl\/theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tonikista tutustumisen<\/a> arvoisen.<\/p>\n<p>Niille, jotka ovat kiinnostuneita sek\u00e4 komentorivi- ett\u00e4 olioohjelmointitekniikoiden k\u00e4yt\u00f6st\u00e4, teema tarjoaa seuraavat:<\/p>\n<ul>\n<li>komentorivin k\u00e4ytt\u00f6liittym\u00e4 uusien teemojen helpottamiseksi,<\/li>\n<li>parannettu mallipohja, joka tukee tietojen v\u00e4litt\u00e4mist\u00e4,<\/li>\n<li><a href=\"https:\/\/webpack.github.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">verkkopaketti resurssien<\/a> hallintaan, kokoamiseen ja optimointiin,<\/li>\n<li>Suunniteltu rakentamiseen toimien ja suodattimien avulla<\/li>\n<\/ul>\n<p>Ensinn\u00e4kin voit n\u00e4hd\u00e4 projektin GitHubissa, mutta ennen kuin k\u00e4yt l\u00e4pi ja lataat kaikki siihen liittyv\u00e4t komponentit (kuten <a href=\"https:\/\/github.com\/tonik\/gin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gin<\/a> ), on t\u00e4rke\u00e4\u00e4 huomata, kuinka ty\u00f6nkulku sujuu t\u00e4ll\u00e4 tietyll\u00e4 teemalla.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.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-166265-61e7911386317.png\" alt=\"Tonik WordPress -aloitusteema\" ><\/a><\/p>\n<p>Eli ei ole niin, ett\u00e4 lataat sen, asennat sen ja olet valmis l\u00e4htem\u00e4\u00e4n. Sen sijaan ty\u00f6nkulku on hieman erilainen.<\/p>\n<h3>P\u00e4\u00e4st\u00e4 alkuun<\/h3>\n<p>Esimerkiksi aloittaaksesi Tonikin k\u00e4yt\u00f6n, sinun on teht\u00e4v\u00e4 seuraavat (huomaa, ett\u00e4 kaikki t\u00e4m\u00e4 edellytt\u00e4\u00e4, ett\u00e4 <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> ja <a href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node<\/a> on asennettu).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e79117d0c11.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-166265-61e79117d0c11.png\" alt=\"Tonik WordPress -aloitusteema\" ><\/a><\/p>\n<p>Siirry <strong>wp-content\/themes-<\/strong> hakemistoosi ja kirjoita seuraava komento:<\/p>\n<pre><code>$ composer create-project tonik\/theme acme-theme<\/code><\/pre>\n<p>Tietenk\u00e4\u00e4n sinun ei tarvitse kutsua sit\u00e4 &quot;acme-teemaksi&quot;.<\/p>\n<p>Sielt\u00e4 sinun on kloonattava projektin arkisto GitHubista (t\u00e4m\u00e4n vuoksi et asenna sit\u00e4 tavanomaisella teemojen asennustavalla, mutta lis\u00e4\u00e4 t\u00e4st\u00e4 minuutissa):<\/p>\n<pre><code>$ git clone -b master git@github.com:tonik\/theme.git &lt;theme-name&gt;<\/code><\/pre>\n<p>T\u00e4ss\u00e4 vaiheessa on viel\u00e4 muutama riippuvuus, jotka sen on ratkaistava. Voit tehd\u00e4 t\u00e4m\u00e4n siirtym\u00e4ll\u00e4 juuri luodun teeman hakemistoon ja asentamalla sitten mainitut riippuvuudet Composerilla.<\/p>\n<pre><code>$ composer install<\/code><\/pre>\n<p>Ja asenna sitten k\u00e4ytt\u00f6liittym\u00e4n riippuvuudet:<\/p>\n<pre><code>$ npm install<\/code><\/pre>\n<p>T\u00e4ss\u00e4 vaiheessa j\u00e4ljell\u00e4 on vain perusteeman rakentaminen ja sen aktivoiminen (komentorivin kautta, jossa <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/maailmanlaajuinen-wp-cli-n-asentaminen-paeaesyae-varten-koko-jaerjestelmaessaesi\/\" title=\"WP-CLI\">WP-CLI<\/a> tulee peliin):<\/p>\n<pre><code>$ npm\u00a0run dev<\/code><\/pre>\n<pre><code>$ wp theme activate acme-theme<\/code><\/pre>\n<p>T\u00e4ss\u00e4 vaiheessa olet valmis aloittamaan teeman k\u00e4yt\u00f6n WordPressiss\u00e4.<\/p>\n<h2>&quot;Se n\u00e4ytt\u00e4\u00e4 v\u00e4h\u00e4n monimutkaiselta&#8230;&quot;<\/h2>\n<p>Kun otetaan huomioon kaikki yll\u00e4 olevat vaiheet, luonnollinen kysymys on todenn\u00e4k\u00f6inen: &quot;Miksi vaivautuisin tekem\u00e4\u00e4n kaiken t\u00e4m\u00e4n, kun voin rakentaa teeman normaalilla menetelm\u00e4ll\u00e4?&quot;<\/p>\n<p>Ja se on hyv\u00e4 kysymys. Mutta jos olet joku, joka haluaa rakentaa ratkaisuja itsellesi tai muille k\u00e4ytt\u00e4m\u00e4ll\u00e4 nykyaikaisempia ty\u00f6kaluja, uskon, ett\u00e4 t\u00e4m\u00e4n kaltaisten ty\u00f6kalujen k\u00e4ytt\u00e4minen voi tehd\u00e4 sen mahdolliseksi.<\/p>\n<h3>Kaikki se tarjoaa<\/h3>\n<p>Esimerkkitapaus: Yksi tuskakohta, kun kehitet\u00e4\u00e4n malleja muille, on todellisen mallinnusmoottorin puute WordPressiss\u00e4 (ainakin t\u00e4t\u00e4 kirjoitettaessa).<\/p>\n<p>Mutta jos katsot dokumentaatiota pelk\u00e4n mallin luomista varten, n\u00e4et muutamia asioita, kuten <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/configuration\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">paikkamerkit<\/a> ja muita tapoja k\u00e4sitell\u00e4 <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/helper-functions\/#template\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tiettyj\u00e4 elementtej\u00e4<\/a>.<\/p>\n<p>Ja siihen on sis\u00e4\u00e4nrakennettu paljon muutakin. Haluaisin sanoa, ett\u00e4 olen kokeillut kaikkia sen tarjoamia puolia, mutta minusta tuntuu, ett\u00e4 olen vain raapinut pintaa. Minulla ei esimerkiksi ollut mahdollisuutta puuhata mit\u00e4\u00e4n HTTP-ominaisuuksia.<\/p>\n<p>T\u00e4st\u00e4 huolimatta t\u00e4ss\u00e4 on nopea yhteenveto siit\u00e4, mit\u00e4 kaikki teemat tarjoavat:<\/p>\n<ul>\n<li>valmiiksi m\u00e4\u00e4ritetty hakemistorakenne,<\/li>\n<li>mallinnus,<\/li>\n<li>komponenttien tuki,<\/li>\n<li>aputoiminnot,<\/li>\n<li>Ajax-tuki,<\/li>\n<li>teematoiminnot ja suodattimet,<\/li>\n<li>palvelukontti <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/using-service-container\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">,<\/a><\/li>\n<li>tuki lyhytkoodeille,<\/li>\n<li>automaattinen lataus,<\/li>\n<li>ja niin paljon muuta.<\/li>\n<\/ul>\n<p>Kaikki t\u00e4m\u00e4 voidaan tarkastella <a href=\"http:\/\/labs.tonik.pl\/theme\/docs\/introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentaatiossa<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tonik WordPress Starter Theme on katsomisen arvoinen, jos haluat k\u00e4ytt\u00e4\u00e4 nykyaikaisia \u200b\u200bty\u00f6nkulkuja ja k\u00e4ytt\u00e4\u00e4 niit\u00e4 teemakehityksen yhteydess\u00e4.<\/p>\n","protected":false},"author":1,"featured_media":166266,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[927,719,864],"tags":[1166],"class_list":["post-229712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aiheita","category-kehittaejae","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229712","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=229712"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229712\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/166266"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=229712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=229712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=229712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}