Les modèles de blocs vont tout changer

C'était il y a environ un an. J'étais heureuse de concevoir un thème pour les romanciers en herbe. Je voulais devancer la concurrence et commercialiser un thème spécifiquement pour les écrivains qui tenteraient le défi National Novel Writing Month 2019.

NaNoWriMo, pour faire court, est un tourbillon d'un mois où des milliers de personnes du monde entier claquent sur leurs claviers pour écrire un roman manuscrit de 50 000 mots. Un mois de pure volonté, du café au litre et des nuits blanches en échange de la gloire. Il n'y a pas de grands prix ni de contrats d'édition garantis à la fin du voyage. Vous obtenez un certificat, quelques coupons et le droit de vous vanter. J'ai relevé le défi en 2018.

Inspiré par ma victoire quelques mois auparavant, j'ai construit un thème pour ceux qui feraient le voyage l'année suivante. Je voulais également élargir son attrait à toute personne susceptible d'être un romancier en herbe mais ne participant pas nécessairement au défi. Ou peut-être même à quelqu'un qui vient de publier son premier livre. Ce serait peut-être l'occasion d'amener quelques nouveaux utilisateurs de WordPress dans notre communauté.

J'ai décrit une disposition de page d'accueil pour montrer comment les utilisateurs pourraient présenter leur dernier livre avec un bouton d'achat. Puis, ça m'est venu à l'esprit.

Comment quelqu'un pourrait-il créer cette page de vente de livres sans une solide expérience avec l'éditeur de blocs ?

J'utilisais le plugin Gutenberg pendant des mois et des mois avant qu'il n'arrive dans WordPress 5.0. Je connaissais les tenants et les aboutissants du système.

La conception était simple. En utilisant le bloc multimédia et texte principal, un titre, quelques paragraphes et un bouton, j'avais créé quelque chose qui était peut-être trop complexe pour l'utilisateur moyen. Je n'avais même pas abordé les options personnalisées de couleur, de taille de police et de style de bloc qui accentuaient la mise en page.

Cette simple combinaison de blocs avait le potentiel d'être trop compliquée pour certains. J'avais d'autres plans pour des mises en page plus complexes. D'autres auteurs de thèmes avaient pris de plus grandes combinaisons de blocs. Pour les utilisateurs finaux, ils entraient probablement dans un monde qui n'avait pas de sens. Ils verraient de belles démos thématiques et deviendraient frustrés lorsqu'ils ne pourraient pas faire fonctionner les choses. L'éditeur de blocs n'était pas, et n'est toujours pas, assez intuitif pour que les utilisateurs les moins avertis puissent créer des mises en page au-delà des bases.

J'ai opté pour un tutoriel étape par étape pour guider mes utilisateurs dans la construction de cette simple section de vente de livres. Cependant, la documentation n'est pas toujours la meilleure réponse. Même lorsque les utilisateurs le trouvent et le lisent, les résultats ne sont pas toujours précis. Il aurait été beaucoup plus simple d'avoir un bouton qui, une fois cliqué, insérait cette section directement dans l'éditeur. L'utilisateur peut ensuite le personnaliser pour l'adapter à son contenu.

C'est là que les modèles de blocs entrent en jeu.

Les auteurs de thèmes doivent pouvoir créer des combinaisons uniques et complexes de blocs avec des styles personnalisés. Les utilisateurs devraient pouvoir faire en sorte que cela ressemble à la démo .

Depuis la "construction" (j'utilise ce terme au sens large) de mon premier thème WordPress en 2005, j'ai vu ou tenté toutes les solutions à ce problème. Modèles de pages. Options du thème. Codes abrégés. Widget. Vous le nommez. Ils ont tous déjà été jugés. Chaque méthode présentait des obstacles majeurs pour les utilisateurs. Certains ( ahem, shortcodes ) ont laissé le contenu des utilisateurs en désordre et ont créé un effet de verrouillage où ils se sont retrouvés liés à leur thème.

Il est grand temps pour quelque chose de nouveau.

Que sont les modèles de blocs et comment amélioreront-ils l'expérience utilisateur ?

Que se passe-t-il lorsqu'un utilisateur souhaite créer une mise en page avec plusieurs colonnes d'options de tarification, comme indiqué dans la capture d'écran ci-dessus ? Bonne chance. La plupart ne pouvaient pas le produire avec le système de bloc. Même sans modèles de blocs, le thème aurait besoin de styles de blocs personnalisés pour le rendre possible. Les plugins combleront probablement le vide pour une sortie aussi complexe et ont abordé les tableaux de tarification de différentes manières au fil des ans. Et si nous pouvions produire des mises en page comme celle-ci dans des thèmes ou dans des plugins beaucoup plus simples ?

C'est possible avec des motifs en blocs.

En termes simples, un motif de bloc est un groupe de blocs. Core WordPress, les thèmes et les plugins pourront enregistrer des modèles avec des paramètres prédéfinis qui leur sont attachés.

Du point de vue de l'utilisateur moyen, les modèles de blocs sont des sections prédéfinies qu'ils peuvent utiliser pour créer des mises en page. Ces mises en page peuvent être quelque chose d'aussi simple que la section du livre du début de cet article aux colonnes de tarification plus complexes. Avec ces modèles disponibles, les utilisateurs pourront créer des mises en page complexes en un clic.

Le système de blocs a jeté les bases d'un avenir bien différent et compatible avec l'avenir que ce que nous avons connu au fil des ans. En fin de compte, la plupart des blocs ne sont que du vieux HTML. Les modèles de blocs ne seront rien de plus que l'enregistrement d'un groupe de ces blocs. Lorsqu'un utilisateur change de thème, son contenu reste intact, même si son nouveau thème n'enregistre pas les mêmes modèles.

La version 7.7 du plugin Gutenberg a livré la première itération d'une interface pour les modèles. Il est basique et subira plusieurs itérations supplémentaires avant d'être prêt à être utilisé en production. Finalement, il y aura une interface entièrement intégrée pour sélectionner parmi plusieurs modèles. L'utilisateur voit quelque chose qu'il veut utiliser. Ils cliquent sur ce modèle. Il est inséré dans le message.

Plus d'options de thème compliquées. Plus de soupe de shortcode. Plus d'heures de frustration à vous demander pourquoi vous ne pouvez pas créer cette page d'accueil personnalisée présentée dans cette démo de thème soigneusement conçue.

Je suis peut-être un poil optimiste. Les modèles de blocs nécessiteront une adhésion massive de la communauté des développeurs de thèmes et de plugins. Alors que le cœur de WordPress fournira par défaut plusieurs modèles populaires, ils ne couvriront en aucun cas l'étendue de la conception qui est possible lorsque les auteurs de thèmes mettent leurs compétences artistiques au travail.

J'ai toujours été enthousiasmé par l'éditeur de blocs. Cependant, j'ai toujours eu l'impression d'être plus enthousiasmé par le potentiel que par le produit final. J'étais dans un état constant d'attente pour qu'il devienne ce que je pensais qu'il pourrait être. Oui, j'attends toujours. Cependant, bricoler avec une première version du système de modèles donne l'impression que nous arrivons au point où nous pouvons faire ces choses incroyables que l'éditeur était censé nous permettre d'accomplir. L'attente a été longue et il nous reste encore un peu de chemin à parcourir. Mais, j'ai une passion renouvelée pour le projet après avoir expérimenté le travail qui a été fait jusqu'à présent.