Le lancement «version 1.0» des modèles de blocs dans WordPress 5.5 a été globalement un succès. Cependant, il était facile d’ignorer les problèmes en attendant que cette fonctionnalité débarque après des mois d’anticipation. Maintenant que nous avons eu quelques mois à voir le système de modèle de bloc intégré au cœur de WordPress, il est temps de résoudre les problèmes qui deviennent de plus en plus évidents.

Même si j’aime les modèles de bloc en tant que fonctionnalité, je ne peux pas en dire autant de l’interface utilisateur et de l’expérience globale. La liste déroulante des catégories de modèles ajouté dans Gutenberg 9.1 était une nette amélioration par rapport à la liste interminable de modèles. Cependant, il n’est pas allé assez loin pour les présenter de manière conviviale.

WordPress a depuis longtemps l’habitude de trop coller dans un petit panneau – de nombreux auteurs de thèmes ne se sont jamais sentis comme le panneau de personnalisation offert suffisamment d’espace, par exemple. La même chose semble être le cas pour le panneau d’insertion de l’éditeur de blocs. C’est assez bon pour permettre aux utilisateurs finaux de choisir des blocs. Cependant, les motifs sont beaucoup plus grands que les icônes de bloc plus petites. Lorsque les utilisateurs commenceront à faire défiler des dizaines de modèles à la fois dans les mois et les années à venir, cela deviendra un cauchemar de convivialité.

Paal Joachim Romdahl est proposer une alternative. Son idée est d’ajouter une icône / bouton «expandeur» qui permettrait aux utilisateurs de visualiser plus de modèles à la fois via une superposition. Au moins, ce serait le cas pour des écrans de plus grande taille, tels que les utilisateurs de bureau.

«Afficher un grand nombre de modèles dans le petit panneau d’insertion ne fonctionne pas très bien», a-t-il écrit dans le ticket GitHub. «Il est fatiguant de devoir faire défiler un motif à la fois. Avoir une vue plus large aidera l’utilisateur à comparer plusieurs modèles à la fois. “

Aperçu du fonctionnement de la proposition de superposition de motif actuelle.
Proposition de superposition de motif actuelle.

Romdahl a également créé un Prototype Figma pour que les gens testent à quoi ressemblerait le système dans une démo en direct. L’interface utilisateur n’est pas polie, mais cela semble être un début prometteur.

Il a créé la proposition après avoir lu la couverture récente de WordPress.com par la taverne. lancement de plus de 100 modèles de blocs. Certaines des catégories de motifs sont faciles à parcourir et à trouver la bonne mise en page. D’autres, comme les catégories Texte et Appel à l’action, peuvent avoir 20 modèles ou plus à parcourir.

Modèle de bloc de devis dans l'éditeur WordPress.com.
Insertion d’un motif de bloc sur WordPress.com.

Si WordPress crée un répertoire de modèle de bloc officiel, qui est actuellement à l’étude, l’ajout de nouveaux modèles peut être aussi simple que de cliquer sur un bouton. Ce serait un moyen facile d’accumuler des dizaines de modèles en quelques instants, en particulier si un utilisateur essaie diverses mises en page et ne désinstalle pas les modèles inutilisés par la suite.

Peu d’utilisateurs sont exposés aux centaines de modèles auxquels les utilisateurs de WordPress.com ont accès. Nous devons avancer avec cette proposition avant qu’elles ne le soient.

Une superposition pour insérer des motifs et des modèles n’est pas un nouveau concept. C’est courant dans la communauté de développement WordPress. Les développeurs de plugins et de thèmes ont résolu ce problème il y a longtemps.

Le plugin Redux gère des centaines de modèles avec une superposition:

Ouverture de la bibliothèque de modèles à partir du plugin Redux WordPress.
Affichage des modèles de la bibliothèque Redux.

Le bloc de mise en page du Plug-in Genesis Blocks est essentiellement juste un inséreur de modèle personnalisé avec une interface utilisateur beaucoup plus agréable que WordPress:

Utilisation du bloc de mise en page du plug-in de blocs Genesis, montrant une superposition.
Superposition créée par le bloc de mise en page des blocs Genesis.

Mikael Korpela ajouté des pensées similaires à un ticket lié aux étapes suivantes de l’inséreuse. Il a proposé une expérience plein écran pour les modèles de navigation.

«La barre latérale des modèles est idéale si vous voulez simplement la garder ouverte pendant que vous modifiez votre page, mais c’est plus difficile pour la navigation en raison de l’espace limité, surtout lorsque vous avez enregistré beaucoup de modèles», a-t-il écrit dans le ticket.

Il a partagé une image de la façon dont les sections sur Squarespace sont gérées:

Inséreuse de sections Squarespace.
Sélection d’une section sur le site Web de Squarespace.

Une superposition peut également aider à piloter la proposition de répertoire de modèles. Il serait assez facile à ce stade de créer un nouvel onglet dans l’interface de superposition, de se connecter à l’API WordPress.org et de permettre aux utilisateurs de parcourir les modèles installables – pas besoin de quitter le confort de l’éditeur de blocs.

Une autre caractéristique commune partagée par bon nombre de ces types de systèmes est un moyen d’enregistrer des modèles en tant que favoris. Cela les rend faciles à localiser à l’avenir. Paul Lacey fait le même argument dans épisode # 136 du podcast WP Builds Weekly WordPress News. Il souhaite que ses clients aient facilement accès à leurs modèles de blocs les plus utilisés. Ce serait un bon bonus pour aider à nettoyer l’expérience utilisateur des modèles de bloc.


Source link