Aller au contenu principal
Gutenberg Drupal

Gutenberg pour drupal

Gutenberg, forcément quand on entend ce nom, on pense tout de suite à Johannes Gutenberg qui a révolutionné le domaine de l’imprimerie au XVe siècle. Mais si vous êtes ici ce n’est pas pour connaitre la biographie de cet illustre personnage mais surement parce que vous avez entendu parler du nouvel éditeur de contenu de Wordpress ou tout du moins vous avez un intérêt pour ce qui ce fait dans le monde du web.

 

C’est au WordCamp Europe 2017, lors d’une conférence tenue par Matt Mullenweg ( co-fondateur de WordPress, ) que le nom « Gutenberg » est entendu pour la première fois. 

Derrière ce nom de code ce cache en réalité un éditeur de page web et l’on peut dire que le nom « Gutenberg » n’a pas été choisit au hasard. Tout comme pour l’invention de Johannes Gutenberg, Matt Mullenweg promet une vraie révolution dans le monde de la rédaction de page web grâce à un éditeur « What You See Is What You Get ».

Depuis l’annonce, le projet a bien avancé, à tel point qu’il est intégré au coeur de Wordpress dans sa version 5.

 

La nouvelle façon de créer une page grâce à Gutenberg repose sur l’utilisation de blocs qui peuvent contenir tout type de contenu et être positionné sur la page comme on le souhaite. 

Exemple utilisation gutenberg

( source : https://wordpress.org/gutenberg )

 

Mais pourquoi parler de Wordpress alors que nous sommes experts Drupal ? 

Tout simplement parce que André Rønsen ( Frontkom ) a découvert Gutenberg en 2017 et pour les besoins d’un client a décidé de le porter sur Drupal. 

Suite à la réussite de leurs travaux, Rønsen et son équipe ont décidé de créer le projet Drupal Gutenberg et ainsi ouvrir le code source à la communauté.

 

Pourquoi porter Gutenberg ?

Drupal est un excellent CMS, qui offre des fonctionnalités extrêmement puissantes mais il souffre tout de même d’un problème, son interface utilisateur lors de la création de contenus.

Les fields, paragraphs ou autres modules, sont efficaces, mais ne font qu’alourdir et rendre complexe le travaille des rédacteurs.

L’idée de « Gutenberg » est donc d’offrir la meilleure expérience d’édition possible aux utilisateurs de Drupal, de la rendre moderne, de permettre de gérer le contenu d’un site web sous forme de bloc et tout cela sans avoir besoin d’avoir de connaissance en HTML ou tout autres langages.

Un autre avantage de Gutenberg est qu’il a été développé en React ce qui lui permet d’être porté « relativement facilement » sur une autre plateforme que Wordpress.

 

Gutenberg pour Drupal ça donne quoi?

L’éditeur Gutenberg utilise des blocs pour créer tous types de contenu et vient remplacer toutes les façons qui existent déjà pour personnaliser Drupal mais qui le rendent complexe.

L’idée est que toute page est construite grâce à des blocs de contenus et que tout le monde doit être capable de gérer du contenu sans avoir besoin de connaissance dans l’écriture de code. 

 

Gutenberg Drupal

(source: https://www.drupal.org/docs/8/modules/gutenberg/create-a-custom-block-for-gutenberg-cloud)

 

Gutemberg Drupal est fourni avec ses propres blocs, parmi eux:

 

  • Content positioning : Permet de positionner du contenu de façon flexible
  • Font : Offre un mécanisme simplifié pour le réglage de la police
  • Embedding : Permet l’intégration de contenu externe comme des vidéos ou publication sociales. Il suffit de coller le lien et le contenu sera affiché avec le lecteur qui va bien.
  • Layout : Les blocs peuvent être imbriqués entre eux. Grâce à Layout, vous pouvez les diviser en colonnes pour les disposer comme bon vous semble.

 

Gutenberg vient donc avec son ensemble de blocs mais il accepte également les blocs existant dans Drupal. 

Cela signifie que tous les blocs (Drupal ou Gutenberg) sont disponibles dans l’interface de l’éditeur, et peuvent être insérés dans une page à l’endroit que l’on veut. 

Il reste bien sur possible de créer des blocs personnalisés, ils seront automatiquement disponibles dans l’éditeur ou bien utiliser des blocs déjà pensé pour Gutenberg disponible dans la bibliothèque Gutenberg Cloud.

 

Gutenberg est donc un outil extrêmement puissant qui apporte un concept d’édition de contenu qui sera sans doute la norme dans le futur. 

Il n’y a actuellement pas de version stable du projet Gutemberg pour Drupal mais il est extrêmement intéressant de suivre de près l’évolution de ce module, de plus la version bêta reste fonctionnelle et est régulièrement mise à jour. 

 

Bien sûr en l’état, le module est conseillé aux développeurs, mais grâce à notre expertise Drupal, nous pouvons vous aider à l’intégrer dans votre projet pour vous permettre d’avoir une longueur d’avance dans l’édition de page web du futur. 

 

Télecharger Gutenberg pour Drupal

Le projet Gutenberg pour Drupal

Le projet Gutenberg pour Worpress