Page d’accueil du thème du clou de girofle.

Plus tôt dans la journée, Ana Segota tweeté et annoncé via le blog Anariel Design que son entreprise avait soumis son deuxième thème basé sur des blocs à WordPress.org. Le clou de girofle est une suite plus complète de son premier thème, Naledi. Il est actuellement en cours de révision pour inclusion dans le répertoire officiel, mais n’importe qui peut le tester en attrapant le fichier ZIP de son billet. Ou, parcourez simplement le démo en direct.

Ce devrait être officiellement le 10 thème basé sur des blocs pour passer en direct dans le répertoire du thème WordPress.org (notez qu’un couple par Automattic ne sont pas étiquetés). Cela suppose que tout se passe bien pendant le processus d’examen.

La route a été longue jusqu’à présent, mais 10 thèmes avec la balise Full Site Editing constituent un jalon notable. le Thème Q d’Ari Stathopoulos a été le premier à atterrir dans l’annuaire en octobre 2020. Aujourd’hui, huit mois plus tard, il y a encore de la place pour que d’autres auteurs de thèmes deviennent des pionniers dans l’espace. Avec presque aucune concurrence, qui concevra ce premier thème de bloc qui se fraye un chemin dans la liste des plus populaires ?

Si « la pratique rend parfait », Segota est désormais en avance sur la courbe en poussant son deuxième thème au répertoire. Cela fait de sa société thématique l’une des deux avec plusieurs thèmes de bloc.

Le clou de girofle est expérimental, comme le sont tous les thèmes de blocs. Il s’appuie sur les parties en constante évolution du plugin Gutenberg, mais tout est réuni dans un design floral sur le thème de la nature. Il y a des notes d’inspiration de Twenty-One, mais cela semble plus structuré, moins chaotique.

Le design est moins un thème qu’une vitrine de modèles et de styles de blocs. Même au niveau du modèle, il réutilise ces mêmes éléments dans chacun de ses sept modèles, offrant aux utilisateurs plusieurs entrées pour bricoler ses fonctionnalités.

Le clou de girofle inclut même des colonnes de prix. Il me semble me souvenir d’avoir écrit sur la façon dont les auteurs de thèmes pouvaient les mettre en œuvre via des modèles il y a un peu plus d’un mois. Peut-être que l’équipe Anariel Design est arrivée à la même conclusion. Peut-être qu’ils ont pris mon message et l’ont suivi. J’aime penser que ce dernier est vrai. Quoi qu’il en soit, le résultat est un beau motif spécifique à un thème – le genre d’art difficile à réaliser à partir d’un plugin.

Les colonnes de tarification sur le thème de la nature se bloquent à partir du thème WordPress Clove.
Personnalisation du modèle de colonnes de tarification dans l’éditeur WordPress.

Je suis moins fan des colonnes qui se chevauchent et inégales dans certains des motifs, préférant certains des motifs plus structurés, tels que Three Quotes Images :

Trois colonnes d'images plus des citations, un modèle du thème WordPress Clove.
Motif à trois colonnes qui présente des images avec des citations.

Malgré mon aversion générale pour le style de colonne inégal, mon élément préféré de l’ensemble du thème est le modèle de page Illustrations, qui s’appuie sur cette méthode de conception.

La section d’introduction de la page est une annonce au monde, “Hé, regarde mon travail.”

Section d'introduction de la page avec des colonnes inégales et deux images basées sur la nature.
Section d’introduction du modèle d’illustrations.

J’aime aussi la zone de type widgets du modèle de page Illustrations dans le pied de page. Il parvient à fourrer plusieurs blocs sans se sentir trop encombré. Il présente même une boîte pour que les artistes mettent en valeur leur prochaine exposition.

Trois colonnes de blocs qui apparaissent comme une zone de widget de pied de page traditionnelle.
Zone « widget » du pied de page du modèle de page d’illustrations.

Le thème Clove enregistre également 10 styles de blocs parmi lesquels les utilisateurs peuvent choisir. La plupart d’entre eux ajoutent différents types de bordures ou de cadres à divers éléments. De plus, il y a le blob amusant mais assez étrange “Shape” pour les images.



Source link