Créez des modèles personnalisés avec le module complémentaire MB Views pour Meta Box

Meta Box a publié la semaine dernière son plug-in complémentaire MB Views. La nouvelle extension permet aux développeurs de créer des modèles personnalisés dans le confort de leur administrateur WordPress. L'objectif est de fournir une interface facile à utiliser pour générer des champs personnalisés sans modifier les fichiers de thème, mais sa flexibilité repousse les limites de l'édition complète du site.

Prise rapide : MB Views offre une expérience de développement solide, mais est un peu loin d'être convivial pour ceux qui ne sont pas familiers avec le code.

Je suis depuis longtemps fan de ce que l'équipe Meta Box a fait avec son plugin principal et ses extensions. Les développeurs du projet ont créé une base de code bien documentée, rédigé une documentation solide et ont généralement prêté attention aux détails là où d'autres ont échoué. MB Views n'est pas différent. Quelques minutes après l'activation de l'extension, j'ai configuré et déployé des vues personnalisées sur le front-end de mon site de test.

L'interface est suffisamment simple pour être prise en main presque immédiatement avec suffisamment de flexibilité pour créer presque n'importe quoi à partir de l'administrateur WordPress.

Dans l'ensemble, le nouveau module complémentaire de l'équipe vaut bien le prix de l'un des forfaits premium disponibles, qui varient entre 79 $ et 349 $. Ce n'est pas sans quelques problèmes mineurs, mais c'est à prévoir avec une version 1.0.

Un outil puissant pour l'édition frontale

Mon expérience de travail avec l'écran d'édition de vue m'a semblé naturelle. L'éditeur de code utilise Code Mirror et son thème Oceanic Next. Il intègre la tabulation automatique et la saisie semi-automatique, de sorte qu'il ressemble à la plupart des éditeurs hors ligne. Les développeurs doivent se sentir à l'aise pour créer rapidement une vue personnalisée.

Parce que j'utilise principalement Tailwind CSS ces jours-ci, j'ai pu créer un faux formulaire d'inscription par e-mail en quelques minutes et l'afficher directement sous mes messages en utilisant les paramètres d'affichage disponibles.

L'éditeur de code a un bouton "Nouveau champ" qui ouvre une boîte coulissante sur le côté droit de l'écran. Il permet aux utilisateurs d'insérer des champs de publication, de site, d'utilisateur et de requête. Les options incluent également des champs personnalisés créés via le plugin Meta Box.

Outre la modification du modèle, les utilisateurs peuvent également ajouter des CSS et JavaScript personnalisés directement à partir de l'éditeur de code de vue.

La sortie de ces champs est entièrement gérée par Twig, un moteur de template PHP moderne. De nombreux développeurs PHP connaissent déjà Twig et se sentent à l'aise avec sa syntaxe. Grâce à ce système, les utilisateurs du plugin ne sont pas limités au HTML. Ils peuvent utiliser des conditions et des boucles pour personnaliser la sortie de leur contenu de vue.

Pour une meilleure expérience de développement, il serait bien de voir une option de saisie semi-automatique pour insérer de nouveaux champs au lieu de cliquer sur le bouton "Nouveau champ" puis de cliquer sur un champ particulier. Très probablement, les développeurs commenceront à mémoriser les champs au fil du temps et les saisiront simplement. La saisie semi-automatique serait une bonne idée pour les champs personnalisés.

Là où MB Views brille vraiment, ce sont ses paramètres d'affichage. Le plugin permet aux vues de prendre en charge toute la page entre l'en-tête et le pied de page du thème ou simplement la zone de contenu. Il permet aux utilisateurs de choisir entre l'affichage d'une vue sur des publications singulières, des pages d'archives ou quelque chose de personnalisé à l'aide de son shortcode intégré. Les utilisateurs peuvent ensuite décomposer une vue en fonction de conditions qui peuvent être regroupées de différentes manières. Il peut être aussi simple ou complexe que nécessaire. Ce n'est pas tout à fait à la hauteur de ce qui est possible avec les conditions PHP personnalisées, mais c'est assez proche pour couvrir la majorité des cas d'utilisation.

Si quelqu'un voulait s'y essayer, il pourrait utiliser MB Views comme éditeur de site complet. La seule véritable exigence serait de construire leur thème avec un en-tête et un pied de page. À un moment donné, le plugin permettra peut-être aux utilisateurs de prendre en charge l'intégralité de la mise en page, rendant ainsi un thème inutile.

Problèmes et améliorations futures

La version 1.0 consiste à envoyer quelque chose entre les mains des utilisateurs. C'est un moment où les développeurs reçoivent certains de leurs commentaires les plus utiles, donc je m'attends à ce que les points suivants soient traités alors que les développeurs continuent à s'appuyer sur le plugin à l'avenir. Je n'ai rencontré aucun obstacle majeur, mais j'ai rencontré quelques problèmes mineurs et j'ai eu quelques idées d'amélioration.

Le premier problème que j'ai rencontré m'a d'abord fait croire que le plugin ne fonctionnait pas du tout. J'avais choisi d'afficher ma vue personnalisée sur des publications singulières. C'est facile à faire via les paramètres d'affichage. Vous sélectionnez le type "Singulier". Ensuite, sélectionnez "Publier" dans la première sélection déroulante. J'avais supposé que cela ferait apparaître le modèle sur tous les messages. Cependant, rien ne s'est passé après la sauvegarde. Aucun de mes contenus personnalisés n'apparaissait sur le front-end. Le problème était qu'il y avait une deuxième liste déroulante, qui n'avait pas été renseignée avec une valeur par défaut. Il y avait une option "Tous les messages" que je devais sélectionner. C'était un problème rapide à résoudre, mais c'est pourquoi de bonnes valeurs par défaut sont si importantes dans le développement de plugins.

Il n'y a pas de support de révision. Pour un éditeur de code dans l'administration WordPress, il est logique que les utilisateurs puissent rétablir leur code à une version antérieure. Si les utilisateurs ne créent que des vues avec des morceaux de code mineurs, ce ne sera pas un problème. Cependant, le plugin va jusqu'à permettre aux utilisateurs de créer une mise en page entière entre l'en-tête et le pied de page du thème. Cela signifiera parfois beaucoup de code et la nécessité de revenir en arrière.

MB Views propose un [mbv] pour afficher une vue dans des zones prêtes pour les shortcodes, telles que le contenu de la publication. Cependant, il n'existe pas d'équivalent de bloc à utiliser dans l'éditeur de blocs. À ce stade, avoir un shortcode mais pas de bloc semble être un oubli majeur. Les shortcodes doivent mourir d'une mort lente et douloureuse.

L'écran de gestion des vues pourrait également utiliser un peu d'amour. Ce serait bien de voir au moins une colonne pour le type de vue. Au fur et à mesure que la liste des vues personnalisées s'allonge, il peut devenir difficile de déterminer où chaque vue est utilisée en un coup d'œil.

La convivialité et l'avenir

Vous souhaitez obtenir les valeurs des champs Meta Box et les mettre sur vos modèles front-end, mais vous n'êtes pas trop familiarisé avec le codage et ne voulez pas toucher aux fichiers de thème ?

La description d'ouverture de MB Views affirme que le plugin est destiné aux utilisateurs qui ne sont pas familiers avec le codage. Je ne sais pas si l'utilisateur moyen pourrait en profiter sans acquérir des connaissances en codage en cours de route. L'interface est principalement destinée aux développeurs. Littéralement, l'éditeur de vue est un éditeur de code. Il dispose d'un outil d'insertion de champs facile à cliquer, mais ces champs seront souvent inutiles sans une certaine familiarité avec HTML et CSS.

L'outil est bon dans ce qu'il fait, mais il ressemble presque à une mesure provisoire à l'ère de l'éditeur de blocs.

Pour que MB Views soit un outil plus utile pour l'utilisateur final, il devra passer à une interface plus visuelle, pointer-cliquer avec des options de conception. Sinon, il restera principalement au pays des développeurs qui peuvent personnaliser la sortie de vue à la perfection.

Je ne pense pas nécessairement que MB Views doive aller dans cette direction si l'équipe veut se concentrer sur une excellente expérience de développement. Cependant, il ne répond pas actuellement à sa prétention de convivialité pour ceux qui sont moins familiers avec le code.

Nous sommes encore probablement à au moins un an d'une expérience d'édition complète du site via le système de blocs. Les efforts de l'équipe Meta Box peuvent être mieux dépensés en intégrant l'édition de vue dans ce système. Le module complémentaire MB Views est un outil utile et nécessaire pour de nombreux utilisateurs du plug-in Meta Box aujourd'hui, mais il n'aura peut-être pas le temps de gagner du terrain avant que l'édition complète du site n'arrive au cœur. À ce stade, l'équipe du plugin devra déjà être en transition vers un monde d'expérience utilisateur très différent avec WordPress.