En début d’année, WordPress 5.0 a été publié avec un nouvel éditeur de contenu appelé Gutenberg. Depuis, beaucoup de questions concernant la mise à jour sont posées sur le net. Dans cet article, j’essaierai de répondre à certaines de celles que j’ai le plus lues sur Gutenberg et la mise à jour de WordPress.

Pourquoi WordPress a-t-il changé d’éditeur ?

Pendant longtemps, WordPress a utilisé un éditeur basé sur TinyMCE pour créer des messages et des pages. L’éditeur WordPress classique était une simple fenêtre de texte avec peu de boutons en haut pour les options de formatage de base.

Bien que cela ait bien fonctionné, les utilisateurs ont dû apprendre différentes approches pour ajouter des images, créer des galeries, intégrer des vidéos, ajouter des tableaux et autres éléments de contenu. Cette courbe d’apprentissage combinée avec les standards modernes du web a rendu WordPress plus difficile à utiliser par rapport à d’autres constructeurs de sites web populaires.

Le nouvel éditeur de blocs WordPress introduit une expérience d’écriture moderne et simplifiée où chaque élément de contenu est enveloppé dans un bloc. Vous pouvez déplacer ces blocs dans l’éditeur, modifier leurs paramètres et créer des mises en page de contenu attrayantes sans écrire de code.

Nouvel éditeur WordPress appelé éditeur de blocs Gutenberg
Nouvel éditeur WordPress appelé éditeur de blocs Gutenberg


L’éditeur Gutenberg fournit également un cadre puissant pour les développeurs de thèmes et de plugins pour construire des solutions avancées avec Gutenberg pour WordPress.

Comment puis-je vérifier si le thème et les plugins que j’utilise sont compatibles avec Gutenberg ?

La façon la plus simple de vérifier si votre thème et vos plugins sont compatibles avec Gutenberg est de vérifier s’ils supportent WordPress version 5.0+.

Gutenberg Editor a été lancé comme l’éditeur de contenu par défaut dans WordPress 5.0, donc un thème ou un plugin qui a un label “testé avec la version 5.0” signifie qu’il est compatible avec Gutenberg.

Vous pouvez trouver l’étiquette “Tested with” dans le répertoire des plugins de WordPress.org en recherchant le nom de votre plugin.

Rechercher un plugin SEO dans WordPress.org
Rechercher un plugin SEO dans WordPress.org

Dans les résultats, vous verrez la version WordPress avec laquelle votre plugin est testé. Par exemple, vous pouvez voir que YOAST SEO est actuellement testé avec WordPress 5.0.3.

Gutenberg et Wordpress 5 : les questions réponses
Plugin SEO testé avec WordPress 5.0 plus

Cela signifie que YOAST SEO ou All in One SEO Pack sont des plugins compatibles Gutenberg.

Pour un thème WordPress, il est préférable de visiter le site officiel de votre thème et de vérifier s’ils ont fait une annonce officielle pour la compatibilité avec Gutenberg.

Si vous ne voyez aucune information sur leur page marketing, alors vous pouvez visiter leur blog ou leur base de connaissances et rechercher le mot-clé ‘Gutenberg’.

Cela vous aidera à trouver des articles, y compris leur annonce officielle sur le soutien de Gutenberg.

Si vous ne voyez aucun article de votre auteur de thème ou de plugin sur la mise à jour de Gutenberg, alors vous devrez les contacter.

Une fois que vous avez confirmé la compatibilité Gutenberg de tous vos thèmes et plugins, vous pouvez mettre à jour votre site avec WordPress 5.0 en toute confiance.

Pour éviter les erreurs et les conflits, allez voir le guide complet sur la façon de tester votre site WordPress pour la mise à niveau vers Gutenberg.

Comment gérer mes anciens posts dans l’éditeur de blocs Gutenberg ?

Après la mise à jour de votre site vers WordPress 5.0, votre ancien contenu de posts sera enveloppé dans le bloc Classic de l’éditeur Gutenberg.

Bloc classique dans l'éditeur de Gutenberg
Bloc classique dans l’éditeur de Gutenberg

Vous pouvez tout éditer comme avant dans le bloc Classic.

Vous pouvez également convertir votre ancien contenu de message en blocs Gutenberg. Cliquez simplement sur l’option Convertir en blocs dans le menu déroulant de votre bloc classique, puis il convertira automatiquement le contenu de votre message en blocs appropriés

Gutenberg et Wordpress 5 : les questions réponses
Convertir l’ancien contenu de message en blocs dans l’éditeur de blocs WordPress

Pour des instructions détaillées, vous pouvez lire le guide étape par étape sur la mise à jour de vos anciens messages WordPress avec Gutenberg.

Comment puis-je désactiver Gutenberg et récupérer l’éditeur classique ?

Beaucoup d’utilisateurs ne sont pas prêts à passer à l’éditeur Gutenberg pour une raison ou une autre.

Dans ce cas, vous avez la possibilité de désactiver Gutenberg et de ramener l’éditeur classique.

Tout ce que vous avez à faire est d’installer et d’activer le plugin Classic Editor.

En utilisant ce plugin, vous pouvez facilement désactiver Gutenberg et utiliser l’éditeur classique sur votre site.

Le plugin Classic Editor sera disponible au moins jusqu’en 2022 ou aussi longtemps que nécessaire.

Cela devrait donner beaucoup de temps aux utilisateurs pour tester leurs sites Web avec Gutenberg et les mettre à niveau lorsqu’ils se sentiront à l’aise.

Gutenberg est-il un page builder (créateur de page) WordPress ?

Gutenberg est un éditeur de blocs qui utilise des éléments de contenu appelés blocs pour construire des messages et des pages. De même, les constructeurs de pages (page builder) WordPress utilisent des blocs, également appelés widgets, modules ou éléments pour créer des pages dans WordPress.

Cela a causé de la confusion parmi les utilisateurs, et beaucoup se demandent si Gutenberg est une alternative de page builder WordPress.

La réponse est “Non, du moins dans sa forme actuelle”.

Les plugins de création de pages WordPress offrent des fonctionnalités beaucoup plus avancées pour créer des pages de destination dans WordPress.

La plupart des constructeurs de pages sont des éditeurs frontaux alors que Gutenberg est un éditeur back-end. Voici comment modifier le contenu dans l’éditeur de contenu Gutenberg

Écran de post-édition de Gutenberg
Écran de post-édition de Gutenberg

Et, ci-dessous, voici à quoi ressemble l’un des meilleurs constructeurs de pages (pour moi), Elementor, lorsque vous éditez une page

Création d'une page avec le meilleur plugin de création de page de Elementor
Création d’une page avec le meilleur plugin de création de page de Elementor

Les blocs de construction de pages sont de véritables éléments qui supportent le glisser-déposer. Alors que les blocs Gutenberg ne supportent le glisser-déposer que pour réorganiser les blocs.

En termes simples, Gutenberg est une interface d’édition de base tandis que les constructeurs de pages sont des éditeurs de pages avancés. Vous pouvez utiliser les deux pour des pages d’atterrissage précises dans WordPress.

Pour une réponse plus détaillée, vous pouvez consulter une explication détaillée de wpbeginner : Gutenberg vs WordPress Page Builders.

Comment puis-je mettre à jour le contenu créé avec un page builder ?

La mise à jour de votre contenu créé avec des constructeurs de pages ne devrait pas être un problème. La méthode que vous utilisez pour mettre à jour votre contenu peut varier d’un constructeur de page à l’autre.

Par conséquent, vous devrez contacter votre fournisseur de plugins pour obtenir un tutoriel de mise à jour.

Aussi, vous pouvez consulter leur site officiel pour trouver leurs annonces sur le soutien de Gutenberg.

Est-ce que le nouvel éditeur supporte les shortcodes ?

Oui, Gutenberg supporte les shortcodes. Il y a un bloc Shortcode séparé à Gutenberg pour ajouter du contenu avec des shortcodes

Bloc de shortcode dans l'éditeur Gutenberg
Bloc de shortcode dans l’éditeur Gutenberg

Les blocs WordPress sont définis comme une évolution du [shortcode], il est donc recommandé d’utiliser des blocs Gutenberg réguliers au lieu des shortcodes.

Par exemple, vous pouvez ajouter vos WPForms à vos posts ou pages en utilisant un shortcode.

Insertion WPForms avec des shortcodes
Insertion WPForms avec des shortcodes

Tout ce que vous avez à faire est de copier le shortcode de l’écran de synthèse des formulaires, puis de le coller dans le bloc Shortcode sur l’écran de post-édition.

Cependant, la meilleure option est d’utiliser le bloc WPForms Gutenberg directement au lieu de coller le shortcode du formulaire dans le bloc Shortcode.

Widget WPForms pour Gutenberg
Widget WPForms pour Gutenberg

Qui puis-je contacter si quelque chose est cassé après la mise à niveau ?

Gutenberg ne devrait pas idéalement casser quoi que ce soit sur votre site cependant un conflit avec votre thème et les plugins peuvent causer des erreurs.

Il est toujours recommandé de tester votre site sur un environnement de test avant de passer à Gutenberg.

Cependant, vous pouvez parfois trouver des erreurs inattendues. Si cela se produit, vous devez d’abord désactiver Gutenberg et activer l’éditeur Classic sur votre site.

Ensuite, contactez l’éditeur de votre thème et de vos plugins pour demander de l’aide.

Comment puis-je en savoir plus sur Gutenberg ?

Pour en savoir plus sur Gutenberg, vous pouvez lire les quelques articles que j’ai fait sur Gutenberg :p

J’ai déjà publié un certain nombre d’articles sur le nouvel éditeur de blocs WordPress, alias Gutenberg. J’en publierai d’autres à l’avenir pour vous aider à maîtriser le nouvel éditeur de blocs.

Vous pouvez aussi faire un tour sur la toile; Un grand nombre de ressources sur Gutenberg sont sorties depuis le début de cette année.

J’espère que cet article vous a aidé à trouver des réponses aux questions courantes de Gutenberg que vous vous posez. Si vous avez d’autres questions, n’hésitez pas à me contacter en me laissant un commentaire.

Vous pouvez également consulter ma liste des 13 actions de maintenance à effectuer régulièrement.

Catégories : wordpress

siddhy

Développeur web full stack depuis une 15aine d'année dans une agence web du sud de la France et Geek depuis toujours, l'apprentissage et le partage font parti intégrante de ma philosophie au même titre que l'évolution personnelle et la sagesse bouddhiste.

3 commentaires

Artemis Planck · 14 juin 2019 à 10 h 01 min

Bonjour,
Super article ! Merci 🙂 Cependant, je me demande si on a la possibilité d’avoir un espace plus large pour rédiger un article. Les blocs Gutenberg sont vraiment étroits et cette présentation en colonne étroite est génante à la rédaction je trouve.
Ont-ils prévu la possibilité d’être en mode full largeur ?

    siddhy · 14 juin 2019 à 11 h 57 min

    Bonjour Artemis et merci pour ton commentaire 🙂

    Je pense que les thèmes ont déjà commencé à prendre en compte la taille de l’éditeur pour coller à la largeur en Front (de mon côté ça tombe pile) mais voici un article simple qui permet de modifier la taille de l’éditeur avec quelques lignes de php et css : https://capitainewp.io/formations/wordpress-creer-blocs-gutenberg/modifier-largeur-editeur-gutenberg/

      Artemis Planck · 14 juin 2019 à 12 h 43 min

      Merci pour ta réponse et ce lien ! J’ai testé mais ça ne change rien ^^ (surement parce que j’ai installé TinyMCE et que je l’ai fait remplacé Gutemberg xD).
      Je vais tenté sans !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *