T\u00e4m\u00e4 on opetusohjelmasarja, joka kattaa WordPress-teeman kehitt\u00e4misen perusteet tyhj\u00e4st\u00e4. Se on sinulle, joka on harrastellut jonkin verran muiden teemojen vaihtamista, toivoen, ett\u00e4 tiet\u00e4isit tarpeeksi luodaksesi oman teemasi, tai olet yritt\u00e4nyt tehd\u00e4 oman teemasi tyhj\u00e4st\u00e4, mutta sinulla on ollut vaikeuksia ymm\u00e4rt\u00e4\u00e4 teeman tarpeita. T\u00e4m\u00e4n 12 oppitunnin kautta t\u00e4m\u00e4 opetusohjelma opastaa sinua oman WordPress-teeman kehitt\u00e4misess\u00e4 samalla kun opit yleisi\u00e4 k\u00e4yt\u00e4nt\u00f6j\u00e4 ja WordPressin toiminnan perusteita. T\u00e4m\u00e4n opetusohjelman tavoitteena ei ole viimeistell\u00e4 h\u00e4mm\u00e4stytt\u00e4v\u00e4n n\u00e4k\u00f6inen ja k\u00e4ytt\u00f6valmis tai myyntiteema, vaan antaa sinulle vankka perusta, joka tarvitaan sen rakentamiseen ja laajentamiseen.<\/p>\n
Suosittelen, ett\u00e4 kirjoitat kaiken itse sen sijaan, ett\u00e4 kopioit + liit\u00e4t koodin. Se on paras tapa oppia (\u00e4l\u00e4 huoli, emme puhu t\u00e4ss\u00e4 tuhansista riveist\u00e4)! Oppitunnit on asetettu niin, ett\u00e4 opit, mit\u00e4 jokainen koodin bitti tekee, askel askeleelta, jotta voit muokata ja lis\u00e4t\u00e4 sit\u00e4 matkan varrella, jotta saat siit\u00e4 juuri sellaisen kuin haluat sen olevan tai milt\u00e4 se n\u00e4ytt\u00e4\u00e4.. Jokaisen oppitunnin lopussa linkit\u00e4n kunkin k\u00e4ytetyn menetelm\u00e4n dokumentaatiosivuille, yleens\u00e4 WordPress Codexiin<\/a>.<\/p>\n T\u00e4m\u00e4 opetusohjelma ei kata tyyli\u00e4 (CSS), mutta siin\u00e4 selitet\u00e4\u00e4n, kuinka voit lis\u00e4t\u00e4 tyylisivut teemaasi, ja k\u00e4yd\u00e4\u00e4n l\u00e4pi, kuinka voit k\u00e4ske\u00e4 WordPressi\u00e4 lis\u00e4\u00e4m\u00e4\u00e4n dynaamisesti hy\u00f6dyllisi\u00e4 luokkia HTML-koodiisi. Kannustan sinua muotoilemaan teemasi itsellesi, kun seuraat sit\u00e4.<\/p>\n T\u00e4m\u00e4 opetusohjelma on sinulle, joka:<\/p>\n Mit\u00e4 sinun tulee seurata t\u00e4t\u00e4 opetusohjelmaa, on:<\/p>\n Alla on suorat linkit kaikkiin t\u00e4m\u00e4n opetusohjelman 12 oppituntiin; Kuitenkin jokaisen oppitunnin lopusta l\u00f6yd\u00e4t navigointilinkkej\u00e4 seuraavaan tai edelliseen oppituntiin, joten sinun ei tarvitse palata t\u00e4nne.<\/p>\n Sen enemp\u00e4\u00e4 puhumatta, aloitetaan<\/strong>! Jos sinulla on jo paikallinen WordPress-kehityskokoonpano, siirry suoraan eteenp\u00e4in osaan 1: Johdanto<\/a>.<\/p>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 0.5: Paikallisen WordPress-kehityksen m\u00e4\u00e4ritt\u00e4minen<\/a><\/p>\n 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<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 1: Johdanto<\/a><\/p>\n T\u00e4ll\u00e4 oppitunnilla opit kuinka WordPress lataa sis\u00e4lt\u00f6\u00e4 riippuen siit\u00e4, mill\u00e4 sivulla olet, ja teemamallitiedostojen hierarkian mukaan. Opit my\u00f6s, mit\u00e4 kelvolliseen teemaan tarvitaan. Ja lopuksi luomme teemamme ja aktivoimme sen.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 2: Mallit<\/a><\/p>\n T\u00e4m\u00e4 oppitunti opettaa sinulle, miten WordPress-teeman p\u00e4\u00e4rakennusmallit rakennetaan. Aloitamme t\u00e4rkeimpien mallien luomisen.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 3: Dynaaminen sis\u00e4lt\u00f6<\/a><\/p>\n T\u00e4ll\u00e4 WordPress-teeman opetusohjelman aloittelijoille oppitunnilla opimme WordPressin koukuista ja lis\u00e4\u00e4mme teemaamme muutamia koukkuja, joita tarvitaan, jotta teema toimisi kunnolla WordPressin ja laajennusten kanssa. Aloitamme my\u00f6s p\u00e4\u00e4syn WordPressin dynaamiseen sis\u00e4lt\u00f6\u00f6n otsikossamme, esimerkiksi saamaan automaattisesti nykyisen sivun otsikon.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 4: Post Loop<\/a><\/p>\n T\u00e4ll\u00e4 WordPress-teeman opetusohjelman aloittelijoille oppitunnilla k\u00e4sittelemme yksityiskohtaisesti WordPressin "postisilmukkaa"; mit\u00e4 se on, milt\u00e4 se n\u00e4ytt\u00e4\u00e4, miksi k\u00e4yt\u00e4mme sit\u00e4 ja miten p\u00e4\u00e4semme k\u00e4siksi viesteihin. Sen j\u00e4lkeen ryhdymme toteuttamaan silmukka teemaamme.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 5: Viestitietojen k\u00e4ytt\u00f6<\/a><\/p>\n T\u00e4m\u00e4 WordPress-teeman opetusohjelman oppitunti aloittelijoille k\u00e4sittelee sit\u00e4, kuinka voimme k\u00e4ytt\u00e4\u00e4 ja tulostaa tietoja, kuten sen linkin, otsikon ja muuta jokaisesta viestist\u00e4, kun olemme viestisilmukan sis\u00e4ll\u00e4. Teemme t\u00e4m\u00e4n mallitunnisteilla. Samanaikaisesti lis\u00e4\u00e4mme teemaamme my\u00f6s yksitt\u00e4isen n\u00e4kym\u00e4n mallit.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 6: Teeman funktiot.php<\/a><\/p>\n T\u00e4n\u00e4\u00e4n opimme, miss\u00e4 ja kuinka lis\u00e4t\u00e4 koodia teemamme mallien ulkopuolelle. Teemme t\u00e4m\u00e4n lis\u00e4\u00e4m\u00e4ll\u00e4 teeman functions.php-tiedoston. Matkan varrella opimme my\u00f6s lis\u00e4\u00e4m\u00e4\u00e4n tyylisivut ja skriptit oikealla tavalla.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 7: Teeman asetukset ja suositellut kuvat<\/a><\/p>\n T\u00e4m\u00e4 oppitunti jatkuu lis\u00e4\u00e4m\u00e4ll\u00e4 WordPress-teeman m\u00e4\u00e4ritt\u00e4miseen tarvittavan peruskoodin. Opimme lis\u00e4\u00e4m\u00e4\u00e4n teematukea ja suodattamaan etusivun otsikon.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 8: K\u00e4\u00e4nn\u00f6s<\/a><\/p>\n Opimme kuinka k\u00e4\u00e4nt\u00e4minen (tai i18n) toimii WordPressiss\u00e4 ja miten tekstit saadaan k\u00e4\u00e4nnett\u00e4v\u00e4ksi. Sis\u00e4lt\u00e4\u00e4 my\u00f6s oppaan PoEditin k\u00e4ytt\u00e4misest\u00e4 .po-tiedostojen luomiseen.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 9: Valikot ja widget-alueet<\/a><\/p>\n T\u00e4m\u00e4 oppitunti kattaa kuinka lis\u00e4t\u00e4 kaksi WordPressin ydinominaisuutta teemaamme; valikot ja widget-alueet. Opimme rekister\u00f6im\u00e4\u00e4n sijainnin sivuston p\u00e4\u00e4navigointivalikossa ja n\u00e4ytt\u00e4m\u00e4\u00e4n valikon malleissamme sek\u00e4 sallimaan widgetien lis\u00e4\u00e4misen sivupalkkiin ja alatunnistealueeseen.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 10: Lis\u00e4\u00e4 malleja<\/a><\/p>\n T\u00e4ll\u00e4 WordPress-teeman opetusohjelman aloittelijoille oppitunnilla sukeltaamme enemm\u00e4n malleihin. Opimme mallin osista ja toteutamme ne uudelleenk\u00e4ytett\u00e4vyytt\u00e4 varten. Ja lis\u00e4\u00e4mme teemaamme lis\u00e4\u00e4 WordPressin oletusmalleja.<\/p>\n<\/li>\n WordPress-teeman opetusohjelma aloittelijoille \u2013 Osa 11: Mukautetut sivumallit<\/a><\/p>\n T\u00e4ll\u00e4 WordPress-teeman opetusohjelman aloittelijoille oppitunnilla opimme sivumalleista, mit\u00e4 ne ovat, miten niit\u00e4 luodaan ja parhaita k\u00e4yt\u00e4nt\u00f6j\u00e4. Teemme esimerkkin\u00e4 t\u00e4ysleve\u00e4n mallin. Matkan varrella lis\u00e4\u00e4mme my\u00f6s luokan runkoon kysym\u00e4ll\u00e4, k\u00e4ytt\u00e4\u00e4k\u00f6 sivu tietty\u00e4 sivumallia.<\/p>\n<\/li>\nEdellytykset<\/h2>\n
\n
\n
Oppitunti Sis\u00e4llysluettelo<\/h2>\n
\n