Tak wi\u0119c dla tych z was, kt\u00f3rzy s\u0105 zainteresowani bardziej nowoczesnymi przep\u0142ywami pracy, narz\u0119dziami i strategiami oraz wykorzystaniem ich w kontek\u015bcie opracowywania motyw\u00f3w, my\u015bl\u0119, \u017ce warto sprawdzi\u0107 Tonika.<\/p>\n
Nie zaj\u0119\u0142o mi du\u017co czasu, aby uruchomi\u0107 wyst\u0105pienie motywu na moim lokalnym komputerze. Ale nie chodzi w tym o moje do\u015bwiadczenia z tym tematem \u2013 dlatego uwa\u017cam, \u017ce warto to sprawdzi\u0107.<\/p>\n
Motyw startowy Tonik WordPress<\/h2>\n
Przed przyst\u0105pieniem do faktycznej instalacji motywu pomy\u015bla\u0142em, \u017ce warto podkre\u015bli\u0107, co sprawia, \u017ce \u200b\u200bwarto sprawdzi\u0107 Tonika .<\/a><\/p>\n Dla tych, kt\u00f3rzy s\u0105 zainteresowani u\u017cywaniem zar\u00f3wno technik programowania wiersza polece\u0144, jak i programowania obiektowego, motyw oferuje:<\/p>\n Po pierwsze, mo\u017cesz zobaczy\u0107 projekt na GitHub, ale zanim przejdziesz i pobierzesz wszystkie r\u00f3\u017cne powi\u0105zane komponenty (takie jak Gin<\/a> ), wa\u017cne jest, aby zauwa\u017cy\u0107, jak przebiega przep\u0142yw pracy dla tego konkretnego motywu.<\/p>\n To znaczy, \u017ce nie pobierasz go, instalujesz i jeste\u015b gotowy do pracy. Zamiast tego przep\u0142yw pracy jest nieco inny.<\/p>\n Na przyk\u0142ad, aby rozpocz\u0105\u0107 prac\u0119 z Tonikiem, oto, co musisz zrobi\u0107 (zwr\u00f3\u0107 uwag\u0119, \u017ce wszystko to zak\u0142ada, \u017ce \u200b\u200bmasz zainstalowany Composer<\/a> i Node ).<\/a><\/p>\n Przejd\u017a do katalogu wp-content\/themes<\/strong> i wprowad\u017a nast\u0119puj\u0105ce polecenie:<\/p>\n Oczywi\u015bcie nie musisz nazywa\u0107 tego tematem \u201eacme".<\/p>\n Stamt\u0105d musisz sklonowa\u0107 repozytorium projektu z GitHub (dlatego nie instalujesz go w zwyk\u0142y spos\u00f3b instalowania motyw\u00f3w, ale o tym za chwil\u0119):<\/p>\n W tym momencie jest jeszcze kilka zale\u017cno\u015bci, kt\u00f3re musi rozwi\u0105za\u0107. Aby to zrobi\u0107, przejd\u017a do katalogu \u015bwie\u017co utworzonego motywu, a nast\u0119pnie u\u017cyj Composera, aby zainstalowa\u0107 wspomniane zale\u017cno\u015bci.<\/p>\n A nast\u0119pnie zainstaluj zale\u017cno\u015bci front-end:<\/p>\n W tym momencie wszystko, co pozosta\u0142o, to zbudowanie podstawowego motywu i aktywowanie go (za pomoc\u0105 wiersza polece\u0144, w kt\u00f3rym w gr\u0119 wchodzi WP-CLI ):<\/a><\/p>\n W tym momencie mo\u017cesz zacz\u0105\u0107 korzysta\u0107 z motywu w WordPress.<\/p>\n Bior\u0105c pod uwag\u0119 wszystkie powy\u017csze kroki, naturalnym pytaniem jest prawdopodobnie \u201eDlaczego mia\u0142bym zawraca\u0107 sobie g\u0142ow\u0119 robieniem tego wszystkiego, skoro mog\u0119 po prostu zbudowa\u0107 motyw przy u\u017cyciu normalnej metodologii?”<\/p>\n I to jest dobre pytanie. Ale je\u015bli jeste\u015b kim\u015b, kto chce tworzy\u0107 rozwi\u0105zania dla siebie lub innych przy u\u017cyciu bardziej nowoczesnych narz\u0119dzi, my\u015bl\u0119, \u017ce korzystanie z narz\u0119dzi takich jak to mo\u017ce znacznie pom\u00f3c w umo\u017cliwieniu tego.<\/p>\n Przyk\u0142ad: Jednym z bol\u0105czek podczas tworzenia szablon\u00f3w dla innych jest brak prawdziwego silnika szablon\u00f3w w WordPressie (przynajmniej w momencie pisania tego tekstu).<\/p>\n Je\u015bli jednak zajrzysz do samej dokumentacji dotycz\u0105cej szablon\u00f3w, zobaczysz kilka rzeczy, takich jak symbole zast\u0119pcze<\/a> i inne sposoby radzenia sobie z niekt\u00f3rymi elementami<\/a>.<\/p>\n A jest w to o wiele wi\u0119cej wbudowanych. Chcia\u0142bym powiedzie\u0107, \u017ce wypr\u00f3bowa\u0142em wszystkie aspekty tego, co oferuje, ale czuj\u0119, \u017ce tylko zarysowa\u0142em powierzchni\u0119. Na przyk\u0142ad nie mia\u0142em okazji majstrowa\u0107 przy \u017cadnej z funkcji HTTP.<\/p>\n Mimo to, oto kr\u00f3tkie podsumowanie tego, co oferuje ten motyw:<\/p>\n Wszystko to mo\u017cna przejrze\u0107 w dokumentacji<\/a>.<\/p>\n\n
![\"Motyw](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.png\")
<\/a><\/p>\nPierwsze kroki<\/h3>\n
![\"Motyw](\"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\u201eWydaje si\u0119 to nieco skomplikowane\u2026”<\/h2>\n
Wszystko, co oferuje<\/h3>\n
\n