Thème de démarrage WordPress Tonik

Lorsqu’il s’agit de travailler avec des plugins WordPress, il n’est pas rare de voir des personnes utiliser des outils plus modernes tels que Composer, la gestion des dépendances frontales via des outils tels que Node, etc.

En fait, je dirais que le plus populaire est probablement le projet Sage de l’équipe Roots. C’est génial, mais récemment, des amis et moi sommes tombés sur le thème de démarrage Tonik WordPress, et j’ai eu le plaisir de parler avec le responsable du projet, Patryk.

Donc, pour ceux d’entre vous qui sont intéressés par des flux de travail, des outils et des stratégies plus modernes et qui les utilisent dans le contexte du développement de thèmes, je pense que Tonik vaut le détour.

Il ne m’a pas fallu longtemps pour créer une instance du thème sur ma machine locale. Mais le but de ceci n’est pas à propos de mon expérience avec cela – c’est pourquoi je pense que cela vaut la peine de vérifier.

Thème de démarrage WordPress Tonik

Avant d’entrer dans l’installation réelle du thème, j’ai pensé qu’il pourrait être utile de souligner ce qui fait que Tonik vaut la peine d’être vérifié.

Pour ceux qui souhaitent utiliser à la fois les techniques de programmation en ligne de commande et orientées objet, le thème propose les éléments suivants :

• interface en ligne de commande, pour initier facilement de nouveaux thèmes,
• modèles améliorés avec prise en charge de la transmission de données,
• webpack pour gérer, compiler et optimiser les assets,
• orienté pour la construction avec des actions et des filtres

Tout d’abord, vous pouvez voir le projet sur GitHub, mais avant de parcourir et de télécharger tous les différents composants associés (comme Gin ), il est important de noter comment se déroule le flux de travail pour ce thème particulier.

Autrement dit, ce n’est pas comme si vous le téléchargiez, l’installiez et que vous étiez prêt à partir. Au lieu de cela, le flux de travail est un peu différent.

Commencer

Par exemple, pour démarrer avec Tonik, voici ce que vous devez faire (notez que tout cela suppose que Composer et Node sont installés).

Accédez à votre répertoire wp-content/themes et saisissez la commande suivante :

$ composer create-project tonik/theme acme-theme

Bien sûr, vous n’êtes pas obligé de l’appeler "thème d’acmé".

À partir de là, vous devrez cloner le référentiel du projet à partir de GitHub (c’est pourquoi vous ne l’installez pas selon la manière habituelle d’installer des thèmes, mais plus à ce sujet dans une minute) :

À ce stade, il reste quelques dépendances à résoudre. Pour ce faire, accédez au répertoire du thème fraîchement créé, puis utilisez Composer pour installer lesdites dépendances.

$ composer install

Et puis installez les dépendances frontales :

$ npm install

À ce stade, il ne reste plus qu’à créer le thème de base et à l’activer (via la ligne de commande où WP-CLI entre en jeu) :

$ npm run dev

$ wp theme activate acme-theme

À ce stade, vous êtes prêt à commencer à utiliser le thème dans WordPress.

"Cela semble un peu compliqué…"

Compte tenu de toutes les étapes ci-dessus, la question naturelle est probablement "Pourquoi devrais-je prendre la peine de faire tout cela alors que je peux simplement créer un thème en utilisant la méthodologie normale?"

Et c’est une bonne question. Mais si vous êtes quelqu’un qui cherche à créer des solutions pour vous-même ou pour d’autres en utilisant des outils plus modernes, alors je pense que l’utilisation d’outils comme celui-ci peut grandement contribuer à rendre cela possible.

Tout ce qu’il offre

Exemple: Un point difficile lors du développement de modèles pour les autres est l’absence d’un véritable moteur de modèles dans WordPress (du moins au moment d’écrire ces lignes).

Mais si vous jetez un coup d’œil à la documentation sur les modèles uniquement, vous verrez quelques éléments tels que les espaces réservés et d’autres façons de traiter certains éléments.

Et il y a tellement plus de choses qui y sont intégrées. J’aimerais dire que j’ai essayé 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és HTTP.

Même encore, voici un bref aperçu de ce que propose tout le thème :

• une structure de répertoires pré-configurée,
• modèles,
• prise en charge des composants,
• fonctions d’assistance,
• Prise en charge d’Ajax,
• actions de thème et filtres,
• un conteneur de service,
• prise en charge des shortcodes,
• chargement automatique,
• et bien plus.

Tout cela peut être revu dans la documentation.