Guides

Migration vers l’éditeur de blocs WordPress (Gutenberg) –

Par Julian, le novembre 14, 2020
Migration vers l'éditeur de blocs WordPress (Gutenberg) -

L’éditeur de blocs WordPress est officiellement devenu l’éditeur par défaut de WordPress lorsque WordPress 5.0 est sorti le 6 décembre 2018.

Il s’agit d’un éditeur glisser-déposer convivial qui vous permet de créer facilement des mises en page personnalisées et de styliser votre contenu.

L’éditeur de blocs est également connu sous le nom de Gutenberg et avant qu’il ne soit intégré au cœur de WordPress, les propriétaires de sites Web testaient et utilisaient l’éditeur de blocs depuis 2017 à l’aide du plugin Gutenberg WordPress.

Cela fait maintenant trois ans que l’éditeur de blocs a été lancé pour la première fois et un an et demi depuis qu’il est devenu l’éditeur officiel de WordPress, mais des millions de propriétaires de sites Web comme moi continuent d’utiliser l’ancien éditeur par défaut.

Est-il temps pour moi et pour d’autres de migrer vers l’éditeur de blocs WordPress?

Découvrons-le.

Un générateur de page simple et facile à utiliser

J’ai testé la grande majorité des constructeurs de pages WordPress gratuits et premium du marché.

Plusieurs solutions ont été utilisées sur mes propres projets de site Web, tandis que d’autres que j’ai testées principalement pour des critiques et des articles de comparaison sur ce blog et sur des sites Web tels que WinningWP et aThemes.

Cela m’a donné une bonne compréhension des solutions de création de pages disponibles en ligne.

Alors, où en est l’éditeur de blocs WordPress?

Est-ce le meilleur?

Comme il est courant de discuter des solutions WordPress, la réponse est «Cela dépend».

Interface utilisateur Divi
Le nombre d’options de personnalisation dans Divi est incroyable.

Pour la plupart des gens, l’éditeur de blocs WordPress est trop basique pour être considéré comme la meilleure solution car il ne dispose pas des fonctionnalités avancées des produits tels que Divi et Elementor.

Il n’y a pas de modèles prédéfinis et vous ne pouvez pas enregistrer les mises en page dans une bibliothèque de modèles et les réutiliser plus tard (vous pouvez cependant enregistrer des blocs). Chaque bloc de contenu ne comporte que quelques options. Ceci est en contraste frappant avec les autres constructeurs de pages, où il existe normalement des centaines d’options pour vous aider à styliser chaque bloc et à le rendre unique.

Malgré tout cela, j’ai beaucoup d’amour pour l’éditeur de blocs WordPress car il possède une grande variété de blocs de contenu et est facile à utiliser. De plus, comme il est intégré au cœur de WordPress, vous savez que l’éditeur de blocs sera pris en charge pendant de nombreuses années.

Les développeurs de WordPress ont clairement fait de la convivialité une priorité plus élevée que la personnalisation. Ainsi, même si vous êtes limité dans ce que vous pouvez faire avec l’éditeur de blocs, l’interface utilisateur est moins gonflée. Cela leur a permis de créer un générateur de page à chargement rapide qui est un plaisir à utiliser.

Bien qu’il ne soit pas idéal pour les mises en page complexes, l’éditeur de blocs est parfait pour apporter de simples modifications de style aux articles et aux pages. Je me suis retrouvé à ajouter plus de couleur à mes articles parce que le processus est très simple.

Changer les couleurs dans l’éditeur de blocs.

Ceux d’entre vous qui ont lu mon article «La liste ultime des plugins et addons WordPress Gutenberg Block» sauront également qu’il existe des centaines d’extensions de plugins qui étendent les fonctionnalités de l’éditeur.

En utilisant des plugins WordPress tiers, vous pouvez ajouter des centaines de nouveaux blocs de contenu, de nouvelles options de style, plus d’options de configuration et plus encore.

Il ne fait aucun doute que l’éditeur de blocs WordPress est une solution simple de création de pages, mais il est facile à utiliser et facile à formater du texte et à ajouter de la couleur à votre contenu. La possibilité de l’étendre davantage avec des plugins tiers est la cerise sur le gâteau.

La joie de l’éditeur classique

L’éditeur visuel WordPress est une version modifiée de l’éditeur de texte TinyMCE.

Vous pouvez continuer à utiliser l’éditeur visuel WordPress en installant le plugin WordPress Classic Editor. Cela restaurera l’ancienne interface Ce que vous voyez est ce que vous obtenez (WYSIWYG).

Interface utilisateur de l'éditeur classique
Oh c’est beau…. Si beau !!!

Le plugin WordPress Classic Editor ajoute deux nouveaux paramètres à votre page de paramètres d’écriture WordPress.

L’un vous permet de définir l’éditeur par défaut et l’autre spécifie si les utilisateurs peuvent changer d’éditeur.

Paramètres de l'éditeur classique
Vous décidez quel éditeur est utilisé par défaut.

WordPress a confirmé qu’il prendrait en charge le plugin WordPress Classic Editor jusqu’en 2022 au moins, mais avec des plugins tiers tels que Disable Gutenberg restant populaires, je ne doute pas qu’il y aura un support pour l’ancien éditeur visuel pendant de nombreuses années.

Il n’est pas surprenant que les gens aiment toujours l’ancien éditeur.

Les utilisateurs de WordPress utilisent différentes versions de l’éditeur visuel depuis les années 2000, il y aura donc toujours une résistance au changement car la plupart des propriétaires de sites Web étaient heureux de continuer à utiliser l’éditeur qu’ils connaissaient et aimaient.

Je suis l’exemple parfait d’un propriétaire de site Web qui s’en tient à ce qu’il sait.

Je n’ai pas migré vers le nouvel éditeur de blocs WordPress, mais je n’ai pas non plus migré vers l’éditeur visuel lorsque cela a été introduit.

Au lieu de cela, j’ai continué à utiliser le mode d’édition de texte car l’ancien éditeur visuel introduisait toujours du code HTML et une mise en forme indésirables.

Certains d’entre vous peuvent penser que je suis dingue de continuer à écrire des articles de cette manière car cela signifie que tout le code HTML est affiché, mais j’ai toujours trouvé que c’était un moyen pratique d’écrire des articles car je peux rapidement corriger tout formatage incorrect.

Mode d'édition de texte
J’ai écrit des dizaines de milliers d’articles à l’aide d’un simple éditeur de texte.

Alors pourquoi ce vieux dinosaure aime-t-il toujours écrire des articles dans l’éditeur classique au lieu du nouvel éditeur de blocs WordPress?

Une des raisons pour lesquelles j’ai hésité à passer au nouvel éditeur de blocs est que cela me prend plus de temps pour écrire des articles car je passe plus de temps à peaufiner le formatage et ajuster les images.

Par exemple, dans l’ancien éditeur, si vous définissez une image à attribuer à gauche, au centre ou à droite, toutes les images futures seront présélectionnées pour cette même option. En revanche, l’éditeur de blocs continue d’affecter chaque image à gauche, vous devez donc la modifier manuellement à chaque fois.

Un autre inconvénient majeur est que le formatage est copié.

Par exemple, si je cite une actualité dans mon article, toutes les couleurs, tous les liens et la mise en forme sont copiés lorsque je copie et colle. Cela ne se produit pas dans l’ancien éditeur de texte.

Je me rends compte que c’est par conception et que d’autres propriétaires de sites Web y verraient une fonctionnalité intéressante, mais 99% du temps, la copie de tout le formatage devient un inconvénient majeur pour moi car je dois le supprimer.

Si vous écrivez un court article, ce sont des inconvénients mineurs, mais lorsque vous écrivez de longs tutoriels approfondis de plus de 5000 mots, cela peut être coûteux.

Migrer vers l’éditeur de blocs WordPress

Les premières itérations de l’éditeur de blocs Gutenberg étaient un désordre bogué qui avait une tonne de problèmes d’utilisabilité. Il n’y avait pas non plus de compatibilité pour Gutenberg dans les plugins WordPress dans les premiers jours.

La plupart des problèmes initiaux avec Gutenberg ont heureusement été résolus. C’est une solution plus raffinée aujourd’hui et elle est très bien prise en charge dans les produits WordPress.

Si vous vous êtes éloigné de l’éditeur de blocs en raison de votre expérience avec lui il y a deux ans, je vous encourage à le revoir. Vous serez agréablement surpris de son évolution.

J’ai également pris la décision de migrer vers le nouvel éditeur.

Cela me permettra de styliser mes articles plus efficacement et j’espère que j’apprendrai à écrire des articles dans l’éditeur de blocs plus rapidement en apprenant les raccourcis vers des raccourcis tels que la duplication de blocs, etc.

«Vous ne pouvez pas lutter contre le progrès. Le mieux que vous puissiez faire est de l’ignorer, jusqu’à ce que cela vous prive enfin de gagner votre vie et de vous respecter. » – Kurt Vonnegut

WordPress a facilité la migration vers le nouvel éditeur de blocs via le bloc «Classique».

Le bloc classique
Le bloc classique.

Le bloc classique facilitera la migration vers l’éditeur de blocs pour les propriétaires de sites Web comme moi, car il vous donne accès à la même barre d’éditeur visuel que nous avons utilisée pendant de nombreuses années.

Cela aidera sûrement ma transition pour faire de l’éditeur de blocs mon éditeur par défaut.

Bloc classique
Le bloc classique ramène toutes les fonctionnalités que vous aimez de l’éditeur visuel.

Si vous utilisez le nouvel éditeur de blocs avec des articles ou des pages créés à l’origine dans l’ancien éditeur, tout le contenu sera placé dans un bloc classique.

Un message «Edition classique» vous permet de voir que tout le contenu est contenu dans un bloc classique.

Edition classique
Edition classique

Lorsque vous cliquez sur une partie de votre article ou de votre page, les boutons de formatage s’affichent.

Pour des changements rapides, l’éditeur de blocs classique fonctionne bien, mais si vous prévoyez d’apporter de nombreux changements, je recommande toujours d’installer le plugin WordPress Classic Editor.

Modifier un article
Modifier un article à l’aide du bloc classique.

Les articles et les pages que vous avez créés dans l’ancien éditeur continueront de s’afficher correctement, il n’est donc pas nécessaire de revenir sur les anciens articles et d’apporter des modifications.

WordPress vous offre cependant un moyen de convertir des articles plus anciens via l’option «Convertir en blocs».

Cliquez simplement sur les trois points verticaux en haut de l’option de bloc classique pour voir cette option.

Convertir en blocs
La fonction «Convertir en blocs» mettra à jour votre contenu en une seconde.

L’outil de conversion de bloc fonctionne très bien, mais j’ai constaté qu’il ne pouvait toujours pas convertir certains articles et pages. Surtout les articles qui utilisent des tableaux, des divs ou enveloppent le contenu dans plusieurs balises HTML.

Toute erreur dans votre code causera également des problèmes (bien que cela soit prévisible).

Convertir le message d'erreur de bloc
J’ai eu quelques problèmes pour convertir certains articles dans l’éditeur de blocs.

Si vous souhaitez convertir des articles et des pages de blog en vrac, consultez Bulk Block Converter.

Le plugin analysera tout votre site Web et vous informera des articles qui doivent encore être convertis.

Vous pouvez filtrer par type de publication et par statut de publication et il vous montre un message pour souligner qu’une publication ou une page a été convertie. Malheureusement, il n’y a pas d’option pour filtrer les articles de blog par date ou par catégorie.

J’ai constaté que de nombreux articles et pages ne se convertissaient pas correctement. Il s’agit d’une limitation du convertisseur de blocs WordPress auquel se connecte Bulk Block Converter, et non du plugin lui-même.

Ce que j’ai fait, c’est traiter 10 à 20 articles à la fois, puis vérifier chaque article et résoudre les problèmes de conversion. La plupart des problèmes de conversion que j’ai rencontrés concernaient des pages plus anciennes qui utilisaient des balises Div pour le style.

Malgré ces problèmes, j’ai trouvé que Bulk Block Converter était un énorme gain de temps.

Évidemment, si vous utilisez ce plugin, il est prudent de faire une sauvegarde de votre site Web avant de traiter un grand nombre d’articles et de pages. Cela vous permet de revenir à une version plus ancienne de votre base de données WordPress si vous rencontrez des problèmes majeurs.

Convertisseur de blocs en vrac
Bulk Block Converter réduit considérablement le temps nécessaire pour convertir les articles créés dans l’éditeur classique de WordPress.

J’ai d’abord écrit cet article en utilisant l’ancien éditeur de texte, puis je l’ai converti et utilisé les outils supplémentaires proposés par l’éditeur de blocs pour présenter mon devis de manière plus professionnelle.

Je recommande de tester cela par vous-même.

Dernières pensées

Lorsque l’éditeur de blocs a été officiellement lancé en 2018, ma recommandation aux autres utilisateurs de WordPress était de continuer à utiliser l’ancien éditeur.

Il y avait encore de nombreux bogues dans l’éditeur à ce moment-là et il y avait peu de support pour Gutenberg de la part de développeurs tiers.

C’est une autre histoire aujourd’hui.

L’éditeur de blocs WordPress est une solution plus raffinée et la plupart des plugins WordPress en ont ajouté une prise en charge. Cela reste une solution de création de page simple, mais elle est facile à utiliser et il existe de nombreuses options pour étendre les fonctionnalités.

À mon avis, l’éditeur de blocs ne doit pas être considéré comme un remplacement des solutions avancées telles que Divi et Elementor. Il vaut mieux le considérer comme un remplacement de l’éditeur visuel qu’il remplace.

À l’avenir, mon plan est d’écrire tous les prochains articles sur ce blog dans l’éditeur de blocs.

Il est peut-être temps que vous fassiez de même.

Merci d’avoir lu.

Julian

Julian

Julian

Je suis correspondant principal chez WebVZ; le site hebdomadaire consacré à l'avenir des médias, la technologie, la culture (série, film, musique) et jeux-vidéo. J'anime parfois (en plus de mes articles), une série de d'interviews percutantes avec les principaux acteurs de l'industrie des médias et de la technologie.

Commentaires

Laisser un commentaire

Votre commentaire sera révisé par les administrateurs si besoin.