Premier aperçu de la démonstration en direct de l'éditeur de contenu Gutenberg pour Drupal 8

Drupal Europe vient d'annoncer son programme pour le prochain événement à Darmstadt, en Allemagne, du 10 au 14 septembre. La conférence accueillera plus de 1 600 professionnels et passionnés de Drupal pour 162 heures de sessions et 9 ateliers approfondis.

Automattic parraine l'espace de réseautage Open Web Lounge et Matt Mullenweg rejoindra Dries Buytaert et Barb Palser dans un panel sur l'avenir du Web ouvert et de l'open source.

Une session intéressante liée à WordPress sur le programme est intitulée Présentation de l'éditeur de contenu Gutenberg pour Drupal 8. Ce nouveau module porte l'éditeur Gutenberg de WordPress sur Drupal. Il a été créé par Per Andre Rnsen et son équipe Frontkom, une agence de services numériques basée en Norvège.

Le projet Drupal Gutenberg vise à fournir une nouvelle expérience de publication basée sur l'éditeur Gutenberg de WordPress. La démo en direct sur le site fournit actuellement une implémentation interactive frontale de Gutenberg dans Drupal, similaire à la démo "Frontenberg" de WordPress sur wordpress.org/gutenberg. La dernière implémentation du module y apparaîtra, mais Rnsen a déclaré qu'il était en cours de refonte, car beaucoup de choses se sont produites avec Gutenberg au cours des dernières semaines.

Comment est né le projet Drupal Gutenberg

Rnsen nous a dit qu'il avait vu Gutenberg pour la première fois en 2017 et qu'il avait été inspiré de l'utiliser pour l'un des clients médias de Frontkom.

"L'idée de le bifurquer est venue à la mi-2017, alors que nous explorions l'utilisation de Gutenberg comme bibliothèque pour créer un constructeur de première page sponsorisé par la Google Digital News Initiative", a déclaré Rnsen. "Nous avons fini par l'utiliser, et le module Drupal est un spin-off naturel."

Frontkom a adapté le constructeur de pages basé sur Gutenberg pour l'industrie des médias. Il ajoute des fonctionnalités supplémentaires à Gutenberg qui permettent aux utilisateurs de positionner et de modifier des articles pour la première page d'un journal en ligne. Rnsen a déclaré que le projet s'était bien déroulé et que son équipe prévoyait de l'ouvrir, mais il est trop tôt pour partager quoi que ce soit pour le moment.

Suite à cette expérience réussie d'utilisation de Gutenberg pour un client, Frontkom a commencé à travailler sur le projet Drupal Gutenberg début janvier 2018.

"La partie principale du travail consistait à rendre Gutenberg plus indépendant du CMS", a déclaré Rnsen. «Nous avons d'abord bifurqué et maintenu une bifurcation. Plus tard, nous avons commencé à utiliser Gutenberg comme dépendance, testant une approche plus maintenable.

Rnsen a ouvert un ticket sur GitHub, demandant à l'équipe Gutenberg d'envisager de structurer le projet pour qu'il soit plus indépendant du CMS. Le ticket a été fermé assez rapidement avec l'explication qu'il "n'est pas directement lié au travail en cours avec le projet et ses objectifs".

"Nous avons très peu, voire aucun engagement en amont jusqu'à présent, car l'intérêt principal de WP a été de répondre aux besoins de WP jusqu'à présent", a déclaré Rnsen. "Mais cela vient de changer."

Gutenberg s'efforce de faciliter son utilisation en dehors de WordPress. L'équipe travaille à la publication de tous les modules React sous forme de packages npm. Rnsen a déclaré qu'il prévoyait que la diminution du nombre de globals nécessaires pour faire fonctionner Gutenberg serait d'une grande aide pour les autres CMS.

Jusqu'à présent, le projet Drupal Gutenberg n'a pas été largement partagé, mais Rnsen a déclaré que son équipe avait suscité beaucoup d'intérêt de la part de la communauté technologique Drupal.

«Nous avons un article de blog à venir en anglais avec plus de détails; nous l'avons en quelque sorte gardé pour après les vacances », a déclaré Rnsen. "Mais ensuite, ça a explosé, et les développeurs n'arrêtent pas de nous contacter pour nous aider."

Frontkom est impliqué dans la communauté Drupal depuis plus de 10 ans et WordPress depuis trois ans. Rnsen et son équipe pensent que Gutenberg comble une lacune dans l'espace Drupal.

"Drupal n'a pas tous ces constructeurs de pages WordPress fantaisistes", a-t-il déclaré. "Donc, c'est vraiment plus intéressant qu'une simple nouvelle interface utilisateur de post-édition - nous voulons un moyen unifié de créer des mises en page complexes."

Drupal a déjà une initiative pour réorganiser son interface utilisateur d'administration à l'aide de React, et Rnsen a déclaré qu'il pense que Gutenberg pourrait contribuer à la façon dont cela peut se produire dans le noyau Drupal. Dans un monde idéal, de nombreux projets open source pourraient grandement bénéficier d'un Gutenberg indépendant du CMS, tous contribuant ensemble à son amélioration.

"Pour nous, en tant qu'entreprise, il est extrêmement intéressant de créer des interfaces qui peuvent facilement être déplacées entre les CMS", a déclaré Rnsen. "Pour les CMS open source en général, je pense qu'il y aura beaucoup à apprendre du processus de mise en œuvre. Par exemple, D8 a le concept de "tout est un bloc". Cela nous a facilité la mise à disposition des blocs de base Drupal dans Gutenberg - nous avons juste besoin de faire un peu de magie pour exposer les paramètres de bloc.

L'équipe de Frontkom n'est pas seulement des fans enthousiastes de l'interface de Gutenberg, mais apprécie également la manière dont le projet est exécuté. Rnsen n'a pas suivi la réaction de la communauté à la dernière série de tests de Gutenberg, mais a déclaré qu'il pense que les utilisateurs de WordPress l'aimeront à long terme, car "la plupart des constructeurs de pages ont des problèmes".

"Drupal peut apprendre beaucoup de WordPress, de la façon dont ils ont réellement construit le projet Gutenberg - un processus de conception transparent, beaucoup de collaboration et toujours très efficace", a déclaré Rnsen. "Ainsi, WordPress est définitivement en avance sur Drupal en ce qui concerne leur travail d'interface utilisateur/JS d'administration. Comme il y a déjà beaucoup d'intérêt dans la communauté Drupal pour faire quelque chose de similaire, c'est très rafraîchissant de voir quelqu'un passer par là et réussir (espérons-le).

Steve Persch, principal défenseur des développeurs chez Pantheon, a parlé à la DrupalCon de Nashville 2018 de ce qui est possible avec WordPress 5.0 et a également donné une session au Twin Cities Drupal Camp intitulée "Everything is a Block : How WordPress Rewrote the WYSIWYG". En réponse au buzz sur Twitter à propos de la session Drupal Gutenberg, Persch a déclaré que Drupal avait besoin d'une amélioration éditoriale UX pour rester compétitif, mais pas nécessairement en adoptant Gutenberg.

"Nous avons des initiatives en cours à cette fin", a déclaré Persch. « Gutenberg lui-même pourrait devenir une distraction de ce travail. Dans les deux [présentations], j'ai également mentionné que les paragraphes ou le générateur de mise en page pourraient être de meilleurs points de départ du modèle de données pour les fonctionnalités de type Gutenberg. Fournir exactement la même chose que WordPress serait contre-productif. Le contenu structuré est au cœur de Drupal. Je vois Gutenberg (ou quelque chose comme ça) comme une meilleure interface utilisateur pour le coin du modèle de données (la partie Paragraphes) que les sites Drupal ont depuis des années.

Il sera intéressant de voir comment différentes communautés open source abordent Gutenberg et comment des commentaires plus divers provenant de l'extérieur de WordPress pourraient avoir un impact sur le projet.

Le module Drupal Gutenberg peut être téléchargé depuis la page du projet. Il est actuellement marqué comme un module expérimental et est recommandé pour une utilisation par les développeurs uniquement. La démo en direct du projet sera bientôt remaniée pour refléter les dernières mises à jour avec Gutenberg. Vous pouvez également suivre le développement du projet sur GitHub.