En-têtes et pieds de page – WP Tavern

Il est difficile de croire que c’était il y a plus d’un an – le 23 mars 2020, pour être exact – que j’ai écrit un article sur les raisons pour lesquelles les modèles de blocs seraient l’avenir de WordPress. Cela a été un processus lent car j’ai patiemment attendu que la fonctionnalité devienne un outil puissant pour les utilisateurs finaux. Je suis toujours aussi croyant aujourd’hui qu’à l’époque.

WordPress mise aussi gros sur les modèles. La fonctionnalité est désormais un composant d’édition de site de haut niveau avec plusieurs sous-fonctionnalités en cours de développement. Comme l’a noté Matias Ventura, chef du projet Gutenberg, « De la navigation dans les répertoires à la configuration des espaces réservés en passant par les transformations, les modèles sont un élément crucial de l’ensemble du champ d’édition du site.

Il y a un an, les motifs n’étaient qu’une idée, presque une note de bas de page par rapport aux autres fonctionnalités à venir. Depuis WordPress 5.5 inclus l’API Patterns pour les développeurs, plus de 100 thèmes dans le répertoire officiel les regroupent.

Un nouveau répertoire de modèles sera lancé sur WordPress.org le mois prochain parallèlement à la version 5.8. Il y a déjà plus de 30 modèles approuvés par la communauté. D’autres devraient débarquer dans les semaines à venir. Le répertoire sera également éventuellement ouvert à toute personne souhaitant soumettre de nouveaux designs. Tout utilisateur de WordPress aura le choix de choisir parmi cette collection directement depuis son interface d’administration WordPress.

Ces idées ne font qu’effleurer la surface.

À la base, la fonctionnalité de modèles de blocs est un moyen simple de regrouper un ou plusieurs blocs dans une conception préconfigurée. Les utilisateurs peuvent pointer et cliquer pour les insérer dans le contenu de leur publication ou de leur page. L’objectif du système de blocs n’est pas seulement d’être un constructeur de pages où les utilisateurs doivent tout créer à partir de zéro. Bien que nous souhaitions qu’il soit suffisamment flexible pour le faire, la plupart des utilisateurs devraient avoir la possibilité d’insérer simplement des sections d’un design et de les personnaliser. Cela pourrait être aussi simple qu’un lecteur audio avec un arrière-plan pour une mise en page de portefeuille qui présente leurs derniers projets.

À l’heure actuelle, l’expérience utilisateur n’est configurée que pour gérer une douzaine de modèles à la fois – trop de choix peut être une aventure loin d’être idéale. Au fur et à mesure que la bibliothèque grandit, l’interface devra évoluer avec elle.

Comment pouvons-nous construire des expériences sur cette base qui atténue une partie de la complexité ?

L’équipe de développement de Gutenberg travaille déjà sur plusieurs solutions, telles que des suggestions contextuelles pour un bloc sélectionné. Cependant, l’une des caractéristiques les plus prometteuses concerne les modèles enregistrés pour des types de blocs spécifiques. Dans ce cas, les pièces du modèle.

Par exemple, si un utilisateur souhaite sélectionner un nouveau modèle pour l’en-tête de son site Web, il ne devrait pas avoir à trier toutes les options pour trouver quelque chose. Avec les modèles d’en-tête, l’éditeur présente à l’utilisateur un carrousel de choix à parcourir spécifiques à cette partie de modèle.

Faire défiler les modèles d’en-tête.

Cette même fonctionnalité est également possible avec les pieds de page :

Sélection d’un motif de pied de page.

Ceux qui ont testé la version bêta de WordPress 5.8 ou exécuté le plugin Gutenberg au cours des derniers mois ont peut-être remarqué des similitudes avec le bloc Query Loop (anciennement nommé Query). C’est le même système sous-jacent qui permet aux développeurs d’attacher des modèles à un bloc spécifique.

Les utilisateurs peuvent déjà sélectionner parmi plusieurs modèles de boucle de requête lors de la première insertion du bloc :

Sélection d’un modèle de boucle de requête.

« Les récentes améliorations apportées aux blocs Template Part et Query Loop ont ouvert un tout nouveau monde sur la façon dont les modèles peuvent être utilisés », a écrit Kjell Reigstad dans un récent article de blog ThemeShaper. « Les deux blocs peuvent désormais afficher un carrousel de modèles de blocs dans leur état de configuration, permettant aux utilisateurs de choisir entre un menu de versions prédéfinies de ces blocs. Ces modèles peuvent être regroupés avec votre thème, de sorte que les utilisateurs disposent d’un large éventail d’options d’en-tête, de requête et de pied de page prédéfinies parmi lesquelles choisir dans l’éditeur de site.

Reigstad a un ticket ouvert pour plusieurs modèles d’en-tête et de pied de page de base. Ce qui suit est un court clip vidéo de la façon dont cela fonctionne :

Comme tout développeur de thème le sait, vous ne pouvez pas simplement mettre quoi que ce soit dans l’en-tête et lui donner une belle apparence. C’est l’un des domaines les plus spécialisés de la conception de thèmes. Un mauvais virage et toute la conception s’effondre. L’inconvénient de cette fonctionnalité sera les modèles tiers provenant du répertoire. Certains fonctionneront. D’autres ne s’intégreront pas dans chaque conception de thème, mais ils ne sont pas nécessairement destinés à le faire. Cela pourrait être un cauchemar de soutien pour les auteurs de thèmes ou une opportunité.

Les développeurs de thèmes pourront diriger leur propre navire, offrant une gamme de choix parfaitement adaptés à leurs conceptions.

Je peux déjà le voir… des thèmes polyvalents avec plus de 50 modèles d’en-tête répertoriés dans leur matériel marketing.

Bien qu’il soit peu probable que beaucoup de gens aient cela à l’esprit pendant les étapes conceptuelles des modèles de blocs, ils évoluent. Ils seront plus que quelque chose que les utilisateurs peuvent coller au hasard dans le contenu de leur publication. Ils sont cette expérience semi-contrôlée qui donnera aux utilisateurs la flexibilité de choix, mais le thème sert de guide pour prendre des décisions intelligentes.

Si un auteur de thème propose quatre ou cinq modèles de modèles d’en-tête ou de pied de page bien conçus, les utilisateurs sont plus susceptibles de choisir parmi ceux-ci. C’est plus facile que de construire à partir de zéro.

Un tel système ouvre également plus d’opportunités commerciales. Imaginez la vente incitative de collections de motifs spécialisés pour des niches. Un en-tête de site de restaurant peut vouloir se concentrer sur un bouton « commander en ligne ». Un site Web d’actualités pourrait comporter un ticker « dernières histoires » au-dessus du titre et de la navigation du site. Il existe une infinité d’idées, toutes attendant un développeur de thèmes averti pour les mettre en œuvre et les monétiser.

Comme toujours, j’ai hâte de voir où vont les modèles. Ils restent la fonctionnalité WordPress la plus intéressante, offrant l’API dont les auteurs de thèmes ont besoin au cours de la dernière décennie.

Comme ça:

J’aime le chargement…