L'éditeur WordPress Gutenberg : 10 choses que vous devez savoir

L'éditeur WordPress Gutenberg, également connu sous le nom d'éditeur de blocs WordPress, fait désormais partie du noyau WordPress. Que signifie pour vous cette nouvelle approche de l'éditeur WordPress ? Et si vous utilisez déjà un constructeur de pages WordPress ?

Dans ce guide, nous parcourons les bases du nouvel éditeur Gutenberg pour WordPress et ce que vous devez savoir.

Qu'est-ce que l'éditeur WordPress Gutenberg ?

L'éditeur WordPress Gutenberg, également appelé éditeur de blocs WordPress, est un nouveau constructeur de pages inclus dans WordPress 5.0+. L'éditeur Gutenberg ajoute des blocs de contenu et des fonctionnalités de type constructeur de page à chaque site Web WordPress à jour.

Gutenberg remplace l'ancien éditeur classique de WordPress qui utilisait TinyMCE (WYSIWYG) comme éditeur de contenu par défaut pour les articles et les pages. Avec Gutenberg, le contenu est ajouté dans des « blocs » individuels au lieu d'une zone de contenu plus large.

Les nouveaux blocs WordPress incluent tout, des paragraphes, des titres, des listes, des images, des galeries, des intégrations et bien plus encore.

Gutenberg est sorti avec WordPress 5.0, qui représentait la plus grande mise à jour de WordPress depuis des années. Depuis la sortie de Gutenberg, un débat sain se poursuit sur le nouvel éditeur WordPress, impliquant de nombreuses personnes qui développent, utilisent et conçoivent des sites Web avec WordPress.

Le but de Gutenberg

L'objectif principal de l'éditeur Gutenberg était d'aider les utilisateurs à créer des articles et des pages avec plus de flexibilité. On peut également supposer que Gutenberg est destiné à aider WordPress à concurrencer plus directement les autres plates-formes de sites Web de création de pages.

Pour le contexte, voici quelques citations sur le but du nouvel éditeur WordPress Gutenberg.

• "L'objectif de l'éditeur de blocs est de rendre l'ajout de contenu riche à WordPress simple et agréable." – À partir de la description du plugin Gutenberg sur WordPress.org.
• « Gutenberg est un pas en avant important pour WordPress. Gutenberg permet à WordPress de créer des mises en page de contenu, pas seulement d'écrire des articles. C'est l'une des nombreuses transitions qui se produisent dans WordPress vers une expérience utilisateur plus simplifiée. – Zack Katz, s'exprimant au WordCamp Denver 2017

Pourquoi Gutenberg est-il une avancée pour WordPress ? L'éditeur visuel WordPress stagne depuis des années. Même si c'était prévisible, ce n'était pas vraiment une expérience fantastique. L'objectif est d'avoir une interface plus intuitive pour les nouveaux utilisateurs comme celles proposées par Wix et Squarespace.

1. Le fondateur de WordPress, Matt Mullenweg, est complètement derrière Gutenberg

• Dans The State of the Word 2016, Mullenweg a annoncé que l'éditeur visuel serait l'un des trois axes principaux pour 2017.
• Matt a pris la direction de projet pour Gutenberg plus tôt cette année et a affecté Matias Ventura et Joen Asmussen aux employés d'Automattic pour diriger le développement.
• Lisez le point de vue de Matt sur Gutenberg ici : Nous l'avons appelé Gutenberg pour une raison.
• Notez également que Gutenberg est écrit en utilisant REACT javascript. Avec la récente décision de Facebook de renouveler la licence du projet sous la licence MIT, Matt Mullenweg a annoncé que WordPress.com et Gutenberg seraient réécrits en utilisant une bibliothèque différente. Voici plus d'informations sur REACT et WordPress.

2. Gutenberg était d'abord un plugin séparé qui est toujours activement développé

Avant que Gutenberg ne soit intégré à la version principale de WordPress, Gutenberg a d'abord été développé en tant que plugin distinct qui permettait aux utilisateurs de le tester et de voir comment cela changerait la façon dont ils composent et modifient le contenu dans WordPress.

• Aujourd'hui, le plugin Gutenberg est toujours activement développé avec des mises à jour hebdomadaires.
• Le plugin Gutenberg a généralement plusieurs versions avant le cœur de WordPress, vous pouvez donc prévisualiser les nouvelles fonctionnalités de l'éditeur de blocs WordPress avant qu'elles ne soient introduites dans le cœur de WordPress.
• L'exécution du plugin Gutenberg est un excellent moyen d'obtenir les dernières nouvelles fonctionnalités de l'éditeur de blocs WordPress. Il est également incroyablement utile pour les développeurs et ceux qui travaillent avec des clients de savoir ce qui se profile à l'horizon pour l'éditeur de blocs.

3. Gutenberg a été intégré à WordPress 5.0 en tant qu'éditeur de contenu par défaut

Le 16 décembre 2018, WordPress 5.0 est sorti. Cette version majeure de WordPress comprenait une refonte majeure de l'éditeur de publication et de page, introduisant Gutenberg comme éditeur WordPress par défaut.

En tant que version la plus attendue et la plus débattue de l'histoire de WordPress, l'éditeur Gutenberg représentait un changement radical par rapport à l'éditeur classique précédent qui existait depuis la création de WordPress. Certains utilisateurs ont peut-être été pris au dépourvu par la différence drastique de l'éditeur WordPress après la version 5.0.

4. Gutenberg est également communément appelé l'éditeur de blocs WordPress

Au fil du temps, il y a encore une certaine confusion sur ce qu'il faut appeler le nouvel éditeur WordPress. Le nom du projet était Gutenberg, donc certaines personnes l'appellent encore l'éditeur Gutenberg et ses « blocs » blocs Gutenberg.

D'autre part, le nouvel éditeur est appelé éditeur de blocs depuis l'interface utilisateur de WordPress. La documentation sur WordPress.org l'appelle simplement l'éditeur WordPress.

5. Gutenberg continue d'évoluer et de s'améliorer avec chaque version

Depuis décembre 2018, toutes les versions majeures du noyau WordPress ont inclus de nouvelles fonctionnalités, améliorations et corrections de bugs pour l'éditeur Gutenberg. L'expérience du montage a continué d'évoluer, et dans le bon sens.

Par exemple, les principales nouvelles fonctionnalités et améliorations de WordPress 5.5 étaient en grande partie liées à l'éditeur de blocs. Les améliorations apportées à l'interface utilisateur, à l'accessibilité, au glisser-déposer et à d'autres problèmes d'utilisation continuent d'être traitées.

Remarque : avant d'exécuter une version majeure de WordPress ou du plugin Gutenberg, nous vous recommandons fortement de faire une sauvegarde de votre site WordPress avec un plugin de sauvegarde WordPress comme BackupBuddy.

6. Les blocs Gutenberg continuent de s'étendre et de s'améliorer

L'objectif principal de Gutenberg était de créer une meilleure et riche expérience d'édition de contenu liée à la façon dont les articles et les pages sont composés et édités dans WordPress. Au-delà de cela, la vision de Gutenberg s'étend au-delà de l'éditeur de publication/page dans les widgets et les barres latérales et même l'en-tête et le pied de page d'un site Web.

Essentiellement, Gutenberg vous permet de prendre un article ou une page et de diviser le contenu en plusieurs « blocs ». Par exemple, les blocs WordPress incluent un bloc d'image, un bloc de paragraphe, un bloc de citation, un bloc de titre et même un bloc de bouton. En savoir plus dans WordPress Blocks: The Ultimate Guide to Gutenberg Blocks .

Voici quelques-uns des blocs WordPress par défaut inclus avec l'éditeur Gutenberg.

7. Vous pouvez désactiver Gutenberg, mais peut-être pas pour toujours

Vous n'aimez pas l'éditeur Gutenberg ? Il peut arriver que vous découvriez que le nouvel éditeur de blocs n'est pas exactement compatible avec votre thème ou vos plugins existants exécutant votre site. La bonne nouvelle est que vous pouvez revenir à l'éditeur classique en utilisant un plugin appelé… vous l'aurez deviné, c'est l'éditeur classique.

Classic Editor est un plugin officiel maintenu par l'équipe WordPress qui restaure l'éditeur WordPress précédent ("classique") et l'écran "Modifier la publication". Il permet d'utiliser des plugins qui étendent cet écran, ajoutent des méta-boîtes à l'ancienne ou dépendent de l'éditeur précédent.

Selon l'équipe WordPress, l'éditeur classique est un plugin WordPress officiel qui ne sera entièrement pris en charge et maintenu que jusqu'au moins 2022. Bien qu'ils aient récemment ajouté "ou aussi longtemps que nécessaire".

Voici plus d'informations sur l'utilisation de l'éditeur classique avec WordPress.

8. Gutenberg a maintenant un répertoire de blocs tiers

Le répertoire de blocs WordPress est une nouvelle façon dont les utilisateurs de WordPress peuvent découvrir, installer et tester des blocs WordPress tiers à partir de l'éditeur de blocs WordPress. Introduit dans WordPress 5.5, le répertoire de blocs WordPress facilite la recherche du bloc WordPress qui correspond le mieux à vos besoins.

Sur la base d'une discussion sur la façon dont les plugins de bloc doivent être distingués des autres plugins dans le répertoire des plugins WordPress.org, le nouveau répertoire de blocs a été créé en tant que section dans le répertoire des plugins qui ne contient que des plugins à bloc unique. Le nouveau répertoire de blocs WordPress est séparé du répertoire principal des plugins, vous parcourez donc soit des plugins WordPress classiques, soit des plugins à bloc unique.

Un plugin à un seul bloc est destiné à être un plugin relativement petit et simple qui fournit un seul bloc Gutenberg, donc le plugin est le bloc.

Désormais, dans WordPress 5.5, il est plus facile que jamais de trouver le bloc dont vous avez besoin. Le nouveau répertoire de blocs WordPress est intégré directement dans l'éditeur de blocs , vous pouvez donc installer de nouveaux types de blocs sur votre site sans jamais quitter l'éditeur.

Utilisez simplement l'icône « + » en haut à gauche de la page pour utiliser le nouveau module d'insertion de blocs et rechercher les blocs disponibles. Surveillez le décollage du répertoire de blocs à l'avenir, car il semble encore assez nouveau (toujours peu d'options; presque pas de critiques).

9. De nouveaux modèles de blocs ouvrent la voie à la création de pages complètes

Dans WordPress 5.5, l'éditeur de blocs introduit un nouveau concept appelé modèles de blocs . Avec les modèles de blocs, vous pouvez désormais créer et partager des dispositions de blocs prédéfinies. Les modèles de blocs ouvrent vraiment la voie à l'éditeur de blocs pour devenir un constructeur de pages. Soyez à l'affût des modèles de blocs à décoller alors que l'éditeur de blocs continue d'évoluer dans cette direction.

Vous pouvez trouver les modèles de blocs enregistrés en utilisant l'icône "+" dans le coin supérieur gauche de l'écran. Vous verrez maintenant à la fois un onglet Blocs et Modèles (plus Réutilisable, si vous en avez), vous pouvez donc basculer entre ces options. Ensuite, vous pouvez ajouter des modèles de blocs à votre article/page comme n'importe quel autre bloc.

Les nouveaux modèles de blocs facilitent la création de mises en page et de publications complexes et magnifiques, en utilisant des combinaisons de blocs que vous pouvez mélanger et assortir. Vous trouverez également des modèles de blocs dans une grande variété de plugins et de thèmes, avec de plus en plus ajoutés tout le temps.

Écran de version de WordPress 5.5

WordPress 5.5 est livré avec un certain nombre de modèles de blocs intégrés, mais il est également possible pour des plugins et des thèmes tiers d'enregistrer des modèles de blocs supplémentaires ou de supprimer ceux qui existent déjà. Pour voir les modèles de blocs en action, consultez le thème par défaut Twenty Twenty. Twenty Twenty est toujours un bon thème à installer sur un serveur de développement car il met vraiment en évidence ce qui est possible avec la dernière version de WordPress.

10. Gutenberg change le besoin de shortcodes WordPress

Avant l'éditeur de blocs WordPress, les shortcodes WordPress étaient l'une des meilleures choses à utiliser dans l'éditeur WordPress pour faciliter l'ajout de fonctions de plugin et de thème aux pages, publications et autres sections d'un site Web WordPress.

Avec le passage à l'éditeur de blocs, qu'est-ce que cela signifie pour la plupart des anciens plugins et sites Web qui sont encore pleins de shortcodes ? Les shortcodes WordPress fonctionneront-ils toujours ? Existe-t-il un moyen de passer facilement de l'utilisation des shortcodes WordPress aux blocs WordPress ?

En un mot, l'éditeur de blocs WordPress a des implications majeures pour les shortcodes. L'éditeur de blocs WordPress modifie fondamentalement le besoin et le but des codes courts pour la plupart des plugins et des thèmes. Avec un système d'édition basé sur des blocs, chaque "élément" de la page a son propre bloc, plutôt que d'être contenu dans un éditeur WYSIWYG éditable.

Articles de note sur l'éditeur WordPress Gutenberg

Ceci est une collection des meilleurs articles sur Gutenberg que j'ai lus à ce jour.

Chris Lema parle de Gutenberg

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

Extrait:

• « Si nous voulons résoudre un problème avec ce plugin, ne devrait-il pas s'agir de la dissonance cognitive que les gens ont lorsqu'ils éditent dans une interface et voient leur produit de travail apparaître dans une interface différente qui ne ressemble pas à ce qu'ils pensaient ? aurait?"

Réponse de Beaver Builder à Gutenberg

Extrait:

• « Bref, nous sommes vraiment excités et solidaires de Gutenberg ! Notre espoir est que le projet continue d'évoluer vers quelque chose que Beaver Builder peut adopter et étendre. Nous avons collaboré avec l'équipe de base sur le projet, et nous avons spéculé, à la fois avec optimisme et avec prudence, sur l'impact potentiel de Gutenberg sur notre entreprise et l'espace WordPress en général. Imaginez si Gutenberg « bloque » nous sommes interchangeables avec les modules Beaver Builder, ou si vous pouviez faire glisser une ligne enregistrée dans une page Gutenberg. Ou, l'éditeur de texte de Gutenberg pourrait être utilisé en ligne dans Beaver Builder. Beaucoup de potentiel amusant, n'est-ce pas ? »

Thèmes élégants

Extrait:

• « Lorsque l'on regarde le débat, il est important de se rappeler que chaque changement apportera une certaine inertie et résistance. WordPress doit aller de l'avant pour être compétitif dans un environnement en évolution. Cependant, cela ne signifie pas que les préoccupations exprimées ne sont pas valables et n'ont pas besoin d'être traitées. Heureusement, les développeurs font de leur mieux pour y parvenir. Pourtant, vu combien de personnes sont concernées et se sentent exclues, peut-être qu'une communication supplémentaire est nécessaire. »

Une critique plutôt cinglante sur WPMU

Celui-ci ne tire aucun coup de poing.

Extrait:

• "Bien que les développeurs travaillant sur le plugin de l'éditeur Gutenberg aient évidemment beaucoup travaillé pour créer le plugin et je les félicite pour leurs efforts jusqu'à présent, la vérité est que ce plugin est loin d'être prêt à être inclus dans WordPress et a besoin de beaucoup plus de travail, en particulier du travail UX.

Yoast propose un cours alternatif pour Gutenberg

Certains problèmes importants sont notés et des solutions suggérées.

Extrait:

• « Nous sommes très enthousiastes à l'idée de blocs, mais nous avons de fortes inquiétudes quant à certains choix techniques et à la rapidité du processus de mise en œuvre. Nous sommes également préoccupés par le manque de priorité accordée aux questions d'accessibilité dans le projet. Mais plus important encore, nous sommes très préoccupés par le fait que les plugins ne peuvent pas s'intégrer au nouvel éditeur.

Yoast parle des concepts d'intégration de son plugin avec Gutenberg

Voici une piste que d'autres développeurs de plugins pourraient suivre.

https://yoast.com/gutenberg-integration/

Extrait:

• « Nous avons commencé par décomposer toutes nos fonctionnalités et voir où nous pouvions les intégrer dans Gutenberg. Nous ne pensons pas que conserver une seule boîte massive sous l'éditeur servira au mieux nos clients. Nous préférons de loin nous intégrer là où l'action se passe, et Gutenberg nous offre cette chance.

Josh Pollock de Caldera Forms

Cinq façons dont il veut avoir tort à propos de Gutenberg :

Extrait:

• « C’est une grande décision pour l’avenir de WordPress. Je pense qu'en tant que communauté, nous réussirons, mais il faudra beaucoup de tests, d'itérations et de discussions pour bien faire les choses.

Conclusion : Que devriez-vous faire à propos de Gutenberg ?

• Essaie. Apprenez à connaître Gutenberg par vous-même. Essayez-le sur un site de test ou sur votre site en direct (oui, il est suffisamment stable). Voyez ce que vous aimez et n'aimez pas à ce sujet.
• Soumettre des commentaires. Le plugin Gutenberg a récemment ajouté un lien Feedback sous son élément de menu de la barre latérale. Prenez le temps et offrez des observations réfléchies sur votre expérience avec Gutenberg. "Vous êtes des crétins" n'est pas ce qu'ils recherchent.
• Ne paniquez pas. Il y a beaucoup de discussions réfléchies menées par de nombreuses bonnes personnes à ce sujet. L'éditeur de blocs continue de s'améliorer et, même s'il faut un certain temps pour s'y habituer, nous sommes maintenant d'accord pour dire que l'adoption complète du nouvel éditeur a été une bonne chose.

Plus de ressources sur l'éditeur de blocs WordPress (éditeur Gutenberg)

Blocs réutilisables WordPress : le guide ultime

Les blocs réutilisables WordPress sont une fonctionnalité puissante de l'éditeur de blocs WordPress. Les blocs réutilisables vous permettent de sauvegarder rapidement tout bloc WordPress que vous utilisez fréquemment. Lire la suite …

Le répertoire de blocs WordPress : le guide essentiel

Introduit dans WordPress 5.5, le répertoire de blocs WordPress facilite la recherche du bloc WordPress qui correspond le mieux à vos besoins. Lire la suite …

Blocs WordPress : Le guide ultime des blocs Gutenberg

Avec les blocs WordPress, également connus sous le nom de blocs Gutenberg, les utilisateurs découvrent un moyen plus simple de créer un contenu riche dans des articles et des pages de manière vraiment visuelle. Lire la suite …

Kristen Wright

Kristen écrit des tutoriels pour aider les utilisateurs de WordPress depuis 2011. Vous pouvez généralement la trouver en train de travailler sur de nouveaux articles pour le blog iThemes ou de développer des ressources pour #WPprosper. En dehors du travail, Kristen aime tenir un journal (elle a écrit deux livres !), faire de la randonnée et du camping, cuisiner et vivre des aventures quotidiennes avec sa famille, dans l'espoir de vivre une vie plus présente.