Sortie de la page d'accueil du thème WordPress Hansen.

Plus tôt dans la journée, le répertoire de thèmes WordPress a accueilli son quatrième thème basé sur des blocs. Construit par Thèmes UXL, Hansen est l’un des projets les plus élégants capables de travailler avec l’éditeur de site dans le plugin Gutenberg. L’auteur du thème l’a également augmenté d’un cran et a inclus plusieurs modèles de blocs.

J’ai écrit sur comment les modèles changeront la donne. J’ai parlé de la nécessité d’un Refonte de l’interface utilisateur pour mieux les exposer aux utilisateurs. Et j’ai proposé que les auteurs de thèmes utilisent le système de modèles au lieu de modèles, permettant aux utilisateurs de créer des sections complètes de leurs sites en un seul clic.

UXL Themes a fait exactement cela. La plupart des modèles que nous avons vus jusqu’à présent ont été construits principalement pour le contenu des articles ou des pages. Le thème Hansen va encore plus loin et crée des modèles pour différentes sections du site.

Vous voulez essayer un look différent pour l’en-tête? Retirez simplement l’ancien et remplacez-le par un autre modèle d’en-tête.

Modèles d'en-tête inclus avec le thème WordPress Hansen: sombre et clair.
Insertion du motif d’en-tête sombre.

Que diriez-vous de changer l’apparence de votre page d’articles de blog? Le thème est livré avec des modèles à deux et trois colonnes pour la sortie des derniers articles.

Modèles d'articles de blog inclus dans le thème Hansen WordPress.
Insertion d’un modèle d’articles de blog à deux colonnes.

Il contient également un modèle de contenu et de barre latérale qui convient mieux aux articles et pages uniques.

Je ne sais toujours pas si le système de modèles ou de pièces de modèle est la solution idéale pour cela. À l’heure actuelle, les modèles ont une interface utilisateur plus propre et peuvent être classés par catégorie. Les parties de modèle peuvent être plus faciles à changer, mais il n’y a aucun moyen de les regrouper (par exemple, modèles d’en-tête, modèles de pied de page, etc.). Indépendamment de ce qui devient le de facto standard à long terme, nous avons besoin de plus d’auteurs de thèmes comme UXL Themes pour expérimenter ces concepts, voir ce qui fonctionne et recueillir les commentaires des utilisateurs.

Le thème n’ajoute pas grand-chose en termes de modèles de contenu. Cependant, il comprend un intitulé « 2 colonnes de texte et une couverture pleine largeur ». Bien que ce soit un peu une bouchée, le nom décrit pleinement ce qu’il fait. C’est également le modèle utilisé pour la page d’accueil dans le démo du thème. Cependant, la démo a une légère modification, ajoutant une section de derniers articles personnalisée.

Un modèle de bloc personnalisé avec deux colonnes et une section de couverture / héros.
Modèle lié au contenu de Hansen.

Hansen est bien plus que ses modèles. Le thème semble généralement assez bon aussi. Il a un peu plus de piquant que ce que nous avons vu dans d’autres expériences basées sur des blocs. Comme le thème Phoenix récemment publié, les développeurs sont de plus en plus à l’aise pour aller au-delà des conceptions simples basées sur des blocs des mois précédents.

Ces thèmes ne sont évidemment pas à la hauteur de ce que l’on pourrait construire sur des systèmes plus matures. Cependant, le système FSE de Gutenberg progresse lentement. Les auteurs de thèmes qui expérimentent actuellement ouvrent la voie à la prochaine génération de thèmes, ce que je suis ravi de voir.

Le thème Hansen comprend également plusieurs styles de blocs. La plupart sont orientés vers des blocs que les utilisateurs utiliseraient généralement dans l’éditeur de site. Je n’ai pas vu une telle approche dans les thèmes précédents basés sur des blocs.

Deux des styles sont destinés à la navigation mobile. Le style Mobile Friendly affiche un menu de navigation horizontal sur le bureau tout en passant à un menu déroulant hamburger sur les appareils mobiles. L’alternative de style mobile conserve la disposition mobile sur toutes les tailles d’écran.

Il existe un style Box Shadow pour le bloc Query Loop, qui ajoute une ombre à chaque message. À l’avenir, j’espère voir WordPress fournir des options d’ombre de boîte pour cela au lieu de thèmes reposant sur des styles de blocs. Néanmoins, c’est un ajout bienvenu pour le moment.

Sélection du style Box Shadow dans l'éditeur de blocs pour le bloc Query Loop.
Style Box Shadow pour le bloc Query Loop.

Le style Aucune marge inférieure permet aux utilisateurs de supprimer la marge inférieure des colonnes. Je suppose que l’auteur du thème l’a utilisé pour résoudre le problème courant des blocs imbriqués et de leurs marges inférieures s’ajoutant les uns sur les autres. Je n’aime pas cela comme un style car cela donne à l’utilisateur la responsabilité de résoudre un problème de conception qui devrait être pris en charge sous le capot. En règle générale, le problème provient de la gestion de l’espacement dans la conception en utilisant une marge inférieure au lieu d’une marge supérieure. Cela peut être corrigé dans les deux cas, mais il est plus facile d’adopter une approche de la marge supérieure.

En dehors de ce problème stylistique, l’autre inconvénient du thème est qu’il n’est pas bien adapté au contenu de longue durée prêt à l’emploi. La zone de contenu est trop large pour la taille de police par défaut, ce qui rend la lecture inconfortable. Le thème inclut un style Largeur étroite pour le bloc Groupe qui corrige ce problème. Cependant, ce serait idéalement l’inverse, avec le contenu par défaut sur une largeur plus étroite. Chaque fois qu’un utilisateur souhaite rédiger un article de blog de longue durée, il doit l’envelopper dans un bloc de groupe et appliquer le style Largeur étroite. Le cas d’utilisation le plus courant doit être celui par défaut.

Dans l’ensemble, j’adore l’expérimentation. Hansen est actuellement l’un des meilleurs thèmes pour jouer avec l’éditeur de site de Gutenberg.


Source link