Tämä on opetusohjelmasarja, joka kattaa WordPress-teeman kehittämisen perusteet tyhjästä. Se on sinulle, joka on harrastellut jonkin verran muiden teemojen vaihtamista, toivoen, että tietäisit tarpeeksi luodaksesi oman teemasi, tai olet yrittänyt tehdä oman teemasi tyhjästä, mutta sinulla on ollut vaikeuksia ymmärtää teeman tarpeita. Tämän 12 oppitunnin kautta tämä opetusohjelma opastaa sinua oman WordPress-teeman kehittämisessä samalla kun opit yleisiä käytäntöjä ja WordPressin toiminnan perusteita. Tämän opetusohjelman tavoitteena ei ole viimeistellä hämmästyttävän näköinen ja käyttövalmis tai myyntiteema, vaan antaa sinulle vankka perusta, joka tarvitaan sen rakentamiseen ja laajentamiseen.
Suosittelen, että kirjoitat kaiken itse sen sijaan, että kopioit + liität koodin. Se on paras tapa oppia (älä huoli, emme puhu tässä tuhansista riveistä)! Oppitunnit on asetettu niin, että opit, mitä jokainen koodin bitti tekee, askel askeleelta, jotta voit muokata ja lisätä sitä matkan varrella, jotta saat siitä juuri sellaisen kuin haluat sen olevan tai miltä se näyttää.. Jokaisen oppitunnin lopussa linkitän kunkin käytetyn menetelmän dokumentaatiosivuille, yleensä WordPress Codexiin.
Tämä opetusohjelma ei kata tyyliä (CSS), mutta siinä selitetään, kuinka voit lisätä tyylisivut teemaasi, ja käydään läpi, kuinka voit käskeä WordPressiä lisäämään dynaamisesti hyödyllisiä luokkia HTML-koodiisi. Kannustan sinua muotoilemaan teemasi itsellesi, kun seuraat sitä.
Edellytykset
Tämä opetusohjelma on sinulle, joka:
- Tunnet HTML:n ja CSS:n perusteet
- Tiedä vähän PHP:tä. Sinun ei tarvitse olla asiantuntija, mutta sinun tulee tietää perusasiat
- WordPressin käyttö on sinulle tuttua
- Haluan oppia!
Mitä sinun tulee seurata tätä opetusohjelmaa, on:
- Paikallinen kehitysjärjestely. Voit kehittää siirtoa FTP:n kautta verkkotunnukseen, mutta se on suositeltavaa perustaa paikallisesti. Sinun pitäisi (ilmeisesti) myös olla WordPress asennettuna kehityssivustollesi. Selitän lyhyesti , kuinka tämä tehdään osassa 0.
- Hyvä tekstieditori. Voit käyttää mitä tahansa editoria, kuten Notepadia ja vastaavia, mutta on suositeltavaa käyttää koodaukseen tarkoitettua ohjelmistoa (se on helpompi lukea, löytää ja kirjoittaa koodia). Itse käytän Sublime Text 3:a.
Oppitunti Sisällysluettelo
Alla on suorat linkit kaikkiin tämän opetusohjelman 12 oppituntiin; Kuitenkin jokaisen oppitunnin lopusta löydät navigointilinkkejä seuraavaan tai edelliseen oppituntiin, joten sinun ei tarvitse palata tänne.
Sen enempää puhumatta, aloitetaan! Jos sinulla on jo paikallinen WordPress-kehityskokoonpano, siirry suoraan eteenpäin osaan 1: Johdanto.
-
Vaihe 0.5 WordPress-teeman opetusohjelmassa aloittelijoille kattaa paikallisen kehitysympäristön määrittämisen WAMP:n tai XAMPP:n avulla ja WordPressin asentamisen.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 1: Johdanto
Tällä oppitunnilla opit kuinka WordPress lataa sisältöä riippuen siitä, millä sivulla olet, ja teemamallitiedostojen hierarkian mukaan. Opit myös, mitä kelvolliseen teemaan tarvitaan. Ja lopuksi luomme teemamme ja aktivoimme sen.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 2: Mallit
Tämä oppitunti opettaa sinulle, miten WordPress-teeman päärakennusmallit rakennetaan. Aloitamme tärkeimpien mallien luomisen.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 3: Dynaaminen sisältö
Tällä WordPress-teeman opetusohjelman aloittelijoille oppitunnilla opimme WordPressin koukuista ja lisäämme teemaamme muutamia koukkuja, joita tarvitaan, jotta teema toimisi kunnolla WordPressin ja laajennusten kanssa. Aloitamme myös pääsyn WordPressin dynaamiseen sisältöön otsikossamme, esimerkiksi saamaan automaattisesti nykyisen sivun otsikon.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 4: Post Loop
Tällä WordPress-teeman opetusohjelman aloittelijoille oppitunnilla käsittelemme yksityiskohtaisesti WordPressin "postisilmukkaa"; mitä se on, miltä se näyttää, miksi käytämme sitä ja miten pääsemme käsiksi viesteihin. Sen jälkeen ryhdymme toteuttamaan silmukka teemaamme.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 5: Viestitietojen käyttö
Tämä WordPress-teeman opetusohjelman oppitunti aloittelijoille käsittelee sitä, kuinka voimme käyttää ja tulostaa tietoja, kuten sen linkin, otsikon ja muuta jokaisesta viestistä, kun olemme viestisilmukan sisällä. Teemme tämän mallitunnisteilla. Samanaikaisesti lisäämme teemaamme myös yksittäisen näkymän mallit.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 6: Teeman funktiot.php
Tänään opimme, missä ja kuinka lisätä koodia teemamme mallien ulkopuolelle. Teemme tämän lisäämällä teeman functions.php-tiedoston. Matkan varrella opimme myös lisäämään tyylisivut ja skriptit oikealla tavalla.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 7: Teeman asetukset ja suositellut kuvat
Tämä oppitunti jatkuu lisäämällä WordPress-teeman määrittämiseen tarvittavan peruskoodin. Opimme lisäämään teematukea ja suodattamaan etusivun otsikon.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 8: Käännös
Opimme kuinka kääntäminen (tai i18n) toimii WordPressissä ja miten tekstit saadaan käännettäväksi. Sisältää myös oppaan PoEditin käyttämisestä .po-tiedostojen luomiseen.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 9: Valikot ja widget-alueet
Tämä oppitunti kattaa kuinka lisätä kaksi WordPressin ydinominaisuutta teemaamme; valikot ja widget-alueet. Opimme rekisteröimään sijainnin sivuston päänavigointivalikossa ja näyttämään valikon malleissamme sekä sallimaan widgetien lisäämisen sivupalkkiin ja alatunnistealueeseen.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 10: Lisää malleja
Tällä WordPress-teeman opetusohjelman aloittelijoille oppitunnilla sukeltaamme enemmän malleihin. Opimme mallin osista ja toteutamme ne uudelleenkäytettävyyttä varten. Ja lisäämme teemaamme lisää WordPressin oletusmalleja.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 11: Mukautetut sivumallit
Tällä WordPress-teeman opetusohjelman aloittelijoille oppitunnilla opimme sivumalleista, mitä ne ovat, miten niitä luodaan ja parhaita käytäntöjä. Teemme esimerkkinä täysleveän mallin. Matkan varrella lisäämme myös luokan runkoon kysymällä, käyttääkö sivu tiettyä sivumallia.
-
WordPress-teeman opetusohjelma aloittelijoille – Osa 12: Mukautettu viestikysely
Tällä viimeisellä oppitunnilla opimme kirjoittamaan oman kyselysi viesteistä ja kiertämään niitä keskeyttämättä mallin yläsilmukkaa. Teemme yksittäisille viesteille malliosan, jossa näkyvät samaan kategoriaan liittyvät viestit.
-
WordPress-teeman opetusohjelma aloittelijoille – Johtopäätös ja seuraavat vaiheet
Päätämme tämän WordPress-teeman opetusohjelman aloittelijoille tekemällä nopean yhteenvedon oppimistamme. Ja katso, mitä voit tehdä seuraavaksi ja miten voit parantaa itseäsi WordPress-teeman kehittäjänä.