Donc, pour ceux d’entre vous qui sont int\u00e9ress\u00e9s par des flux de travail, des outils et des strat\u00e9gies plus modernes et qui les utilisent dans le contexte du d\u00e9veloppement de th\u00e8mes, je pense que Tonik vaut le d\u00e9tour.<\/p>\n
Il ne m’a pas fallu longtemps pour cr\u00e9er une instance du th\u00e8me sur ma machine locale. Mais le but de ceci n’est pas \u00e0 propos de mon exp\u00e9rience avec cela – c’est pourquoi je pense que cela vaut la peine de v\u00e9rifier.<\/p>\n
Th\u00e8me de d\u00e9marrage WordPress Tonik<\/h2>\n
Avant d’entrer dans l’installation r\u00e9elle du th\u00e8me, j’ai pens\u00e9 qu’il pourrait \u00eatre utile de souligner ce qui fait que Tonik<\/a> vaut la peine d’\u00eatre v\u00e9rifi\u00e9.<\/p>\n Pour ceux qui souhaitent utiliser \u00e0 la fois les techniques de programmation en ligne de commande et orient\u00e9es objet, le th\u00e8me propose les \u00e9l\u00e9ments suivants\u00a0:<\/p>\n Tout d’abord, vous pouvez voir le projet sur GitHub, mais avant de parcourir et de t\u00e9l\u00e9charger tous les diff\u00e9rents composants associ\u00e9s (comme Gin<\/a> ), il est important de noter comment se d\u00e9roule le flux de travail pour ce th\u00e8me particulier.<\/p>\n Autrement dit, ce n’est pas comme si vous le t\u00e9l\u00e9chargiez, l’installiez et que vous \u00e9tiez pr\u00eat \u00e0 partir. Au lieu de cela, le flux de travail est un peu diff\u00e9rent.<\/p>\n Par exemple, pour d\u00e9marrer avec Tonik, voici ce que vous devez faire (notez que tout cela suppose que Composer<\/a> et Node<\/a> sont install\u00e9s).<\/p>\n Acc\u00e9dez \u00e0 votre r\u00e9pertoire wp-content\/themes<\/strong> et saisissez la commande suivante\u00a0:<\/p>\n Bien s\u00fbr, vous n’\u00eates pas oblig\u00e9 de l’appeler "th\u00e8me d’acm\u00e9".<\/p>\n \u00c0 partir de l\u00e0, vous devrez cloner le r\u00e9f\u00e9rentiel du projet \u00e0 partir de GitHub (c’est pourquoi vous ne l’installez pas selon la mani\u00e8re habituelle d’installer des th\u00e8mes, mais plus \u00e0 ce sujet dans une minute) :<\/p>\n \u00c0 ce stade, il reste quelques d\u00e9pendances \u00e0 r\u00e9soudre. Pour ce faire, acc\u00e9dez au r\u00e9pertoire du th\u00e8me fra\u00eechement cr\u00e9\u00e9, puis utilisez Composer pour installer lesdites d\u00e9pendances.<\/p>\n Et puis installez les d\u00e9pendances frontales\u00a0:<\/p>\n \u00c0 ce stade, il ne reste plus qu’\u00e0 cr\u00e9er le th\u00e8me de base et \u00e0 l’activer (via la ligne de commande o\u00f9 WP-CLI<\/a> entre en jeu)\u00a0:<\/p>\n \u00c0 ce stade, vous \u00eates pr\u00eat \u00e0 commencer \u00e0 utiliser le th\u00e8me dans WordPress.<\/p>\n Compte tenu de toutes les \u00e9tapes ci-dessus, la question naturelle est probablement "Pourquoi devrais-je prendre la peine de faire tout cela alors que je peux simplement cr\u00e9er un th\u00e8me en utilisant la m\u00e9thodologie normale?"<\/p>\n Et c’est une bonne question. Mais si vous \u00eates quelqu’un qui cherche \u00e0 cr\u00e9er des solutions pour vous-m\u00eame ou pour d’autres en utilisant des outils plus modernes, alors je pense que l’utilisation d’outils comme celui-ci peut grandement contribuer \u00e0 rendre cela possible.<\/p>\n Exemple: Un point difficile lors du d\u00e9veloppement de mod\u00e8les pour les autres est l’absence d’un v\u00e9ritable moteur de mod\u00e8les dans WordPress (du moins au moment d’\u00e9crire ces lignes).<\/p>\n Mais si vous jetez un coup d’\u0153il \u00e0 la documentation sur les mod\u00e8les uniquement, vous verrez quelques \u00e9l\u00e9ments tels que les espaces r\u00e9serv\u00e9s<\/a> et d’autres fa\u00e7ons de traiter certains \u00e9l\u00e9ments<\/a>.<\/p>\n Et il y a tellement plus de choses qui y sont int\u00e9gr\u00e9es. J’aimerais dire que j’ai essay\u00e9 tous les aspects de ce qu’il offre, mais j’ai l’impression de n’avoir fait qu’effleurer la surface. Par exemple, je n’ai pas eu l’occasion de modifier les fonctionnalit\u00e9s HTTP.<\/p>\n M\u00eame encore, voici un bref aper\u00e7u de ce que propose tout le th\u00e8me :<\/p>\n Tout cela peut \u00eatre revu dans la documentation<\/a>.<\/p>\n\n
![\"Th\u00e8me](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-166265-61e7911386317.png\")
<\/a><\/p>\nCommencer<\/h3>\n
![\"Th\u00e8me](\"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"Cela semble un peu compliqu\u00e9…"<\/h2>\n
Tout ce qu’il offre<\/h3>\n
\n