Comment tester le plug – in avec le prochain éditeur Gutenberg

L’un des avantages de l’utilisation de WordPress est sa maturité en tant que plateforme. Toutefois, il est si important en raison de l’adaptabilité du projet. Récemment, un grand pas a été fait vers un nouveau rédacteur en chef nommé Gutenberg. Comme pour toute modification importante du logiciel, nous vous recommandons de vous assurer que les plug – ins et sujets existants sont compatibles avec ce nouvel éditeur. Heureusement, le Code de l’éditeur Gutenberg est maintenant disponible en tant que plug – in public dans le répertoire des plug – ins WordPress. Organisation. Cela signifie que vous pouvez le télécharger et l’installer pour comprendre tout problème majeur de compatibilité dans le projet WordPress.
Dans cet article, nous commencerons par vous présenter le projet global de Gutenberg. Nous allons donc vous montrer comment tester les projets WordPress et nous assurer qu’ils fonctionnent bien ensemble. Allons travailler! Présentation du plugin Gutenberg pour l’éditeur WordPress Le plugin Gutenberg est disponible sur WordPress. Org Gutenberg travaille récemment à la création d’un nouvel éditeur WordPress standard. Son objectif explicite est de \
L’éditeur se concentre sur la simplification du formatage du contenu. Sa fonction principale est une interface de glisser – déposer pour formater les pages et les messages. Vous pouvez utiliser le menu déroulant insertion pour ajouter des \
Faites de Gutenberg l’éditeur standard de WordPress 5.0 afin que vous ayez le temps de vous préparer à sa sortie. Il est particulièrement important d’assurer la compatibilité si votre plug – in ou sujet génère des widgets ou manipule autrement la sortie du contenu d’un message.
Dans la nouvelle interface, des éléments communs tels que le texte et les images obtiennent un menu rapide dans le contenu: Vous pouvez également utiliser le menu déroulant insertion pour voir directement une variété d’autres contenus dans votre billet: Maintenant que vous en savez plus sur la façon dont Gutenberg écrit le contenu, il est temps de travailler avec le type de contenu dont vous avez besoin pour vous assurer que votre projet est compatible avec ce nouvel outil. Comment tester le plugin avec le prochain éditeur Gutenberg (3 éléments) comme les autres plugins, Gutenberg peut être installé via le tableau de bord WordPress. Nous vous recommandons également d’utiliser un navigateur avec un contrôleur de code, comme chrome ou Firefox, afin que vous puissiez voir ce que l’arrière – plan génère.
Encore une fois, vous ne devriez installer Gutenberg que localement, car il n’est pas encore prêt pour un site en temps réel! Examinons maintenant trois éléments clés. 1. Vérifier la sortie correcte du Code court Le Code Court (bien sûr) fait partie intégrante de WordPress. Il s’agit de blocs de code prédéfinis, représentés par un petit texte entre crochets (par exemple, [Code court]). Parce qu’ils ne sont que des représentations textuelles de blocs de code, l’éditeur Gutenberg les remplacera par des blocs d’éditeur natifs. Vous n’avez pas besoin de mémoriser et d’utiliser beaucoup de code court, il suffit d’ajouter la même fonctionnalité en utilisant le menu déroulant insertion.
Cependant, il est peu probable que WordPress cesse immédiatement de prendre en charge le Code court, de sorte qu’il n’est pas encore nécessaire de mettre à jour votre code court
C’est – à – dire, c’est une bonne idée de vérifier s’il y a eu des sorties inattendues et de commencer à se préparer à les convertir en blocs de Gutenberg natifs. Heureusement, cette étape est simple: Ouvrez l’éditeur Gutenberg et ajoutez le Code court à tester dans le bloc de texte. Enfin, sauvegardez et prévisualisez les messages pour vérifier les exceptions et les corriger le cas échéant. Entre – temps, de nouveaux modèles sont en cours d’élaboration pour vous aider à convertir du contenu semblable à du Code court en blocs Gutenberg. L’ajout de cette intégration signifie maintenant que votre plug – in sera pris en charge une fois que Gutenberg sera intégré dans le noyau, donc vous devriez certainement commencer le processus le plus tôt possible.
2. Tester la sortie des médias personnalisés Un exemple de galerie multimédia intégrée à Gutenberg. Bien que la façon dont Gutenberg gère chaque contenu ait beaucoup changé, cela ne devrait pas poser de problème à la plupart des plug – ins. Cependant, si votre plug – in insère n’importe quel type de support personnalisé dans un message ou une page, vous devrez peut – être vérifier les problèmes de compatibilité que la nouvelle méthode peut causer. Cela est d’autant plus important que la façon dont les médias sont affichés à l’avant peut avoir un impact important sur l’expérience globale du site.
Pour le tester, créez un nouveau post à Gutenberg. Bien sûr, vous devez vous assurer que votre plug – in média est activé et peut être utilisé avec d’autres messages et pages réguliers. Ensuite, examinez la page pour vérifier la sortie générée par Gutenberg. Lisez différentes mises en page qui contiennent des médias personnalisés et observez tout comportement inattendu à l’avant. Il peut s’agir d’un problème de redimensionnement, d’un texte alt non affiché ou d’un titre, ou d’un nombre incalculable d’autres problèmes que vous devez résoudre. En bref, le test frontal complet est
C’est une bonne idée, mais c’est particulièrement important à l’approche d’un changement aussi radical!
3. Voir le contenu de Gutenberg dans le modèle personnalisé Exemples de modèles personnalisés dans les thèmes WordPress. Comme Gutenberg est un nouveau moteur de contenu, il est probable qu’il interagira différemment avec la mise en page actuelle. Ceci est particulièrement important si vous développez un thème ou un plug – in qui contient un style de page par défaut. Vous voudrez peut – être suivre de près Gutenberg dans son développement. Comme il s’agit d’une version bêta, il y a beaucoup de place pour la modification, ce qui peut affecter la sortie de tout modèle personnalisé créé par le plugin wordpress et le thème. L’objectif de Gutenberg est de simplifier la belle mise en page, mais cela peut conduire à des incompatibilités avec les solutions précédentes. Par exemple, l’éditeur Gutenberg ne supporte pas encore les méta – boîtes, de sorte que vous devrez peut – être trouver un moyen de contourner ce problème dans le modèle.
Si les sujets sont basés sur des modèles personnalisés, vérifiez qu’ils fonctionnent comme prévu. Encore une fois, cela peut être fait en configurant une page Gutenberg qui devrait être chargée automatiquement à travers une hiérarchie. Si vous rencontrez des problèmes que le plug – in ou le sujet ne peuvent pas résoudre, vous devriez laisser un rapport sur le projet officiel github de Gutenberg pour les aider à résoudre ces problèmes avant de rejoindre le noyau. Conclusion garder WordPress à jour peut être un défi, mais en tant que développeur actif, vous devez aligner votre code sur les changements de plate – forme. L’ajout de l’éditeur Gutenberg est imminent et vous pouvez maintenant détecter tout problème grave à l’avance en testant les sujets et les plug – ins.
Pour revenir en arrière, vous devriez utiliser l’éditeur Gutenberg pour tester le plug – in de trois façons importantes: vérifier
Affiche le Code court correct, qui peut être intégré à un bloc personnalisé. Testez la sortie prise en charge pour un comportement inattendu. Consultez le contenu de Gutenberg dans un modèle personnalisé pour vous assurer qu’il est toujours correct. Pensez – vous que Gutenberg facilitera le développement de plugins WordPress? Veuillez nous en expliquer les raisons dans la section commentaires ci – dessous! Source: Hannes Wolf.