Ross Morsali, via sa marque Code Amp, a sorti le Dispositions personnalisées plugin la semaine dernière. Le but du plugin est de fournir un générateur de mise en page visuelle pour les utilisateurs des éditeurs de blocs et classiques.

Pour les utilisateurs finaux, c’est encore un autre choix entre la multitude de plugins pour afficher les publications. Après des années de lancement de nouveaux plugins dans cet espace, il semblerait qu’il y ait un favori clair, mais les développeurs essaient toujours d’apprivoiser cette fonctionnalité sauvage et complexe. Le plugin Custom Layouts a sa propre approche, et cela vaut la peine de lui donner un tour rapide pour voir si cela vous convient.

J’ai beaucoup écrit sur le prochain bloc de requête et son rôle dans la futur de WordPress. Cependant, il est nécessaire de rechercher des solutions alternatives pour afficher les articles via l’éditeur de blocs. L’équipe de développement de Gutenberg devrait prendre note des choses qui fonctionnent et de celles qui ne fonctionnent pas.

Pour les développeurs, le plugin est une expérience remarquable qui utilise le système de composants de l’éditeur de blocs en dehors de l’éditeur réel. Les mises en page personnalisées utilisent ces divers composants sur ses écrans personnalisés de mise en page et d’éditeur de modèles.

Le plugin est un produit de Morsali qui a appris React et le système de blocs au cours de la dernière année et demie. «Travailler avec Gutenberg et l’éditeur de blocs en tant que développeur est une expérience bien supérieure à l’ancien paradigme (l’éditeur classique) – la courbe d’apprentissage est certainement plus grande, mais une fois que vous avez surmonté la bosse, il semble que l’avenir soit radieux», écrit-il. dans le publication d’annonce du plugin. «J’aime aussi le fait que nous n’avons pas besoin d’utiliser l’éditeur de blocs pour utiliser les composants Gutenberg – cela signifie que nous pouvons toujours créer ce que nous voulons et comme nous le voulons (à condition d’utiliser React), tout en conservant le Interface utilisateur en phase avec le reste de WordPress. »

Comment fonctionne le plugin

Écran d'édition de modèle à partir du plugin WordPress de mises en page personnalisées.
Écran de l’éditeur de modèle.

Les mises en page personnalisées empruntent un itinéraire différent de celui des plugins similaires, divisant ses composants en différents écrans. La terminologie peut prêter à confusion pour les non-initiés. Le plugin introduit deux parties qui servent de base à son système:

  • Modèles: Gère la conception de messages individuels.
  • Mises en page: Contrôle les publications interrogées et leur mise en page.

J’ai une version bêta du plugin depuis fin décembre. Cela m’a donné trois semaines pour décider si j’aime l’approche. D’une part, le plugin s’adresse à deux bases d’utilisateurs différentes. Un ensemble peut implémenter ses mises en page via le bloc Dispositions personnalisées. Ceux de l’éditeur classique peuvent utiliser l’écran de l’éditeur de mise en page. Les deux partagent l’éditeur de modèles.

Bloc Layouts personnalisés dans l'éditeur WordPress.
Création d’une disposition de grille à trois colonnes.

Le système du plugin est une bonne option pour les utilisateurs de l’éditeur classique. Il est livré avec une interface visuelle qu’ils n’auraient pas autrement. Il fournit également un shortcode pour un copier / coller facile dans l’éditeur de publication.

Pour les utilisateurs de l’éditeur de blocs, avoir un écran séparé pour le générateur de modèles ne semblera probablement pas naturel. Parce que l’éditeur de blocs est une interface visuelle en lui-même, les multiples écrans créent une atmosphère décousue qui ne se sent jamais droite.

Cependant, il existe une solution pour cela dans le plugin. Je recommande aux utilisateurs de sauter les écrans de l’éditeur de modèle et de l’éditeur de mise en page. Le bloc Présentations personnalisées sert de générateur de disposition alternatif dans l’éditeur de blocs. De plus, les utilisateurs peuvent modifier les modèles existants via une superposition contextuelle ou même en créer de nouveaux sans jamais quitter l’écran de post-édition.

Superposition de pop-up pour l'édition de modèles dans l'éditeur de blocs WordPress.
Superposition pour éditer un modèle.

Construire tout à partir de l’éditeur de publication donne l’impression qu’il devrait l’être. Les utilisateurs obtiennent davantage de ces commentaires instantanés auxquels ils sont habitués via l’éditeur de blocs.

Le système multi-composants présente des avantages. Séparer le générateur de modèles signifie que les utilisateurs peuvent créer et réutiliser une conception spécifique à partir d’une source unique. Ils peuvent également mettre à jour des modèles individuels, qui s’appliqueront ensuite à toutes les utilisations de ces modèles sur le site.

L’autre avantage est que les utilisateurs finaux ne sont pas surchargés de choix. La création d’un bloc, d’un widget, d’un shortcode ou d’un composant similaire lié à une requête est très complexe. En effet, il existe trois éléments pour la présentation d’une liste de publications: la requête pour les charger, la mise en page générale et la conception des publications individuelles. Mettre des options pour chacune de ces pièces dans l’inspecteur de blocs, par exemple, signifie créer un équilibre entre sacrifier certains choix et fournir tous les paramètres possibles à l’utilisateur. Cet équilibre est ce qui a poussé Morsali à séparer les composants du plugin.

Dans l’ensemble, Custom Layouts est un plugin solide. L’inconvénient est qu’il y a un peu de courbe d’apprentissage car il dessert deux publics. Les utilisateurs devront d’abord déterminer quel flux de travail leur convient le mieux. Une fois qu’ils ont compris cela, le plugin est assez agréable à utiliser.


Source link