
En 2018, WordPress modernisera, rationalisera et simplifiera l’expérience de création de contenu avec Gutenberg. Ce nouvel éditeur offrira aux créateurs de contenu un moyen simple de trouver, insérer et travailler avec des éléments de la page de façon encore plus ludique et facile.
Qu’est-ce que Gutenberg?
Gutenberg est le nom de code pour le nouvel éditeur de WordPress. Ce nouvel éditeur optimise la manipulation directe de la présentation visuelle du contenu, au lieu de passer par des moyens indirects, comme les métaboxes. Les blocs de construction d’un poste de Gutenberg sont belles et bien des blocs. Les blocs aident à simplifier les nombreuses façons dont nous construisons une page (shortcodes, widgets, code HTML personnalisé, média, mise en forme du texte et incorporations) en un seul flux de recherche et un même parapluie d’interface utilisateur. Le nom vient de Johannes Gutenberg, le fondateur de l’imprimerie.
Aussi excitant soit-il, cet éditeur représente également le plus grand changement apporté à l’expérience utilisateur de WordPress depuis plusieurs années. A savoir que beaucoup de gens ont des intégrations étendues avec l’éditeur WordPress actuel et voudront surement une transition progressive. Une planification préalable sera sans doute nécessaire pour une transition en douceur vers Gutenberg, ce à quoi la préparation des équipes de développement et de rédaction de WordPress pour la transition sera là pour aider à répondre aux questions.
Rétro-compatibilité
Comme beaucoup d’entre vous le savent, la rétro-compatibilité est un principe de base de WordPress et ce ne sera pas différent avec Gutenberg.Tout contenu créé dans Gutenberg sera modifiable dans l’éditeur classique, et vice versa.
Votre préférence serait-elle d’adhérer à ce nouvel éditeur progressivement au fil du temps?
Afin de préserver la continuité de la publication, il existe un plugin appelé Classic Editor qui permettra à tout le monde d’utiliser l’éditeur actuel tout en travaillant sur les plans de transition.
Comment ça marche ?
Pour avoir une idée du fonctionnement du nouvel éditeur, rien ne remplace le téléchargement du plugin actuel dans un environnement de test et son lancement. Cependant, pour un aperçu rapide, jetez un coup d’œil à cette démo en direct (vidéo) présentée à State of the Word le week-end dernier:
- Médiathèque / HTML pour les images, les fichiers multimédias et approuvés.
- Liens collés pour les embeds.
- Shortcodes pour les actifs spécialisés des plugins.
- Images en vedette pour l’image en haut d’un article ou d’une page.
- Extraits pour les sous-titres.
- Widgets pour le contenu sur le côté d’une page.
La façon dont le bloc «gère» intuitivement apparaît quand ils sont nécessaires
Façons simples de manipuler des éléments dans une galerie
Prévisualiser les blocs HTML personnalisés en ligne
Utiliser intelligemment des blocs pour stocker temporairement des extraits de code et de contenu
Blocs d’édition en bloc, pour les longs messages
« Unified undo » pour que vous ne perdiez jamais votre travail.
Considérez le fait que vous pouvez «garder» votre flux de publication actuel … et prendre ensuite le temps d’explorer les possibilités que le nouvel éditeur Gutenberg vous offre.
L’éditeur WordPress actuel est devenu une fenêtre de texte ouverte et a toujours été une toile vierge pour écrire. Mais quand il s’agissait de créer des posts et des pages avec des images, du multimédia, du contenu embarqué sur les médias sociaux, des sondages et d’autres éléments, de différentes approches, cela n’était pas toujours intuitif pour de nombreuses personnes.
1. Espaces réservés et templates
Avec Gutenberg, les éditeurs peuvent créer des packages d’histoires complexes avec différents blocs de contenu: titre, tablier, extrait, vidéo, embed et galerie. Les blocs réservés peuvent facilement indiquer exactement ce qu’il faut faire et maintenir le processus éditorial.
À partir de la version 1.8 de Gutenberg, le projet a introduit un support initial pour les templates . Cela permet à un développeur de définir un modèle spécifique pour, disons, un événement post. Lorsqu’un utilisateur crée un message d’événement, il voit une page pré-remplie avec des blocs pour le titre, l’image, la date, l’emplacement, la description et d’autres détails.

Les blocs peuvent fonctionner comme des espaces réservés, et des éléments pour faciliter la modélisation de templates
2. Édition collaborative
Aujourd’hui, si quelqu’un travaille dans un post dans WordPress, la fonction de post-verrouillage empêche les rédacteurs de s’écraser les uns les autres. Avec Gutenberg, il est possible d’imaginer un verrouillage au niveau du bloc, permettant à plusieurs personnes de travailler sur des sections d’un brouillon sans s’interrompre.
La flexibilité des blocs de contenu signifie qu’il pourrait y avoir un bloc pour les notes internes, ce qui pourrait permettre aux éditeurs de laisser des commentaires tout au long d’une histoire pendant l’édition. La notion de retour d’information éditoriale en ligne peut également être utile à d’autres égards. Voici une possibilité que l’équipe de Yoast a présentée, sur les commentaires en ligne SEO.
3. Bloquer et intégrer la découverte
Nous avons entendu des éditeurs se plaindre de la difficulté de trouver des shortcodes. Gutenberg permet aux éditeurs de rechercher facilement des blocs de contenu, que ce soit une intégration Twitter, une intégration Vimeo ou un modèle personnalisé. Cela facilite non seulement la découverte de l’intégration, mais nous pourrions aussi imaginer un avenir avec un marché de blocs de contenu.
Les développeurs ou les agences peuvent créer des blocs de contenu pour des besoins uniques, pour des médias tels que des galeries ou des types de contenu comme des recettes. Cela pourrait également faciliter une meilleure réutilisation du code parmi les équipes au sein d’une organisation.
4. Une approche normalisée de la construction de pages
Au cours de l’année à venir, l’objectif du projet de Gutenberg passera de l’éditeur à la création de site elle-même. Avec cette transition, il apportera une approche standardisée de création de pages à WordPress natif. Au fil des ans, nous avons vu des clients créer des générateurs de pages pour les façades de section ou les pages marketing à l’aide du gestionnaire de champs, des champs personnalisés avancés ou d’une solution personnalisée. Avoir une approche bien définie au sein de base pourrait fournir un cadre pour soutenir une grande variété de solutions commerciales et personnalisées. Cette norme commune pourrait à son tour rendre le contenu et les données plus facilement transférables entre les diverses approches de construction de pages.
5. Une base pour la personnalisation
Avec un contenu de page composé de blocs, il est facile d’imaginer comment cela pourrait faciliter la livraison conditionnelle de contenu en fonction des attributs de l’utilisateur. Par exemple, sur un site multimédia, les abonnés pourraient recevoir un bloc avec une recommandation de contenu connexe, tandis que les nouveaux visiteurs verraient un appel à l’action «s’abonner». Sur le backend, l’interface de l’éditeur pourrait offrir une bascule afin qu’un éditeur de site puisse prévisualiser un article en tant que divers segments d’utilisateurs, comme un membre abonné, un nouveau visiteur et un visiteur de retour.
Alors, quel est le calendrier et à quoi ressemblera le déploiement?
Gutenberg est déjà disponible en tant que plugin, et devrait être intégré dans WordPress 5.0 qui est prévu pour avril 2018. L’équipe Gutenberg se concentre actuellement sur l’expérience post-édition, mais étendra ensuite son approche à la création de modèles, à la création de sites, et plus.
Afin de préserver la continuité de la publication, il existe un plugin appelé Classic Editor qui permettra aux équipes d’utiliser l’éditeur actuel pour travailler sur les plans de transition. Nous allons gérer la sortie de WordPress 5.0 pour faciliter le processus et opter pour les clients VIP. Cependant, nous nous attendons à ce que de nombreuses équipes éditoriales veuillent commencer à expérimenter et à créer du contenu immédiatement à Gutenberg.
Qu’arrive-t-il au contenu existant?
L’éditeur WordPress actuel ne s’en va pas. Le stockage des données sera toujours stocké au format HTML post_content, ce qui signifie que rien ne changera pour le contenu existant. Au sein de Gutenberg, il y aura un bloc de texte classique pour gérer tout contenu existant dans un bloc de son propre. Essentiellement, c’est l’éditeur classique intégré comme un bloc, et aidera dans un chemin de mise à niveau lisse et soigneusement planifié.