Plugins WordPress moderne avec le Guide de migration de Gutenberg
Feb 09, 2025 am 11:02 AM
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 tache 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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!
Article chaud
Outils chauds
Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment minifiliser les fichiers JavaScript dans WordPress
Jul 07, 2025 am 01:11 AM
Les fichiers JavaScript de mini-divateur peuvent améliorer la vitesse de chargement du site Web WordPress en supprimant les blancs, les commentaires et le code inutile. 1. Utilisez des plug-ins de cache qui prennent en charge la compression de fusion, tels que W3TotalCache, Activer et sélectionner le mode de compression dans l'option "Minify"; 2. Utilisez un plug-in de compression dédié tel que FastvelocityMinify pour fournir un contr?le plus granulaire; 3. Compressez manuellement les fichiers JS et téléchargez-les via FTP, adapté aux utilisateurs familiers avec les outils de développement. Notez que certains thèmes ou scripts plug-in peuvent entrer en conflit avec la fonction de compression, et vous devez tester soigneusement les fonctions du site Web après l'activation.
Comment prévenir les commentaires Spam programmatiquement
Jul 08, 2025 am 12:04 AM
Le moyen le plus efficace de prévenir le spam de commentaires est de l'identifier et de l'intercepter automatiquement par des moyens programmatiques. 1. Utilisez des mécanismes de code de vérification (tels que Googler captcha ou hcaptcha) pour distinguer efficacement les humains et les robots, en particulier adaptés aux sites Web publics; 2. Définissez des champs cachés (technologie de miel) et utilisez des robots pour remplir automatiquement les fonctionnalités pour identifier les commentaires du spam sans affecter l'expérience utilisateur; 3. Vérifiez la liste noire des mots clés du contenu des commentaires, filtrez les informations sur les spams par la correspondance des mots sensibles et faites attention à éviter les erreurs de jugement; 4. Jugez la fréquence et la source IP des commentaires, limitez le nombre de soumissions par unité de temps et établissez une liste noire; 5. Utilisez des services anti-spam tiers (comme Akismet, CloudFlare) pour améliorer la précision d'identification. Peut être basé sur le site Web
Comment mettre en place des actifs pour un bloc Gutenberg
Jul 09, 2025 am 12:14 AM
Lorsque vous développez des blocs Gutenberg, la méthode correcte des actifs d'Enqueue comprend: 1. Utilisez Register_Block_Type pour spécifier les chemins de chemin de l'éditor_script, editor_style et style; 2. Enregistrez les ressources via WP_register_Script et WP_register_style dans Functions.php ou plug-in, et définissez les dépendances et versions correctes; 3. Configurez l'outil de construction pour sortir le format du module approprié et assurez-vous que le chemin est cohérent; 4. Contr?lez la logique de chargement du style frontal via ADD_THEME_SUPPORT ou ENQUEUE_BLOCK_Assets pour s'assurer que la logique de chargement du style frontal est assurée.
Comment ajouter des règles de réécriture personnalisées
Jul 08, 2025 am 12:11 AM
La clé pour ajouter des règles de réécriture personnalisées dans WordPress est d'utiliser la fonction add_rewrite_rule et de vous assurer que les règles prennent effet correctement. 1. Utilisez add_rewrite_rule pour enregistrer la règle, le format est add_rewrite_rule ($ regex, $ redirect, $ after), où $ regex est une URL de correspondance d'expression régulière, $ redirect spécifie la requête réelle et $ après contr?le l'emplacement de la règle; 2. Les variables de requête personnalisées doivent être ajoutées via add_filter; 3. Après modification, les paramètres de liaison fixe doivent être rafra?chis; 4. Il est recommandé de placer la règle en ?haut? pour éviter les conflits; 5. Vous pouvez utiliser le plug-in pour afficher la règle actuelle pour plus de commodité
Comment optimiser les robots wordpress txt
Jul 13, 2025 am 12:37 AM
Robots.txt est crucial pour le référencement des sites Web WordPress et peut guider les moteurs de recherche pour craquer un comportement, éviter le contenu en double et améliorer l'efficacité. 1. Les chemins du système de bloc tels que / wp-admin / et / wp-incluses /, mais évitez de bloquer accidentellement le / les téléchargements / répertoire; 2. Ajouter des chemins de sitemap tels que le plan du site: https://yourdomain.com/sitemap.xml pour aider les moteurs de recherche à découvrir rapidement des cartes de site; 3. Limite / Page / et URL avec des paramètres pour réduire les déchets du robot, mais veillez à ne pas bloquer les pages d'archives importantes; 4. évitez les erreurs courantes telles que le blocage accidentellement de l'ensemble du site, le plug-in de cache affectant les mises à jour et l'ignorer la correspondance des terminaux et des sous-domaines mobiles.
Comment profiter des performances WordPress
Jul 07, 2025 am 12:43 AM
1. Utilisez le plug-in Performance Analysis pour localiser rapidement les problèmes. Par exemple, QueryMonitor peut afficher le nombre de requêtes de base de données et d'erreurs PHP, BlackBoxProfiler génère des rapports d'exécution de fonction et NewRelic fournit une analyse au niveau du serveur; 2. L'analyse des performances d'exécution de PHP nécessite la vérification des fonctions longues, l'utilisation des outils de débogage et l'allocation de mémoire, tels que XDebug génère des graphiques de flamme pour aider à l'optimisation; 3. 4. Combiner des outils externes tels que GooglePageSpeedInsights, Gtmetrix et WebPageTest pour évaluer le front-end Plus
Quelle est la version PHP minimum pour WordPress
Jul 10, 2025 am 11:21 AM
WordPressRequireSAtleastPhp7.4, bien que 8.0orHigheReriSreComMendForBetterformanceAnDecurity.olderversionsLIVEL5
Comment utiliser InspectorControls à Gutenberg
Jul 12, 2025 am 12:16 AM
InspectorControls est un composant utilisé dans le développement de Gutenberg pour ajouter des commandes personnalisées dans la barre latérale droite. 1. Il appartient au package @ wordPress / Block-Editor. 2. Il est souvent utilisé avec Panelbody, TextControl et d'autres composants. 3. Lorsque vous l'utilisez, vous devez introduire et raisonnablement disposer des types de contr?le tels que des zones de texte, des sélections de traction, des commutateurs, des curseurs et des sélecteurs de couleurs dans edit.js. 4. Faites attention au regroupement des paramètres, gardez-les simple, soutenez l'internationalisation et optimisez les performances.
