La façon dont vous développez et créez du contenu avec WordPress est en train de changer. Avec la sortie de WordPress 5.0 et du nouvel éditeur Gutenberg, de nombreux ajustements s’imposent. Elles affectent non seulement ce que nous voyons sur nos écrans, mais également les techniques sous-jacentes que nous utilisons pour personnaliser le back-end.

Il est particulièrement important de noter que ce ne sont pas seulement les professionnels du Web qui supporteront le fardeau d’un workflow modifié. Les utilisateurs ordinaires auront également leur propre courbe d’apprentissage à gérer. Le simple fait d’écrire un article de blog, par exemple, aura une apparence bien différente avec Gutenberg et avec l’éditeur classique.

Cela ne veut pas dire que ces changements sont positifs ou négatifs. Indépendamment de ce que vous ressentez à leur égard, ce sont néanmoins des changements.

Alors, qu’est-ce qui change? Examinons quelques domaines dans lesquels WordPress 5.0 aura le plus grand impact.

Ecrire avec Gutenberg

La modification la plus visible avec WordPress 5.0 est l’éditeur Gutenberg basé sur des blocs. Fini le temps d’un seul champ rectangulaire à taper à votre prochain article de blog. Au lieu de cela, pratiquement tout est contenu dans des blocs portables, y compris des paragraphes de texte.

L’aspect positif de ce changement est qu’il est facile de réorganiser le contenu – ce qui peut être frustrant avec l’éditeur Classic. Un utilisateur peut, par exemple, éditer un bloc sans craindre d’impacter le contenu environnant.

Néanmoins, il faudra un certain temps pour s’y habituer, en particulier pour les utilisateurs de longue date. L’interface utilisateur est assez intuitive, mais constitue une expérience totalement différente de celle d’une installation WordPress standard.

Oh, et un conseil qui mérite d’être mentionné à propos de ces blocs de paragraphe: appuyer sur la touche Entrée à la fin d’un paragraphe créera automatiquement un autre nouveau bloc. Vous pouvez donc continuer à écrire dans l’éditeur sans avoir à ajouter manuellement des blocs via l’interface utilisateur. Vous pouvez également utiliser le bloc «classique», qui permet un style de rédaction de contenu plus traditionnel.

Personnalisation de l’écran d’édition

Parmi les changements les plus importants apportés à WordPress 5.0 et à Gutenberg, citons l’aspect et la construction de la personnalisation de l’écran d’édition.

Par exemple, si vous utilisez un plug-in tel que Champs personnalisés avancés pour créer des configurations d’interface utilisateur de champs personnalisés, cela fonctionnera toujours correctement. Mais Gutenberg force ces champs jusqu’au bas de l’écran. Par conséquent, toutes les dispositions personnalisées élaborées que vous avez créées pour le back-end vont rester bloquées sous le pli, à moins que vous ne choisissiez de rester avec l’éditeur classique.

Au-delà de cela, ajouter des fonctionnalités personnalisées à l’éditeur lui-même est un processus complètement différent dans le monde post 5.0. Étant donné que la configuration basée sur TinyMCE de l’éditeur classique est mise de côté, vous devez créer un bloc personnalisé pour Gutenberg afin de l’intégrer à l’éditeur. Cela nécessitera une connaissance sérieuse de React et de JavaScript en général.

Heureusement, les champs personnalisés avancés susmentionnés et le nouveau plug-in Block Lab fournissent des méthodes plus simples pour créer des blocs personnalisés. Cela permettra à davantage de développeurs de créer des fonctionnalités personnalisées pour le nouvel éditeur sans plonger trop profondément dans les mauvaises herbes avec JS. Le processus sera plus familier, mais nécessite encore quelques efforts pour apprendre.

Tout compte fait, la personnalisation de l’écran d’édition nécessitera une approche très différente pour atteindre le même niveau d’intégration avec l’interface utilisateur de l’éditeur WordPress.

Construire un thème WordPress personnalisé

Il semble assez improbable que Gutenberg «brise» tous les thèmes. Au lieu de cela, les thèmes existants risquent de ne pas être configurés pour tirer pleinement parti de certaines nouvelles fonctionnalités sophistiquées, telles que les images de couverture.

Par défaut, certains styles de base pour tous les blocs de Gutenberg seront inclus. Toutefois, vous pouvez également ajouter des styles personnalisés à votre thème afin de mieux contrôler l’apparence des blocs à l’avant de votre site.

Vous voulez voir comment votre thème gérera chaque bloc de Gutenberg? Le test d’unité de bloc pour le plugin Gutenberg peut vous aider.

Il est également possible d’inclure (ou de refuser) la prise en charge de fonctionnalités spécifiques, telles que les images pleine largeur, via du code figurant dans le fichier functions.php de votre thème. Cela vous permet de surveiller ce que votre thème peut ou ne peut pas faire avec Gutenberg.

Enfin, l’un des principaux arguments de vente de Gutenberg est une expérience qui est bien plus proche d’une véritable WYSIWYG. Pour vous rapprocher le plus possible, l’ajout de styles d’éditeur à votre thème peut fournir une réflexion plus précise dans l’éditeur sur l’apparence du contenu sur le front-end. WordPress intègre une classe très pratique .editor-styles-wrapper pour vous permettre de démarrer.

Rouler avec les changements

À certains égards, cela peut sembler un peu écrasant. Mais si le changement n’est pas facile, il est également inévitable. Par conséquent, tout ce que nous pouvons faire, c’est en tirer le meilleur parti.

Un aspect positif de tout cela est que, même si WordPress 5.0 est disponible, nous pouvons toujours opter pour l’éditeur classique si nous le souhaitons. Cela nous permet de prendre la décision finale de savoir si ces changements s’adaptent bien à notre situation particulière.

L’éditeur Classic sera supporté au moins jusqu’à la fin de 2021, ce qui signifie que nous avons un peu de temps pour nous adapter avant de plonger dans Gutenberg. Ainsi, même si nos flux de travail vont éventuellement changer, nous pouvons le faire à notre propre rythme.

Oui, c’est beaucoup à prendre. Mais au moins, nous avons les outils et les connaissances nécessaires pour gérer ces changements avec succès.