Share
Dans cette série, nous avons examiné des sujets relatifs au développement professionnel WordPress destinés à ceux qui cherchent à améliorer leurs compétences en développement professionnel WordPress..
À ce stade, nous avons abordé les stratégies et les pratiques environnementales, mais nous n’avons pas encore examiné certains des outils les plus courants dans le développement WordPress. Dans cet article, nous allons passer en revue les différents outils, utilitaires et plug-ins qui contribuent à la création et à la maintenance de projets performants..
Chaque fois que je configure un environnement de développement local pour un projet WordPress, je vérifie que les outils suivants sont installés et à ma disposition. Beaucoup d’entre elles sont le fruit de l’expérience, des recommandations de développeurs plus expérimentés ou de préférences personnelles..
Comme avec la plupart des choses de cette série, ce ne sont que des suggestions - ce ne sont ni les règles ni les normes selon lesquelles vous mesurez votre configuration..
Comme nous l'avons vu dans le premier article de la série, une partie de WordPress est écrite avec jQuery et la plupart des thèmes et plugins l'incluent également. En tant que tel, le débogage de JavaScript est un besoin essentiel en développement professionnel (en particulier lorsque vous travaillez avec des plugins ou des thèmes abusant du chargement de leurs propres scripts ou versions de jQuery)..
Les deux utilitaires offrent également la possibilité d'écrire du code JavaScript directement dans la console, ce qui vous permet d'évaluer des fonctions, des expressions et des instructions sans avoir à modifier vos fichiers de base, à recharger la page, à tester et à répéter.
Quel que soit le débogueur que vous préférez, assurez-vous qu'il en existe un dans votre navigateur, car cela facilite la localisation des erreurs et leur résolution..
Le test unitaire de thème WordPress n'est pas un test unitaire au sens traditionnel du terme. Au lieu de cela, c'est un fichier XML que vous pouvez importer dans votre installation WordPress pour le bénéfice de votre thème ou de votre plugin et qui vous donne un ensemble de publications, pages, auteurs, commentaires, images, etc. pour vous assurer de formater correctement les données..
Si vous construisez un plugin, il fournit des données fictives sur lesquelles votre plugin peut s'exécuter pour voir comment il se comporterait par rapport aux données réelles et réelles..
Si vous êtes un développeur expérimenté ou si vous souhaitez réellement commencer à tester avec WordPress, veillez à consulter notre série sur les tests unitaires WordPress..
Le plug-in Developer est un plug-in relativement nouveau créé par l'équipe VIP d'Automattic. Il vise à fournir aux développeurs une suite d'outils spécifiquement conçus pour nous aider à mieux développer..
Le plugin comprend…
… Tout en un plugin avec une interface simplifiée. Personnellement, c’est mon plugin de facto pour le développement local basé sur WordPress.
Theme Check est un autre plug-in que je recommande au développement, qui évaluera votre code par rapport à la version actuelle de l'API WordPress et fournira des avis, des avertissements, des recommandations et des erreurs en fonction de votre code..
Bien que je crois que certains des recommandations sont parfois obsolètes, son ensemble d’avertissements et d’erreurs est presque toujours exact et fournit un avertissement sur les problèmes à résoudre avant d’envoyer votre travail..
Debogger est un plugin utile, surtout si vous vous souciez de la validation W3C et êtes intéressé par l'optimisation des requêtes et par PHP bien écrit. Le plugin interceptera toutes les informations transmises entre votre projet, WordPress, le serveur et le navigateur, puis renverra toutes les informations de débogage et les notifications dans le pied de page..
Ce plugin a été exceptionnellement utile pour moi, car il détecte de petites erreurs PHP qui ne s’enregistrent pas toujours à cause de la nature dynamique du langage..
En ce qui concerne la journalisation PHP, j'aime généralement avoir la configuration suivante:
Cela facilite la localisation, la détection et la résolution des erreurs présentes dans votre projet de la manière la moins intrusive possible, en fonction de la personne qui consulte votre site. Clairement, développement et mise en scène sont destinés à vous et à un ensemble de testeurs, tandis que l'environnement de production est destiné uniquement aux utilisateurs..
Vous pouvez facilement améliorer la vitesse à laquelle le navigateur charge votre site en minimisant et en combinant vos feuilles de style dans un seul fichier. Bien sûr, c'est un peu embêtant si vous le faites manuellement. Heureusement, il existe une variété d'outils disponibles.
Mon arme de choix est CodeKit.
Pour CSS, cela inclut la prise en charge de LESS et SASS, la minification, ainsi que la gestion intégrée des dépendances..
Pour JavaScript, il prend également en charge JSLint et JSHint, qui sont considérés comme des outils JavaScript "de qualité du code". Nous savons par des articles précédents que WordPress a ses propres normes de codage, mais elles sont plus étroitement liées à PHP qu’autre chose.
En utilisant un outil JavaScript Lint, tel que JSLint ou JSHint, vous pouvez effectuer des révisions automatisées du code pour vous assurer que votre code est conforme aux normes et évalué à chaque fois que vous enregistrez le fichier..
Encore une fois, ceci est juste la méthode que je préfère pour gérer les ressources externes - il existe une variété d’autres façons de le faire. L'essentiel, c'est que vous devriez envisager d'effectuer un certain type d'évaluation de la qualité du code, de prétraitement et de minification, le cas échéant, pour CSS et JavaScript..
À ce stade, nous avons traité des stratégies, des environnements et des outils pour le développement professionnel de WordPress. Bien sûr, il y a beaucoup plus d'informations disponibles sur ce sujet.
Étant donné que ce blog a une communauté de développeurs dédiés, j'aimerais entendre ce que vous gardez dans votre boîte à outils. Assurez-vous de le partager dans les commentaires et de relier toutes les ressources de manière à ce que le reste d'entre nous puisse en tirer parti.!
Accentsconagua