Tonik WordPress Starter Theme

När det kommer till att arbeta med WordPress-plugins är det inte ovanligt att folk använder mer moderna verktyg som Composer, front-end beroendehantering via verktyg som Node, och så vidare.

Jag skulle faktiskt säga att det mest populära förmodligen är Sage – projektet från Roots -teamet. Det är jättebra, men nyligen snubblade jag och några vänner över Tonik WordPress Starter Theme, och jag hade nöjet att prata med projektledaren Patryk.

Så för er som är intresserade av mer moderna arbetsflöden, verktyg och strategier och använda dem inom ramen för temautveckling, tycker jag att Tonik är värt att kolla in.

Det tog mig inte lång tid att få en instans av temat snurrade upp på min lokala dator. Men poängen med det här handlar inte om min erfarenhet av det – det är därför jag tycker att det är värt att kolla in.

Tonik WordPress Starter Theme

Innan jag började med själva installationen av temat tänkte jag att det kan vara värt att lyfta fram vad som gör Tonik värd att kolla in.

För dem som är intresserade av att använda både kommandorads- och objektorienterad programmeringsteknik, erbjuder temat följande:

• kommandoradsgränssnitt, för att enkelt initiera nya teman,
• förbättrad mall med stöd för att skicka data,
• webbpaket för hantering, sammanställning och optimering av tillgångar,
• orienterad för att bygga med åtgärder och filter

Först kan du se projektet på GitHub, men innan du går igenom och laddar ner alla de olika relaterade komponenterna (som Gin ), är det viktigt att notera hur arbetsflödet går för just detta tema.

Det vill säga, det är inte så att du laddar ner det, installerar det och du är redo att börja. Istället är arbetsflödet lite annorlunda.

Komma igång

Till exempel, för att komma igång med Tonik, här är vad du behöver göra (observera att allt detta förutsätter att du har Composer och Node installerade).

Navigera till din wp-content/themes- katalog och ange följande kommando:

$ composer create-project tonik/theme acme-theme

Naturligtvis behöver du inte kalla det "acme-tema."

Därifrån måste du klona projektets arkiv från GitHub (det är därför du inte installerar det enligt det vanliga sättet att installera teman, utan mer om detta på en minut):

Vid det här laget finns det några fler beroenden som det måste lösa. För att göra detta, navigera till det nyskapade temats katalog och använd sedan Composer för att installera nämnda beroenden.

$ composer install

Och installera sedan gränssnittsberoendena:

$ npm install

Vid denna tidpunkt är allt som återstår att bygga grundtemat och aktivera det (via kommandoraden som är där WP-CLI kommer in i bilden):

$ npm run dev

$ wp theme activate acme-theme

Vid det här laget är du redo att börja använda temat i WordPress.

"Det verkar lite komplicerat…"

Med tanke på alla steg ovan är den naturliga frågan troligen "Varför skulle jag bry mig om att göra allt detta när jag bara kan bygga ett tema med den normala metoden?"

Och det är en bra fråga. Men om du är någon som funderar på att bygga lösningar för dig själv eller andra med hjälp av modernare verktyg, så tror jag att användningen av sådana här verktyg kan göra det möjligt.

Allt det erbjuder

Exempel: En sak av smärta när man utvecklar mallar för andra är avsaknaden av en riktig mallmotor i WordPress (åtminstone när detta skrivs).

Men om du tittar på dokumentationen för enbart mall, kommer du att se några saker som platshållare och andra sätt att hantera vissa element.

Och det finns så mycket mer inbyggt i det. Jag skulle älska att säga att jag har provat alla aspekter av vad det erbjuder men jag känner att jag bara har skrapat på ytan. Till exempel hade jag inte en chans att mixtra med någon av HTTP-funktionerna.

Ändå, här är en snabb sammanfattning av vad allt tema erbjuder:

• en förkonfigurerad katalogstruktur,
• mall,
• komponentstöd,
• hjälpfunktioner,
• Ajax support,
• temaåtgärder och filter,
• en servicebehållare,
• stöd för kortkoder,
• automatisk laddning,
• och så mycket mer.

Allt detta kan granskas i dokumentationen.