S\u00e5 f\u00f6r er som \u00e4r intresserade av mer moderna arbetsfl\u00f6den, verktyg och strategier och anv\u00e4nda dem inom ramen f\u00f6r temautveckling, tycker jag att Tonik \u00e4r v\u00e4rt att kolla in.<\/p>\n
Det tog mig inte l\u00e5ng tid att f\u00e5 en instans av temat snurrade upp p\u00e5 min lokala dator. Men po\u00e4ngen med det h\u00e4r handlar inte om min erfarenhet av det \u2013 det \u00e4r d\u00e4rf\u00f6r jag tycker att det \u00e4r v\u00e4rt att kolla in.<\/p>\n
Tonik WordPress Starter Theme<\/h2>\n
Innan jag b\u00f6rjade med sj\u00e4lva installationen av temat t\u00e4nkte jag att det kan vara v\u00e4rt att lyfta fram vad som g\u00f6r Tonik<\/a> v\u00e4rd att kolla in.<\/p>\n F\u00f6r dem som \u00e4r intresserade av att anv\u00e4nda b\u00e5de kommandorads- och objektorienterad programmeringsteknik, erbjuder temat f\u00f6ljande:<\/p>\n F\u00f6rst kan du se projektet p\u00e5 GitHub, men innan du g\u00e5r igenom och laddar ner alla de olika relaterade komponenterna (som Gin<\/a> ), \u00e4r det viktigt att notera hur arbetsfl\u00f6det g\u00e5r f\u00f6r just detta tema.<\/p>\n Det vill s\u00e4ga, det \u00e4r inte s\u00e5 att du laddar ner det, installerar det och du \u00e4r redo att b\u00f6rja. Ist\u00e4llet \u00e4r arbetsfl\u00f6det lite annorlunda.<\/p>\n Till exempel, f\u00f6r att komma ig\u00e5ng med Tonik, h\u00e4r \u00e4r vad du beh\u00f6ver g\u00f6ra (observera att allt detta f\u00f6ruts\u00e4tter att du har Composer<\/a> och Node<\/a> installerade).<\/p>\n Navigera till din wp-content\/themes-<\/strong> katalog och ange f\u00f6ljande kommando:<\/p>\n Naturligtvis beh\u00f6ver du inte kalla det "acme-tema."<\/p>\n D\u00e4rifr\u00e5n m\u00e5ste du klona projektets arkiv fr\u00e5n GitHub (det \u00e4r d\u00e4rf\u00f6r du inte installerar det enligt det vanliga s\u00e4ttet att installera teman, utan mer om detta p\u00e5 en minut):<\/p>\n Vid det h\u00e4r laget finns det n\u00e5gra fler beroenden som det m\u00e5ste l\u00f6sa. F\u00f6r att g\u00f6ra detta, navigera till det nyskapade temats katalog och anv\u00e4nd sedan Composer f\u00f6r att installera n\u00e4mnda beroenden.<\/p>\n Och installera sedan gr\u00e4nssnittsberoendena:<\/p>\n Vid denna tidpunkt \u00e4r allt som \u00e5terst\u00e5r att bygga grundtemat och aktivera det (via kommandoraden som \u00e4r d\u00e4r WP-CLI<\/a> kommer in i bilden):<\/p>\n Vid det h\u00e4r laget \u00e4r du redo att b\u00f6rja anv\u00e4nda temat i WordPress.<\/p>\n Med tanke p\u00e5 alla steg ovan \u00e4r den naturliga fr\u00e5gan troligen "Varf\u00f6r skulle jag bry mig om att g\u00f6ra allt detta n\u00e4r jag bara kan bygga ett tema med den normala metoden?"<\/p>\n Och det \u00e4r en bra fr\u00e5ga. Men om du \u00e4r n\u00e5gon som funderar p\u00e5 att bygga l\u00f6sningar f\u00f6r dig sj\u00e4lv eller andra med hj\u00e4lp av modernare verktyg, s\u00e5 tror jag att anv\u00e4ndningen av s\u00e5dana h\u00e4r verktyg kan g\u00f6ra det m\u00f6jligt.<\/p>\n Exempel: En sak av sm\u00e4rta n\u00e4r man utvecklar mallar f\u00f6r andra \u00e4r avsaknaden av en riktig mallmotor i WordPress (\u00e5tminstone n\u00e4r detta skrivs).<\/p>\n Men om du tittar p\u00e5 dokumentationen f\u00f6r enbart mall, kommer du att se n\u00e5gra saker som platsh\u00e5llare<\/a> och andra s\u00e4tt att hantera vissa element<\/a>.<\/p>\n Och det finns s\u00e5 mycket mer inbyggt i det. Jag skulle \u00e4lska att s\u00e4ga att jag har provat alla aspekter av vad det erbjuder men jag k\u00e4nner att jag bara har skrapat p\u00e5 ytan. Till exempel hade jag inte en chans att mixtra med n\u00e5gon av HTTP-funktionerna.<\/p>\n \u00c4nd\u00e5, h\u00e4r \u00e4r en snabb sammanfattning av vad allt tema erbjuder:<\/p>\n Allt detta kan granskas i dokumentationen<\/a>.<\/p>\n\n
![\"Tonik](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.png\")
<\/a><\/p>\nKomma ig\u00e5ng<\/h3>\n
![\"Tonik](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e79117d0c11.png\")
<\/a><\/p>\n$ composer create-project tonik\/theme acme-theme<\/code><\/pre>\n$ git clone -b master git@github.com:tonik\/theme.git <theme-name><\/code><\/pre>\n$ composer install<\/code><\/pre>\n$ npm install<\/code><\/pre>\n$ npm\u00a0run dev<\/code><\/pre>\n$ wp theme activate acme-theme<\/code><\/pre>\n"Det verkar lite komplicerat…"<\/h2>\n
Allt det erbjuder<\/h3>\n
\n