L’un des avantages de l’utilisation de WordPress est sa maturité en tant que plateforme. Toutefois, il est si important en raison de lrsquoadaptabilité 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 recommandons de 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 pouvez le et l’installer pour comprendre tout problème majeur de compatibilité dans le projet WordPress.
Dans nous commencerons par présenter le projet global de Gutenberg. Nous allons donc 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
Lrsquoé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 ayez le temps de préparer à sa sortie. Il est particulièrement important drsquoassurer la compatibilité si votre plug in ou sujet génère des widgets ou manipule autrement la sortie du contenu drsquoun 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é drsquoautres contenus dans votre billet: Maintenant que en savez plus sur la façon dont Gutenberg écrit le contenu, il est temps de travailler avec le type de contenu dont avez besoin pour 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 recommandons également drsquoutiliser un navigateur avec un contrôleur de code, comme chrome ou Firefox, afin que puissiez voir ce que lrsquoarrière plan génère.
Encore une fois, ne devriez installer Gutenberg que localement, car il nrsquoest 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 srsquoagit de blocs de code prédéfinis, représentés par un petit texte entre crochets (par exemple, [Code court]). Parce qursquoils ne sont que des représentations textuelles de blocs de code, lrsquoéditeur Gutenberg les remplacera par des blocs drsquoéditeur natifs. Vous nrsquoavez pas besoin de mémoriser et drsquoutiliser beaucoup de code court, il suffit drsquoajouter 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
Crsquoest à dire, crsquoest une bonne idée de vérifier srsquoil 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 lrsquoé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 drsquoélaboration pour aider à convertir du contenu semblable à du Code court en blocs Gutenberg. Lrsquoajout 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 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 nrsquoimporte quel type de support personnalisé dans un message ou une page, devrez peut être vérifier les problèmes de compatibilité que la nouvelle méthode peut causer. Cela est drsquoautant plus important que la façon dont les médias sont affichés à lrsquoavant peut avoir un impact important sur lrsquoexpérience globale du site.
Pour le tester, créez un nouveau post à Gutenberg. Bien sûr, devez assurer que votre plug in média est activé et peut être utilisé avec drsquoautres 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 à lrsquoavant. Il peut srsquoagir drsquoun problème de redimensionnement, drsquoun texte alt non affiché ou drsquoun titre, ou drsquoun nombre incalculable drsquoautres problèmes que devez résoudre. En bref, le test frontal complet est
Crsquoest une bonne idée, mais crsquoest particulièrement important à lrsquoapproche drsquoun 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 qursquoil interagira différemment avec la mise en page actuelle. Ceci est particulièrement important si 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. Lrsquoobjectif 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, lrsquoéditeur Gutenberg ne supporte pas encore les méta boîtes, de sorte que devrez peut être trouver un moyen de contourner ce problème dans le modèle.
les sujets sont basés sur des modèles personnalisés, vérifiez qursquoils 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. rencontrez des problèmes que le plug in ou le sujet ne peuvent pas résoudre, 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, devez aligner votre code sur les changements de plate forme. Lrsquoajout de lrsquoéditeur Gutenberg est imminent et pouvez maintenant détecter tout problème grave à lrsquoavance en testant les sujets et les plug ins.
Pour revenir en arrière, devriez utiliser lrsquoé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 assurer qursquoil est toujours correct. Pensez que Gutenberg facilitera le développement de plugins WordPress? Veuillez nous en expliquer les raisons dans la section commentaires ci dessous! Source: Hannes Wolf.
Comment tester le plug in avec le prochain éditeur Gutenberg
