Gutenberg Hub lance un répertoire de modèles de pages de destination

Publié: 2020-09-23
Archives des modèles de pages de destination de Gutenberg Hub.

Munir Kamal a créé des blocs copier-coller. Il a construit des sections ou des "modèles" à partir de ces blocs. Il a créé un plugin qui permet aux utilisateurs de personnaliser complètement les deux fonctionnalités via des options de bloc. Hier, il a publié une offre initiale de 22 modèles de pages de destination qui s'appuient sur ses travaux antérieurs.

Gutenberg Hub peut presque être appelé son opus magnum , du moins à ce stade de sa carrière. Il s'agit d'une bibliothèque d'outils gratuits en croissance constante pour l'éditeur de blocs de WordPress.

Comme les projets précédents, les modèles d'atterrissage de Gutenberg Hub nécessitent le plugin EditorPlus. Ce plugin est essentiellement une suite de contrôles de conception pour les blocs principaux de WordPress. Les modèles utilisent ces options par défaut. Compte tenu des limitations des contrôles de conception actuels de l'éditeur de blocs, l'utilisation d'un tel plugin est nécessaire. Sinon, il y aurait peu d'autres façons de créer de manière réaliste un système de modèles comme celui-ci.

Actuellement, les utilisateurs doivent copier le code de bloc - via un bouton "copier" pratique - à partir du site Web de Gutenberg Hub, puis le coller dans l'éditeur. Ce n'est pas une situation idéale, et j'ai demandé à Kamal s'il envisagerait de construire un inséreuse de modèles depuis des mois maintenant.

Cette fois-ci, il a déclaré de manière préventive: «Et, au fait, je travaille déjà sur l'ajout d'un Template Inserter dans mon plugin EditorPlus. Cela permettra aux utilisateurs de parcourir et d'insérer ces modèles directement depuis Gutenberg sans quitter le site Web.

Il savait que la question allait venir. Inutile que je redemande. Il n'a pas été en mesure de partager une capture d'écran actuelle de ce à quoi ressemble l'inséreuse, mais il demande des commentaires sur ce que les gens attendent de l'expérience utilisateur et de l'interface.

"Auparavant, j'avais créé un inséreur de modèles similaire à d'autres plugins de blocs, mais plus tard, j'ai changé d'avis et j'ai pensé que je devrais intégrer l'API Gutenberg Patterns et charger les modèles dans le panneau "patterns" de l'inserteur de blocs", a-t-il déclaré. "Mais, j'ai quelques problèmes et je pense revenir à l'idée originale d'avoir un bouton Modèles sur la barre d'outils supérieure qui ouvre une fenêtre contextuelle pour parcourir et filtrer les modèles que les utilisateurs peuvent insérer en un clic."

Pour l'instant, il est encore tôt. Cependant, au moins, c'est sur la feuille de route à long terme et en cours d'élaboration.

Les modèles de page de destination

Modèle de photographie de Gutenberg Hub dans l'éditeur de blocs.
Test du modèle de photographie (avec des ajustements mineurs).

À l'heure actuelle, Gutenberg Hub propose 22 modèles de pages de destination. La terminologie « page » peut ne pas signifier « pleine page ». Cela dépend simplement du thème actif. Certains thèmes ont un type de modèle de canevas ouvert qui permet aux utilisateurs de créer la page entière via l'éditeur. Cependant, ce n'est pas une fonctionnalité courante, donc ces modèles de page seront confinés à la zone de contenu de la publication dans la plupart des cas.

Les modèles fonctionnent également mieux avec les thèmes qui ont au moins une option pleine largeur ou sans barre latérale. Les utilisateurs finaux voudront beaucoup de marge de manœuvre pour utiliser les modèles et bricoler leurs conceptions.

Kamal a créé des modèles qui s'étendent à une variété d'industries. Des restaurants aux gymnases en passant par l'éducation et la mode, il y a beaucoup de choix en ce moment. Il promet que d'autres sont en route et au moins un 23e modèle dans les prochains jours.

"Pour les niches, j'ai fait des recherches sur les meilleurs marchés WordPress et HTML et j'ai trouvé les niches les plus courantes ou les plus populaires suivantes", a-t-il déclaré. "Je pense que je vais m'en tenir à ces niches à moins que je reçoive d'autres recommandations."

En comparaison, Redux Templates offre un accès à plus de 1 000 sections et modèles. Bien sûr, il existe des compromis, tels que certains d'entre eux étant commerciaux et le plugin nécessitant généralement d'autres plugins tiers. Bien que la quantité ne soit pas la seule chose à considérer, cela prouve qu'il existe des kilomètres de paysage que les modèles de Gutenberg Hub n'ont pas encore explorés. Mais, ce n'est que le début.

Les modèles pleine page de Gutenberg Hub ne sont pas aussi plug-and-play que ses blocs et modèles de section. Ce n'est pas tant un défaut de la part du développeur. C'est une question de plate-forme, qui est constamment mise à jour, et de la gamme de support des thèmes actuels. Les utilisateurs finaux commenceront à voir certaines des limitations actuelles du système lorsqu'une mise en page ne semble pas tout à fait correcte avec un thème mais avec un autre. Ou, si leur thème n'a pas été mis à jour pour prendre en charge une nouvelle fonctionnalité, telle que le bloc Liens sociaux, la conception typique du menu horizontal sera probablement une liste verticale normale de liens à la place.

Ce ne sont pas des problèmes insurmontables. Gutenberg et les thèmes ont besoin de plus de temps pour mûrir avant que des projets tels que les modèles d'atterrissage de Gutenberg Hub soient parfaits ou au moins aussi proches de la perfection que l'on peut s'y attendre.

Il y a certaines choses que Gutenberg Hub pourrait améliorer avec ses modèles. Avec plusieurs que j'ai testés, j'avais besoin de changer des blocs spécifiques pour qu'ils soient en pleine largeur. Cela devrait être configuré par défaut avec des modèles qui sont clairement destinés à être en pleine largeur dans les exemples de captures d'écran disponibles sur le site. C'est un problème mineur, mais la correction de cela dans l'éditeur a résolu plusieurs problèmes de mise en page que j'avais lors de l'utilisation des modèles.

Forfaits de monétisation

La deuxième question à laquelle Kamal n'a pas été préparé à répondre pleinement au cours des derniers mois est de savoir comment il va monétiser Gutenberg Hub. Finalement, les développeurs ont besoin d'un retour sur investissement lorsqu'ils créent des tonnes d'outils gratuits. Beaucoup feraient tout cela gratuitement tant que leurs factures seraient payées d'une manière ou d'une autre, mais la réalité est qu'il y aura un point de basculement où leurs projets auront besoin de financement pour la maintenance à long terme.

Kamal a déclaré qu'il avait jeté les bases du financement mais qu'il n'avait encore rien finalisé. Actuellement, il travaille sur trois idées :

  • Création d'une version pro de son plugin EditorPlus.
  • Propose des modèles et des blocs premium, mais recherche un designer talentueux avec qui travailler.
  • Utiliser des publicités spécifiques aux utilisateurs de Gutenberg, mais il n'est pas fan de suivre cette voie ou des publicités en général.

Il est ouvert aux commentaires sur la meilleure façon de monétiser le site Web et ses projets. Cependant, il a déclaré qu'il n'était pas disposé à faire des compromis sur la distribution de modèles et d'outils gratuits actuels et futurs.

Projets futurs de Gutenberg

Kamal a déclaré qu'il n'avait aucun nouveau projet lié à Gutenberg en cours. Le plan actuel est de travailler sur ce qu'il a déjà créé, qui est un vaste écosystème d'outils Gutenberg qui fonctionnent en quelque sorte ensemble.

En dehors des blocs, des modèles et des plugins, il commence à écrire plus de tutoriels gratuits sur le blog Gutenberg Hub et se concentre sur la création de vidéos autour du projet, y compris une nouvelle série de tutoriels pour les débutants.