Catégories
Plugin et site web

Le défi de passer d'un générateur de page à l'éditeur de blocs WordPress Gutenberg

Le temps est venu. L'éditeur de blocs WordPress Gutenberg est devenu suffisamment fiable pour alimenter votre site Web existant. Vous pouvez maintenant éviter ce vieux plugin de création de page au profit d'un éditeur de contenu natif.

C’est la situation dans laquelle je me suis retrouvé. Un client qui utilise depuis des années un outil de création de page groupé et obsolète est prêt à évoluer. Par conséquent, je suis chargé d'aider à convertir les mises en page et les fonctionnalités existantes en blocs.

C’est un processus très intéressant. Et c’est quelque chose que je parie que d’autres concepteurs Web auxquels nous sommes confrontés.

Sur ce, je voudrais partager quelques choses que j'ai apprises en cours de route (indice: il y a beaucoup de défis.) Mais en identifiant tôt les points douloureux, il est possible de lisser ces bosses sur la route. Et c'est parti!

Pourquoi passer à Gutenberg?

Avant de nous plonger dans tous les détails, préparons le terrain pour ce dont nous avons affaire. Bien que certains de ces éléments soient spécifiques à mon projet particulier, je soupçonne que cela représente également une situation assez courante.

Un constructeur de pages figé dans le temps

Les plugins de création de page sont bons à utiliser, tant que vous vous engagez à les conserver sur le long terme. Mais trop souvent, ils sont regroupés dans un thème et ne sont tout simplement pas tenus à jour.

Dans ce cas, le plugin fonctionne toujours assez bien. Mais les changements imminents de WordPress lui-même signifient que ses jours pourraient être comptés.

Un autre obstacle est que le constructeur de pages dispose d'extensions personnalisées pour exécuter des fonctionnalités spécifiques au client. Ainsi, tout changement d'outils d'édition doit en tenir compte.

Une mise en page construite avec un plug-in Page Builder

Une décision de devenir autochtone

Bien sûr, c'est possible pour récupérer une nouvelle licence pour le constructeur de pages et mettre à jour le logiciel. Mais encore une fois, il y a un engagement à long terme dans l'utilisation de ces outils. Cela signifie non seulement suivre les licences, mais vous enfermer dans une méthode tierce de création de contenu.

Gutenberg, en revanche, est une solution native. Puisqu'il fait partie du cœur de WordPress, il y a un maillon de moins dans la chaîne de maintenance. Il peut également être personnalisé pour faire à peu près tout ce que vous souhaitez réaliser.

Cela étant dit, l’éditeur de blocs n’est pas fourni avec toutes les fonctionnalités imaginables. Cela signifie donc soit créer ce dont vous avez besoin, soit trouver des plugins tiers pour le faire à votre place.

Mais, en fin de compte, il offre (comparativement) la voie la plus durable. Par conséquent, un commutateur est recommandé.

La réplication des mises en page est relativement simple

L'une des principales raisons d'utiliser un générateur de page est que la création de mises en page complexes est un jeu d'enfant. Que vous ayez besoin de plusieurs lignes, colonnes ou d'une combinaison des deux, tout est à portée de main. En quelques clics, glissements et baisses, vous obtiendrez la mise en page que vous avez imaginée.

Dans certains cas, il peut s'agir de la tâche principale pour laquelle un générateur de page est utilisé. Si tel est le cas, la transition vers l'éditeur de blocs Gutenberg ne sera pas trop difficile.

Certes, vous devrez partir de zéro lors de la création de mises en page avec des blocs. Cependant, la combinaison des colonnes et des blocs de groupe inclus peut simplifier le processus. Si vous avez besoin de répéter une certaine mise en page, un motif de bloc personnalisé vous sera d'une grande aide.

Le mauvais côté? L'interface utilisateur de l'éditeur de blocs peut ne pas permettre autant de contrôle que certains constructeurs de pages. Par conséquent, vous devrez peut-être choisir entre une mise en page approximative ou un travail supplémentaire avec CSS.

Une présentation personnalisée dans l'éditeur de blocs Gutenberg

Vous voulez une fonctionnalité similaire? C'est Hit or Miss.

Par défaut, Gutenberg n'est pas censé fournir toutes les mêmes fonctionnalités qu'un créateur de page. Il vise à fournir un point de départ solide. Par conséquent, passer d'un constructeur de page à un autre pourrait vous lancer dans une poursuite sauvage.

Vous pouvez trouver ce dont vous avez besoin sous la forme d'un plugin de bloc. Comme pour les mises en page, les fonctionnalités disponibles dans un bloc peuvent ne pas être identiques à celles de votre créateur de page. Cela pourrait signifier faire des compromis ou prendre les choses dans une direction différente.

L'autre option, et ce qui distingue l'éditeur de blocs, est la possibilité de créer vos propres blocs personnalisés. Cela vous permet de créer des fonctionnalités qui répondent exactement à vos besoins.

Beaucoup est possible avec un bloc personnalisé, même si cela dépend en fin de compte de vos compétences en développement. Les blocs nativement construits nécessitent une connaissance de React – quelque chose que tout le monde (y compris le vôtre) n'a pas.

Heureusement, il existe d'autres techniques. Par exemple, je crée des blocs via des champs personnalisés avancés. C’est un outil que je connais bien, ce qui rend le processus beaucoup plus facile.

Oui, certaines dépendances sont impliquées. Mais si un bloc doit être reconstruit nativement à l’avenir, eh bien, c’est possible. Mais, contrairement à un constructeur de pages, un changement complet d'éditeurs ne serait pas nécessaire.

Écran de l'éditeur de champs personnalisés avancés

La mise en œuvre nécessite un plan

Commencer une refonte de site Web avec un nouvel éditeur est idéal. Il offre la possibilité d'une table rase. Mais que faire si vous essayez de basculer sur un site existant?

La conversion du contenu basé sur le générateur de page vers l'éditeur de blocs nécessite une planification. Dans un monde parfait, vous sortez tout simplement en même temps. Mais ce n’est pas toujours possible, en particulier sur les grands sites Web.

Donc que fais-tu? Pour commencer, il est utile d'avoir un environnement de mise en scène. Cela vous permettra de créer une copie exacte de votre site Web de production et de tester les modifications nécessaires. Il peut servir de terrain d'essai pour les blocs personnalisés. Cela évite que des problèmes imprévus ne dérangent vos utilisateurs.

Mieux encore, si votre site ne change pas beaucoup, vous pourrez peut-être pousser tous ces changements de la phase de préparation à la production.

Si ce n’est pas le cas, une approche fragmentaire peut être de mise. Cela peut impliquer de convertir une seule page à la fois.

Une façon de le faire en toute sécurité est de créer une nouvelle page (masquée de la vue publique), puis de la construire en fonction de vos besoins. À partir de là, vous pouvez remplacer l'ancien lorsque vous êtes prêt. La vue Éditeur de code de Gutenberg vous permet de copier et coller toutes ces données de bloc dans une autre page. Assurez-vous simplement de créer des sauvegardes et de tester autant que possible avant d'apporter des modifications permanentes.

Quoi qu'il en soit, il est impératif d'étudier l'utilisation du générateur de pages de votre site Web. Créez ensuite un plan pour le remplacer par l'éditeur de blocs.

Vue de l'éditeur de code de l'éditeur de blocs WordPress

Construire avec des blocs pour l'avenir de WordPress

Faire passer votre site Web existant d'un constructeur de pages à l'éditeur de blocs Gutenberg peut être difficile, mais très faisable. C'est un processus qui nécessite de démêler le contenu créé avec votre éditeur précédent et de le recréer avec des blocs.

Le niveau de difficulté dépend de quelques facteurs clés. D'une part, la quantité et le type de contenu qui utilise l'ancien générateur de page détermineront la charge de travail devant vous.

En outre, le degré dont vous avez besoin pour reproduire l'apparence et les fonctionnalités de Gutenberg est également important. Si les éléments peuvent être repensés, c'est en fait une bonne occasion d'améliorer votre site Web. Mais plus l'adhésion à la manière de faire précédente est stricte, plus cela devient difficile.

Quoi qu'il en soit, passer à Gutenberg peut être la solution la plus favorable à l'avenir. Dans les bonnes circonstances, cela seul en vaut la peine.

Laisser un commentaire

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