Capture d'écran d'un groupe de ventes de livres de blocs.
Section de vente de livres à partir d’un thème personnalisé.

C’était il y a environ un an. J’étais en train de concevoir un thème pour les romanciers en herbe. Je voulais devancer la concurrence et commercialiser un thème spécifiquement destiné aux écrivains qui tentaient le défi du Mois national de l’écriture de romans 2019.

NaNoWriMo, pour faire court, est un tourbillon d’un mois où des milliers de personnes du monde entier s’entrechoquent sur leurs claviers pour écrire un manuscrit roman de 50 000 mots. Un mois de pure volonté, du café au gallon et des nuits blanches en échange de la gloire. Il n’y a pas de grand prix ni de contrat d’édition garanti à la fin du voyage. Vous attrapez un certificat, quelques coupons et des droits de vantardise. J’ai terminé 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 qui pourrait être une romancière 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’intégrer quelques nouveaux utilisateurs de WordPress dans notre communauté.

J’ai décrit une mise en page d’accueil pour montrer comment les utilisateurs pouvaient présenter leur dernier livre avec un bouton d’achat. Ensuite, cela m’est apparu.

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 depuis des mois et des mois avant qu’il ne débarque dans WordPress 5.0. Je connaissais les tenants et les aboutissants du système.

Le design était simple. En utilisant le bloc multimédia et texte de base, un en-tête, 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 de couleur, de taille de police et de style de bloc personnalisées qui accentuaient la mise en page.

Cette simple combinaison de blocs pouvait être trop compliquée pour certains. J’avais d’autres plans pour des dispositions plus complexes. D’autres auteurs de thèmes avaient adopté 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 de thèmes et deviendraient frustrés lorsqu’ils ne pouvaient pas faire fonctionner les choses. L’éditeur de blocs n’était pas, et n’est toujours pas, suffisamment intuitif pour que les utilisateurs les moins informés 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 ce Facile 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à où motifs de bloc entrez.

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

Depuis que j’ai «construit» (j’utilise ce terme de façon lâche) mon premier thème WordPress en 2005, j’ai vu ou tenté toutes sortes de solutions à ce problème. Modèles de page. Options du thème. Shortcodes. Widgets. Vous l’appelez. Ils ont tous déjà été jugés. Chaque méthode a constitué des obstacles majeurs pour les utilisateurs. Certains (ahem, shortcodes) a laissé le contenu des utilisateurs en ruine et a 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 bloc et comment amélioreront-ils l’expérience utilisateur?

Capture d'écran d'un modèle de bloc de colonne de tarification.
Section des colonnes de prix personnalisées.

Que se passe-t-il lorsqu’un utilisateur souhaite créer une mise en page avec plusieurs colonnes d’options de tarification, comme illustré dans la capture d’écran ci-dessus? Bonne chance. La plupart ne pouvaient pas le produire avec le système de blocs. Même sans motifs de bloc, le thème aurait besoin de certains styles de bloc personnalisés pour le rendre possible. Les plugins combleront probablement le vide pour une sortie aussi complexe et ont abordé les tableaux de prix de diverses 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 de blocs.

En termes simples, un modèle de bloc est un groupe de blocs. Les principaux WordPress, thèmes et 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 bloc sont des sections prédéfinies qu’ils peuvent utiliser pour créer des mises en page. Ces mises en page peuvent être aussi simples que la section de livre du début de cet article pour les colonnes de tarification plus complexes. Avec ces modèles disponibles, les utilisateurs pourront créer des mises en page complexes en un seul 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. À la fin de la journée, la plupart des blocs sont tout simplement 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 lorsque son nouveau thème n’enregistre pas les mêmes modèles.

Version 7.7 du plugin Gutenberg 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 souhaite utiliser. Ils cliquent sur ce motif. Il est inséré dans le poste.

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

Je suis peut-être un peu optimiste. Les modèles de blocs nécessiteront un adhésion massive de la communauté des développeurs de thèmes et de plugins. Bien que WordPress de base fournisse plusieurs modèles populaires par défaut, ils ne couvriront en aucun cas l’étendue du design qui est possible lorsque les auteurs de thèmes mettent leurs compétences artistiques à profit.

J’ai toujours été enthousiasmé par l’éditeur de blocs. Cependant, j’ai toujours eu l’impression d’être plus enthousiaste potentiel que le produit final. J’étais constamment dans l’attente qu’elle devienne ce que je pensais que ça pouvait ê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 impressionnantes que l’éditeur était censé nous permettre d’accomplir. L’attente a été longue et il nous reste encore un peu à faire. Mais, j’ai une passion renouvelée pour le projet après avoir expérimenté le travail qui a été fait jusqu’à présent.


Source link