Plugins WordPress moderne avec le Guide de migration de Gutenberg

Points de base

• Le guide de migration Gutenberg écrit par Daniel Bachhuber est une ressource incontournable pour les développeurs afin de les aider à modifier les thèmes et les plugins WordPress pour les rendre compatibles avec le nouvel éditeur de Gutenberg. Il compare les points personnalisés entre l'éditeur classique et Gutenberg et couvre tous les crochets affectés et les fonctionnalités de l'éditeur classique.
• Malgré les capacités croissantes de Gutenberg et les avantages des utilisateurs finaux et des développeurs, de nombreux développeurs WordPress sont toujours lents à s'adapter à leurs produits. Cependant, avec Gutenberg devenant le nouvel éditeur par défaut pour WordPress, il est crucial de s'assurer que les thèmes et les plugins sont compatibles avec eux.
• Le guide de migration de Gutenberg est bien défini et facile à utiliser, et fournit des exemples pratiques de la façon d'utiliser des crochets, des captures d'écran de crochets équivalents à Gutenberg et des références au manuel du développeur Gutenberg. Cependant, cela nécessite encore plus de contributions de la communauté WordPress pour atteindre son plein potentiel.

Cet article sur le guide de migration de Gutenberg a été initialement publié par Torque Magazine et est reproduit ici avec permission.

Qu'on le veuille ou non, Gutenberg est devenu une partie de WordPress. Ainsi, obtenir vos thèmes et plugins WordPress pour fonctionner avec un nouvel éditeur devrait être une priorité absolue. Pour être honnête, si vous commencez à y penser maintenant, vous avez raté beaucoup de temps. Cependant, il y a encore suffisamment de temps pour préparer votre produit, en particulier avec l'aide d'une aide tiers.

Les projets liés à Gutenberg de Daniel Bachhuber ont déjà été publiés sur le blog de couple, et c'est aussi un projet à regarder. Ajuster votre plugin pour le rendre compatible avec Gutenberg peut être une tâche délicate, mais le guide de migration de Gutenberg devrait vous aider avec l'interrupteur. Il s'agit d'un guide de référence pratique pour comparer les points personnalisés entre l'éditeur WordPress Classic et Gutenberg.

Dans cet article, nous découvrirons le projet dans son ensemble et discuterons de son fonctionnement. Nous discuterons ensuite de la façon de nous assurer que vos plugins et thèmes sont prêts à utiliser Gutenberg. Commençons!

L'état actuel de l'éditeur de Gutenberg

Nous avons discuté de l'histoire de Gutenberg à plusieurs reprises sur le blog de couple, donc nous n'entrerons pas dans les détails ici. Cependant, pour fournir des informations générales, Gutenberg deviendra éventuellement le nouvel éditeur par défaut pour WordPress. Il remplacera la version actuellement utilisée de TinyMCE. Bien que Gutenberg ne soit plus une version bêta, nous attendons toujours que le plugin soit fusionné dans la plate-forme principale.

Cependant, bien qu'il y ait de bonnes raisons derrière la fonctionnalité de Gutenberg, de nombreuses personnes sont contrariées par le manque actuel de perfection de l'éditeur. Cette évaluation peut être un peu sévère compte tenu de l'état actuel du projet. En tout cas, des critiques élevées ont conduit à un manque d'action de nombreux développeurs WordPress, en particulier pour obtenir leurs produits aux normes.

Cependant, cela n'a pas empêché certains développeurs avisés d'essayer de capturer le marché pour les premiers adoptants. Par exemple, le constructeur de page Elementor Pro très populaire contient désormais de nombreux "blocs" compatibles avec Gutenberg. D'autres développeurs ont également commencé à utiliser cette fonctionnalité comme une fonctionnalité standard:

Le fait que nous ayons fini par voir des fonctionnalités liées à Gutenberg apparaissent dans des sujets commerciaux devrait rendre la situation plus claire. En d'autres termes, certains développeurs travaillent sur leur solution Gutenberg depuis un certain temps. Maintenant, ils commencent à fournir ces solutions au public.

Si vous n'avez pas encore commencé à le faire, vous pourriez avoir besoin d'aide pour commencer. Heureusement, il y a une grande initiative qui peut aider de cette façon.

Introduction Guide de migration de Gutenberg

Obtenir un certain support lors de la migration de vos fonctionnalités vers Gutenberg peut être accueilli par de nombreux développeurs. À cette fin, Daniel Bachhuber (qui est récemment devenu l'objectif des initiatives liées à Gutenberg) a créé le guide de migration de Gutenberg.

Il s'agit d'une ressource qui aide les développeurs à porter leurs plugins et thèmes centrés sur TinyMCE à un nouvel éditeur. Il contient un grand nombre de captures d'écran et une référence pratique au manuel du développeur Gutenberg. Vous pouvez le considérer comme le "codex" de Gutenberg, bien qu'il ne soit pas classé comme partie officielle du Codex WordPress.

Ce guide comprend également un bref aperçu répertoriant chaque point personnalisé de l'éditeur TinyMCE et son équivalent Gutenberg. De plus, il couvre tous les crochets affectés et les fonctionnalités de l'éditeur classique. Ce sera évidemment une ressource de référence importante lorsque vous essayez de trouver des solutions qui portent la fonctionnalité à Gutenberg.

comment aider le projet de migration de Gutenberg à réussir

Comme indiqué dans le billet de blog WordPress Make Fin avril, Daniel cherche à faire du marché le projet, plutôt que de rester le seul contributeur. Cependant, malgré les nombreux composants qui composent le nouvel éditeur, il y a peu de contribution supplémentaire:

Par conséquent, en particulier compte tenu de la valeur élevée du projet, davantage de contributeurs sont nécessaires pour aider à affiner ce guide. Pour commencer à contribuer, vous pouvez envoyer une demande de traction comme d'habitude, puis approuver et le fusionner dans le guide. Vous pouvez également suggérer de nouveaux crochets (ou poser des questions) en ouvrant des questions GitHub.

Comment utiliser Gutenberg Migration Guide pour fournir des plugins WordPress modernes

L'utilisation réelle du guide de migration de Gutenberg est très simple, principalement parce que sa disposition est organisée:

Vous trouverez une référence à l'action ou filtre de l'éditeur TinyMCE pertinent en haut de chaque page, suivi d'un exemple commun de son utilisation dans WordPress. Ensuite, vous trouverez un exemple pratique de la façon d'utiliser le crochet. Il s'agit d'un domaine où le projet doit contribuer davantage. De nombreux plugins ajoutent leurs propres fonctionnalités à l'éditeur, qui doivent être documentés.

Ci-dessous, vous trouverez une capture d'écran du crochet équivalent à Gutenberg. Cela viendra avec une brève description de l'endroit où vous pouvez trouver le crochet et toute information ésotérique sur son utilisation. Enfin, il existe une référence manuelle de développeur Gutenberg pratique qui peut vous aider si vous avez besoin de plus d'informations.

Dans l'ensemble, il s'agit d'un guide de référence du développeur Gutenberg très utile qui devrait être mis en signet pendant le processus de migration. À notre avis, les pièces que vous devriez regarder d'abord sont celles qui ne sont pas passées à Gutenberg. Par exemple, de nombreuses opérations Edit_form ne sont plus compatibles dans Gutenberg. Selon les fonctionnalités de votre thème ou plugin, cela peut nécessiter une solution de contournement complète.

Enfin, deux fonctionnalités d'éditeur classiques qui n'ont pas été fusionnées dans Gutenberg sont l'onglet Options d'écran et la fonction d'état du poteau personnalisé non officiel. Les premiers peuvent inquiéter davantage de nombreux développeurs, car il s'agit d'une fonctionnalité "puissante" que de nombreux utilisateurs de WordPress trouvent utile.

Il est crucial de s'assurer que votre thème et vos plugins peuvent s'adapter aux deux éditeurs. Comme vous pouvez le voir, le guide de migration de Gutenberg vous aidera à y parvenir.

Conclusion

Gutenberg a ses critiques, mais chaque mise à jour bêta en apporte plus. Les nouveaux éditeurs deviennent lentement un moyen puissant de créer des dispositions WordPress, ce qui est une bonne nouvelle pour les utilisateurs finaux et les développeurs.

En outre, le guide de migration de Gutenberg de Daniel Bachhuber est une excellente ressource pour ceux qui ont besoin d'ajuster rapidement leurs projets. Il est très facile à utiliser en soi, mais il a toujours besoin de l'aide de la communauté WordPress pour atteindre son plein potentiel. Pour aider, vous pouvez envoyer des demandes de traction, ouvrir des problèmes de github et même fournir un exemple pratique de l'équivalent Gutenberg de votre propre fonctionnalité TinyMCE Editor.

FAQ sur les plugins WordPress modernes à l'aide du guide de migration Gutenberg

Qu'est-ce que Gutenberg dans WordPress?

Gutenberg est un nouvel éditeur introduit dans WordPress 5.0. Il remplace l'éditeur TinyMCE précédent et fournit une méthode de création de contenu plus intuitive et basée sur des blocs. Chaque élément de contenu, qu'il s'agisse d'un paragraphe, d'une image ou d'une vidéo, est un bloc que vous pouvez fonctionner séparément, offrant une plus grande flexibilité et un contrôle sur la disposition du contenu.

Comment migrer vers Gutenberg?

La migration vers Gutenberg comprend l'installation et l'activation du plug-in Gutenberg ou la mise à jour de WordPress 5.0 ou version ultérieure. Lorsqu'il est activé, Gutenberg remplacera l'éditeur par défaut. Il est recommandé de sauvegarder votre site Web avant de faire un changement et de tester d'abord le nouvel éditeur sur le site de mise en scène.

Qu'est-ce qu'un bloc Gutenberg?

Les blocs Gutenberg sont les éléments que vous utilisez pour créer du contenu dans l'éditeur de Gutenberg. Il existe des blocs de différents types de contenu, y compris des paragraphes, des images, des vidéos, des colonnes, etc. Chaque bloc peut être personnalisé et disposé pour créer une disposition unique.

Comment ajouter de nouveaux blocs à Gutenberg?

Vous pouvez ajouter de nouveaux blocs à Gutenberg en cliquant sur l'icône Plus Sign () dans l'éditeur. Cela ouvrira un menu où vous pouvez rechercher et sélectionner le type de bloc que vous souhaitez ajouter. Il existe également des plugins qui peuvent ajouter des blocs supplémentaires à Gutenberg.

Puis-je toujours utiliser mon ancien plugin pour être compatible avec Gutenberg?

Oui, la plupart des plugins WordPress existants devraient être compatibles avec Gutenberg. Cependant, certains plugins peuvent être incompatibles et peuvent causer des problèmes. Il est recommandé d'utiliser Gutenberg pour tester tous les plugins sur le site de mise en scène avant d'utiliser tous les plugins pour votre site en direct.

Quels sont les plugins de bloc Gutenberg recommandés?

Il existe de nombreux grands plugins de blocs Gutenberg disponibles. Certains plugins populaires incluent des blocs avancés Gutenberg, empilables et atomiques. Ces plugins ajoutent divers blocs supplémentaires à Gutenberg, vous offrant plus d'options de contenu.

Comment personnaliser les blocs Gutenberg?

Les blocs Gutenberg peuvent être personnalisés à l'aide de paramètres de bloc dans l'éditeur. Ces paramètres vous permettent de modifier l'apparence, la mise en page et d'autres propriétés du bloc. Certains blocs prennent également en charge la personnalisation supplémentaire via CSS.

Si je n'aime pas Gutenberg, puis-je restaurer à l'ancien éditeur?

Oui, si vous préférez les anciens éditeurs, vous pouvez installer et activer le plugin d'éditeur classique. Cela désactivera Gutenberg et restaurera l'éditeur TinyMCE précédent.

Gutenberg SEO est-il convivial?

Oui, Gutenberg est conçu pour être adapté au référencement. La structure basée sur les blocs facilite la création de contenu structuré et plus facile à comprendre pour les moteurs de recherche. Mais, comme tout, assurez-vous de suivre les meilleures pratiques du référencement.

Comment apprendre à utiliser Gutenberg?

Il existe de nombreuses ressources pour vous aider à apprendre Gutenberg. WordPress fournit des tutoriels dans l'éditeur de Gutenberg, et il existe de nombreux tutoriels et guides en ligne disponibles. La pratique et l'expérimentation sont également d'excellentes moyens d'apprendre les tenants et aboutissants des nouveaux éditeurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!