Kun puhutaan WordPress-laajennusten kanssa, ei ole harvinaista nähdä ihmisten käyttävän nykyaikaisempia työkaluja, kuten Composer, käyttöliittymän riippuvuuden hallintaa työkalujen, kuten Node, ja niin edelleen.
Itse asiassa sanoisin, että suosituin on todennäköisesti Roots – tiimin Sage – projekti. Se on hienoa, mutta äskettäin törmäsimme ystävieni kanssa Tonik WordPress -aloitusteemaan, ja minulla oli ilo keskustella projektin johtajan Patrykin kanssa.
Joten niille teistä, jotka ovat kiinnostuneita nykyaikaisemmista työnkuluista, työkaluista ja strategioista ja niiden käyttämisestä teeman kehittämisen yhteydessä, Tonik on mielestäni tutustumisen arvoinen.
Ei kestänyt kauan, ennen kuin sain teeman esiintymän paikallisella koneellani. Mutta tämän pointti ei ole minun kokemukseni siitä – sen vuoksi mielestäni se on tutustumisen arvoinen.
Tonik WordPress -aloitusteema
Ennen kuin aloin varsinaiseen teeman asentamiseen, ajattelin, että voisi olla syytä korostaa, mikä tekee Tonikista tutustumisen arvoisen.
Niille, jotka ovat kiinnostuneita sekä komentorivi- että olioohjelmointitekniikoiden käytöstä, teema tarjoaa seuraavat:
- komentorivin käyttöliittymä uusien teemojen helpottamiseksi,
- parannettu mallipohja, joka tukee tietojen välittämistä,
- verkkopaketti resurssien hallintaan, kokoamiseen ja optimointiin,
- Suunniteltu rakentamiseen toimien ja suodattimien avulla
Ensinnäkin voit nähdä projektin GitHubissa, mutta ennen kuin käyt läpi ja lataat kaikki siihen liittyvät komponentit (kuten Gin ), on tärkeää huomata, kuinka työnkulku sujuu tällä tietyllä teemalla.
Eli ei ole niin, että lataat sen, asennat sen ja olet valmis lähtemään. Sen sijaan työnkulku on hieman erilainen.
Päästä alkuun
Esimerkiksi aloittaaksesi Tonikin käytön, sinun on tehtävä seuraavat (huomaa, että kaikki tämä edellyttää, että Composer ja Node on asennettu).
Siirry wp-content/themes- hakemistoosi ja kirjoita seuraava komento:
$ composer create-project tonik/theme acme-themeTietenkään sinun ei tarvitse kutsua sitä "acme-teemaksi".
Sieltä sinun on kloonattava projektin arkisto GitHubista (tämän vuoksi et asenna sitä tavanomaisella teemojen asennustavalla, mutta lisää tästä minuutissa):
Tässä vaiheessa on vielä muutama riippuvuus, jotka sen on ratkaistava. Voit tehdä tämän siirtymällä juuri luodun teeman hakemistoon ja asentamalla sitten mainitut riippuvuudet Composerilla.
$ composer installJa asenna sitten käyttöliittymän riippuvuudet:
$ npm installTässä vaiheessa jäljellä on vain perusteeman rakentaminen ja sen aktivoiminen (komentorivin kautta, jossa WP-CLI tulee peliin):
$ npm run dev$ wp theme activate acme-themeTässä vaiheessa olet valmis aloittamaan teeman käytön WordPressissä.
"Se näyttää vähän monimutkaiselta…"
Kun otetaan huomioon kaikki yllä olevat vaiheet, luonnollinen kysymys on todennäköinen: "Miksi vaivautuisin tekemään kaiken tämän, kun voin rakentaa teeman normaalilla menetelmällä?"
Ja se on hyvä kysymys. Mutta jos olet joku, joka haluaa rakentaa ratkaisuja itsellesi tai muille käyttämällä nykyaikaisempia työkaluja, uskon, että tämän kaltaisten työkalujen käyttäminen voi tehdä sen mahdolliseksi.
Kaikki se tarjoaa
Esimerkkitapaus: Yksi tuskakohta, kun kehitetään malleja muille, on todellisen mallinnusmoottorin puute WordPressissä (ainakin tätä kirjoitettaessa).
Mutta jos katsot dokumentaatiota pelkän mallin luomista varten, näet muutamia asioita, kuten paikkamerkit ja muita tapoja käsitellä tiettyjä elementtejä.
Ja siihen on sisäänrakennettu paljon muutakin. Haluaisin sanoa, että olen kokeillut kaikkia sen tarjoamia puolia, mutta minusta tuntuu, että olen vain raapinut pintaa. Minulla ei esimerkiksi ollut mahdollisuutta puuhata mitään HTTP-ominaisuuksia.
Tästä huolimatta tässä on nopea yhteenveto siitä, mitä kaikki teemat tarjoavat:
- valmiiksi määritetty hakemistorakenne,
- mallinnus,
- komponenttien tuki,
- aputoiminnot,
- Ajax-tuki,
- teematoiminnot ja suodattimet,
- palvelukontti ,
- tuki lyhytkoodeille,
- automaattinen lataus,
- ja niin paljon muuta.
Kaikki tämä voidaan tarkastella dokumentaatiossa.