{"id":233749,"date":"2023-02-21T18:50:00","date_gmt":"2023-02-21T15:50:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233749"},"modified":"2023-02-21T18:54:34","modified_gmt":"2023-02-21T15:54:34","slug":"wordpress-teeman-opetusohjelma-aloittelijoille-osa-0-5-paikallisen-wordpress-kehityksen-maeaerittaeminen","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/wordpress-teeman-opetusohjelma-aloittelijoille-osa-0-5-paikallisen-wordpress-kehityksen-maeaerittaeminen\/","title":{"rendered":"WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen"},"content":{"rendered":"\n<p>T\u00e4ll\u00e4 oppitunnilla k\u00e4yd\u00e4\u00e4n nopeasti l\u00e4pi paikallisen kehitysymp\u00e4rist\u00f6n perustaminen ja WordPressin asentaminen siihen, jotta voimme aloittaa teemamme kehitt\u00e4misen. Se on sinulle, joka ei ole koskaan m\u00e4\u00e4ritt\u00e4nyt kehitysymp\u00e4rist\u00f6\u00e4 tai asentanut WordPressi\u00e4 paikallisesti testausta tai kehityst\u00e4 varten. Jos sinulla on jo kaikki valmiina, siirry <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">osaan 1<\/a>.<\/p>\n<p>Verkkokehityspinon m\u00e4\u00e4ritt\u00e4minen on ratkaisevan t\u00e4rke\u00e4\u00e4 ja yksinkertaisempaa kuin uskotkaan. Lyhyesti; Se on ohjelma, joka asentaa verkkopalvelimen (yleens\u00e4 Apache) ja tietokannan (yleens\u00e4 MySQL) tietokoneellesi, jotta tietokoneesi pystyy palvelemaan verkkosivustoja. On paljon nopeampaa ja yksinkertaisempaa kehitt\u00e4\u00e4 ja testata koodia &quot;paikallisesti&quot; tietokoneellasi kuin ladata jatkuvasti FTP:n kautta verkkotunnukseen tai palvelimeen.<\/p>\n<p>Edit: Olen luonut p\u00e4ivitetyn ja yksityiskohtaisemman oppaan <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/taeydellinen-opas-web-palvelimen-ja-wordpressin-asentamiseen-localhostiin\/\" title=\"paikallisen WordPressin perustamiseen t\u00e4\u00e4ll\u00e4\">paikallisen WordPressin perustamiseen t\u00e4\u00e4ll\u00e4<\/a>! <\/p>\n<h2>Paikallisen kehitysymp\u00e4rist\u00f6n perustaminen<\/h2>\n<p>On olemassa useita ilmaisia \u200b\u200bohjelmia, joiden avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 tietokoneesi verkkopalvelimeksi. Yleisimm\u00e4t ovat <a href=\"http:\/\/www.wampserver.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WampServer<\/a> Windowsille ja <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">XAMPP<\/a> tai <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MAMP<\/a> Mac IOS:lle. Jos k\u00e4yt\u00e4t Windows 64-bittisi\u00e4 j\u00e4rjestelmi\u00e4, varmista, ett\u00e4 asennat WampServerin 64-bittisen version. Mit\u00e4 tulee IOS:iin, suosittelen XAMPP:t\u00e4, mutta muista, ett\u00e4 joudut todenn\u00e4k\u00f6isesti tekem\u00e4\u00e4n joitain lis\u00e4vaiheita muuttaaksesi kehityskansion k\u00e4ytt\u00f6oikeuksia (jota tarvitaan WordPressin lis\u00e4osien ja muiden asentamiseen).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.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-152245-61e4d4e7ad896.jpg\" alt=\"WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen\"><\/a><\/p>\n<p>Lataa ohjelmisto (linkit yll\u00e4) ja suorita asennusohjelma. Sinun ei tarvitse antaa mit\u00e4\u00e4n tietoja, sen pit\u00e4isi oletusarvoisesti asentaa Apache-verkkopalvelin ja MySQL-tietokanta ja sen pit\u00e4isi toimia hyvin ilman muutoksia. Kun se on valmis, avaa ohjelma. Yleens\u00e4 se k\u00e4ynnist\u00e4\u00e4 Apachen ja SQL-palvelimen k\u00e4ynnist\u00e4misen, kun k\u00e4ynnist\u00e4t ohjelman, muuten siell\u00e4 pit\u00e4isi olla linkki &quot;K\u00e4ynnist\u00e4 kaikki palvelut&quot;.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.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-152245-61e4d4e880aff.png\" alt=\"WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen\"><\/a><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.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-152245-61e4d4e94b231.png\" alt=\"WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen\"><\/a><\/p>\n<p>Kun ohjelmasi on k\u00e4ynniss\u00e4, sinun pit\u00e4isi voida menn\u00e4 selaimeesi, kirjoittaa <code>localhost<\/code>ja n\u00e4hd\u00e4 kyseisen ohjelman tervetulosivu. Muista, ett\u00e4 tarvitset t\u00e4m\u00e4n ohjelman toimimaan taustalla ja suorittamaan kaikkia palveluita kehitt\u00e4ess\u00e4si.<\/p>\n<p>WampServeriss\u00e4 voit napsauttaa teht\u00e4v\u00e4palkin kuvaketta ja valita pikavalikosta &quot;K\u00e4ynnist\u00e4 kaikki palvelut&quot;. XAMPP:ssa ohjelman p\u00e4\u00e4liittym\u00e4ss\u00e4 on painike sit\u00e4 varten.<\/p>\n<p>Ohjelma tarjoaa sinulle erillisen kansion, johon voit sijoittaa verkkokehitystiedostosi. WampServerin oletushakemisto on <code>www<\/code>ohjelman asennushakemiston sis\u00e4ll\u00e4 oleva alikansio. esimerkiksi <code>C:wamp64www<\/code>. IOS:n XAMPP:lle l\u00f6yd\u00e4t pikakuvakkeen <code>htdocs<\/code>kansioon <code>Programs &gt; XAMPP &gt; htdocs<\/code>. T\u00e4h\u00e4n kansioon voit sijoittaa mit\u00e4 tahansa php- tai web-tiedostoja ja k\u00e4ytt\u00e4\u00e4 niit\u00e4 selaimesi kautta, ja sinne sijoitat my\u00f6s kaikki WordPress-tiedostot.<\/p>\n<h2>WordPressin asennus<\/h2>\n<p>WordPressin asentaminen on todella helppoa! Siirry <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress.orgin lataussivulle<\/a> ja napsauta suurta sinist\u00e4 painiketta ladataksesi. Saat zip-tiedoston WordPressin nykyisell\u00e4 versiolla englanniksi.<\/p>\n<p>Suosittelen, ett\u00e4 teet alikansion paikalliseen kehityskansioosi WordPressille (jos haluat tehd\u00e4 useita verkkokehitysprojekteja tai useita WordPressej\u00e4). T\u00e4t\u00e4 opetusohjelmaa varten loin alikansion nimelt\u00e4 <code>wordpress<\/code>, joten polkuni siihen on <code>C:wamp64wwwwordpress<\/code>(p\u00e4\u00e4st\u00e4kseni t\u00e4h\u00e4n kansioon minun on ment\u00e4v\u00e4 <code>localhost\/wordpress<\/code>selaimellani).<\/p>\n<p>1 Pura ladatun WordPressin zip-sis\u00e4lt\u00f6 haluamaasi paikkaan kehitysymp\u00e4rist\u00f6ss\u00e4si.<\/p>\n<p>Toiseksi sinun on luotava tietokanta paikalliseen SQL: \u00e4\u00e4n, jotta WordPress voi asentaa kaiken siihen. Yleens\u00e4 voit k\u00e4ytt\u00e4\u00e4 PHPMyAdminia (asennettu oletuksena WampServerin ja XAMPP:n kanssa). P\u00e4\u00e4set PHPMyAdminiin siirtym\u00e4ll\u00e4 <code>localhost\/phpmyadmin<\/code>selaimessasi kohtaan. Sinun pit\u00e4isi n\u00e4hd\u00e4 kirjautumissivu. Oletuksena k\u00e4ytt\u00e4j\u00e4 on <code>root<\/code>ja salasana on tyhj\u00e4.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.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-152245-61e4d4ea2b633.png\" alt=\"WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen\"><\/a><\/p>\n<p>Riippuen siit\u00e4, mink\u00e4 PHPMyAdmin-version olet asentanut, sinun pit\u00e4isi helposti l\u00f6yt\u00e4\u00e4 linkkej\u00e4 uuden tietokannan asentamiseksi; esimerkiksi &quot;Uusi&quot; vasemman sivupalkin yl\u00e4osassa. P\u00e4\u00e4t\u00e4 tietokannan nimi WordPress-asennuksellesi (suosittelen, ett\u00e4 k\u00e4yt\u00e4t samaa nime\u00e4 kuin kansiosi; esim. <code>wordpress<\/code>tai jotain v\u00e4h\u00e4n enemm\u00e4n puhuttavaa). Lajittelutyypin (pudotusvalikon) osalta suosittelen &quot; <code>utf8_general_ci<\/code>&quot;:n k\u00e4ytt\u00f6\u00e4 (sinun on vieritett\u00e4v\u00e4 alasp\u00e4in l\u00f6yt\u00e4\u00e4ksesi sen). Paina OK, ja voit vain sulkea PHPMyAdmin-v\u00e4lilehden. WordPress hoitaa loput puolestasi.<\/p>\n<p>2 Kirjaudu tietokantaan PHPMyAdminilla ja luo uusi tietokanta valitsemallasi tietokannan nimell\u00e4 ja lajittelutyypiksi utf8.<\/p>\n<p>Viimeinen vaihe on suorittaa WordPress-asennusohjelma, joka tekee loput puolestasi.<\/p>\n<p>3 Siirry selaimessasi kohtaan <code>localhost\/wordpress<\/code>(tai minne purit WordPressin). WordPress-asennusohjelman pit\u00e4isi ilmesty\u00e4 ja opastaa sinua WordPressin asennuksessa.<\/p>\n<p>Asennusopas pyyt\u00e4\u00e4 sinua sy\u00f6tt\u00e4m\u00e4\u00e4n tietokantanimesi (kirjoita yll\u00e4 luomasi nimi), SQL-k\u00e4ytt\u00e4j\u00e4nimesi ja salasanasi (oletus &quot;root&quot; ja tyhj\u00e4 salasana). Kaikessa muussa voit j\u00e4tt\u00e4\u00e4 oletuksena tai m\u00e4\u00e4ritt\u00e4\u00e4 haluamasi muuttujat, kuten sivustosi nimen, ja m\u00e4\u00e4ritt\u00e4\u00e4 kirjautumistietosi.<\/p>\n<p>Kun WordPress-asennusopas on valmis, sinulla pit\u00e4isi nyt olla t\u00e4ydellinen WordPress asennettuna paikallisesti! Vierailun <code>localhost\/wordpress<\/code>pit\u00e4isi antaa sinulle etusivusi ja vierailun <code>localhost\/wordpress\/wp-admin<\/code>pit\u00e4isi antaa sinulle hallintapaneeli.<\/p>\n<p>Olet nyt valmis aloittamaan WordPress-teeman kehitt\u00e4misen! Siirry suoraan <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">osaan 1: Johdanto<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vaihe 0.5 WordPress-teeman opetusohjelmassa aloittelijoille kattaa paikallisen kehitysymp\u00e4rist\u00f6n m\u00e4\u00e4ritt\u00e4misen WAMP:n tai XAMPP:n avulla ja WordPressin asentamisen.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[927,895,719,719,895,917,917,1110,834,843,834,927,843,864,864],"tags":[1166],"class_list":{"0":"post-233749","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-aiheita","8":"category-koodi","9":"category-kehittaejae","12":"category-muut","14":"category-n-a","15":"category-opas-aloittelijoille","16":"category-opetusohjelmia","20":"category-wordpress-5","22":"tag-affiai-fi"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/233749","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=233749"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/233749\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=233749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=233749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=233749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}