Meilleures pratiques de développement WordPress

En tant que système de gestion de contenu (CMS) open source le plus puissant disponible sur le Web aujourd'hui, WordPress permet aux concepteurs et aux développeurs de personnaliser les sites Web avec une grande profondeur. Comprendre les tenants et les aboutissants du développement WordPress vous donne plus de place pour impressionner les clients, soumissionner pour de meilleurs projets et renforcer vos compétences globales.

Il est essentiel que vous adoptiez de bonnes pratiques dès le début de votre parcours avec cette plateforme. Cela va être d'une valeur inestimable pour votre carrière au fur et à mesure que vous construisez dans ce CMS et que vous perfectionnez vos compétences en développement WordPress.

Il existe littéralement des centaines de didacticiels WordPress que vous pouvez lire en ligne et des heures et des heures que vous pouvez consacrer uniquement à cela. Notre objectif dans ce guide est de réduire cette complexité et de vous donner directement les informations exploitables dont vous avez besoin pour vous aider à démarrer sur cette plateforme aussi facilement que possible.

Suivez les normes de codage WordPress

Les normes de codage de la plate-forme ont été établies pour une raison : fournir aux membres de la communauté WordPress un point de départ pour travailler ensemble au sein de différentes parties de cette communauté. Cela inclut des domaines tels que les plugins, les thèmes et le code principal.

Lorsque tous les développeurs suivent les mêmes normes, les avantages incluent :

• Code plus lisible
• Éviter les erreurs de codage typiques
• Modification simplifiée

Parce que la plateforme est collaborative, il est logique de créer un environnement où, si nécessaire, une section de code peut être comprise et modifiée, peu importe quand elle a été écrite et par qui.

Pour faire court : si vous envisagez sérieusement de développer sur ce CMS et que vous voulez aller loin dans votre carrière, alors c'est la règle la plus fondamentale que vous devriez suivre dès le départ.

Écrivez bien votre code

Écrire du code implique bien ces principes :

• Lisibilité – Adhérez aux normes de codage WordPress susmentionnées
• Fiabilité – Assurez-vous que votre code fait la même chose à plusieurs reprises sans faute en utilisant les API WordPress
• Réutilisabilité – Au lieu de copier et coller des extraits de code, résumez votre code ; au-delà de cela, empaquetez le code dans un plugin séparé
• Flexibilité - Utilisez des chemins d'URL relatifs partout où vous le pouvez pour vous assurer qu'ils pourront être modifiés à l'avenir
• Extensibilité - Ajoutez quelques crochets d'action et de filtre bien placés, afin que d'autres puissent utiliser ce que vous avez construit et y ajouter

Structurez bien votre code

La structuration du code garantit qu'il est lisible, facile à trouver et cohérent. Voici quelques principes de base :

• Structure de fichier - Assurez-vous qu'un seul fichier ne contient qu'une seule classe PHP pour faciliter une meilleure organisation
• Séparation et espaces - Placez des espaces après les virgules et avant les parenthèses de début, puis après les parenthèses de fermeture ; assurez-vous qu'il n'y a pas de balises PHP fermantes ; supprimer les espaces à la fin du code ; ne placez des espaces autour des éléments du tableau que lorsqu'ils sont variables (plus d'informations dans les normes de codage PHP de WordPress)
• Modèles de conception de logiciels - Apprenez et familiarisez-vous avec les modèles de conception PHP en recherchant le terme sur Google ou en parcourant une bibliothèque de modèles PHP

Testez soigneusement votre code

Tous les professionnels travaillant dans le développement WordPress ne testent pas leur code ou ne se soucient même pas du débogage de base, ce qui est une erreur. Pour plus d'informations sur les bases du débogage, voici une vidéo classique de WordPress.tv.

Les développeurs WordPress dédiés doivent s'appuyer sur un IDE tel que PHPStorm et envisager d'exécuter quelque chose comme Xdebug, un débogueur pour la plate-forme.

Pour ceux d'entre vous qui créent des thèmes ou des plugins premium, il est conseillé de tester votre code dans autant d'environnements que possible. Demandez aux utilisateurs de tester le code en version bêta ou utilisez quelque chose comme Vagrant pour tester des configurations précises via des machines virtuelles.

Les autres approches à considérer sont les tests unitaires et l'assurance qualité.

Les tests unitaires sont utiles si vous créez une offre de logiciel en tant que service (SaaS) ou un produit logiciel. Ici, des morceaux de code individuels sont testés, et cette approche vous permet d'identifier très tôt si quelque chose que vous avez changé a fini par casser le code. Par conséquent, vous êtes plus susceptible d'attraper des bogues, de les étouffer dans l'œuf et d'éviter d'envoyer du code contenant des bogues à vos utilisateurs finaux. Voici quelques informations de WordPress sur la façon dont il traite les tests unitaires.

Dans le développement WordPress, l'assurance qualité consiste à s'assurer que le code fonctionne correctement et que vos interfaces utilisateur s'affichent correctement dans les navigateurs. Processus généralement chronophage, l'assurance qualité implique que quelqu'un consulte votre site ou votre application dans chaque navigateur et sur chaque appareil disponible. Selenium et BrowserStack sont deux outils précieux pour rendre cette procédure fastidieuse un peu plus efficace.

Sélectionnez judicieusement les plugins

Vous disposez d'un large choix de thèmes et de plugins tiers parmi lesquels choisir dans votre quête pour optimiser le contenu que vous proposez sur votre site.

L'une des règles d'or du développement WordPress est de faire preuve de discernement avec les plugins que vous sélectionnez : optez pour ceux qui sont régulièrement mis à jour et qui présentent des taux de satisfaction élevés de la part des utilisateurs. Non seulement les mises à jour régulières indiquent que le développeur du plugin s'engage à le maintenir compatible avec les dernières versions de WordPress, mais vous avez plus de chances de recevoir de l'aide de leur part si jamais vous rencontrez des problèmes avec leur code.

Une autre astuce consiste à jeter un œil à la base d'utilisateurs du plugin. Une mesure fiable de l'efficacité du plugin, de nombreuses installations actives (par milliers) du plugin indiquent qu'il existe de nombreux autres développeurs qui ont réussi à l'installer.

Ayant dit tout cela…

Allez-y doucement sur les plugins

Bien sûr, WordPress a une pléthore de plugins, et ils peuvent améliorer la convivialité et l'UX d'un site, mais… n'allez pas trop loin quand il s'agit d'eux. Si vous en installez trop, votre site va considérablement ralentir en raison des temps de chargement plus longs nécessaires pour gérer tous ces plugins supplémentaires. Et dans le monde d'aujourd'hui, personne ne veut attendre longtemps pour utiliser un site. Selon une étude de Google, 53 % des personnes visitant votre site mobile partiront s'il faut plus de trois secondes pour charger une page.

Pour éviter d'avoir un site aussi lourd, n'utilisez les plugins que lorsque c'est vraiment crucial.

Bien sûr, parfois, vous ne pouvez pas simplement travailler avec quelques plugins. Que se passe-t-il si vous devez travailler beaucoup ? Dans un tel scénario, assurez-vous au moins que vous maîtrisez ce que vous utilisez. Quelque chose comme Plugin Organizer est précieux lorsqu'il s'agit d'installer et de gérer efficacement vos plugins. Vous pouvez l'utiliser pour spécifier quels plugins vous avez actifs sur quelles pages Web spécifiques. Ce chargement sélectif devrait contribuer à accélérer votre site.

Parallèlement, un outil comme P3 (Plugin Performance Profiler) est indispensable lorsqu'il s'agit de déterminer les plugins qui épuisent les ressources vitales de votre site et donc le ralentissent.

Utiliser la mise en cache

Il s'agit d'une approche qui peut vous aider à accélérer considérablement les performances de votre site, ce qui devrait vous aider à minimiser votre taux de rebond. Si vous travaillez avec un hébergeur qui propose une mise en cache spécifique à WordPress, c'est très bien, mais sinon, vous pouvez également utiliser des services d'hébergement optimisés pour ce CMS, tels que Wpengine et Siteground.

Si vous êtes sur un serveur VPS disposant d'un accès root, Google PageSpeed ​​est une solution de mise en cache compatible avec nginx et Apache.

Alternativement, pour ceux qui ne veulent pas faire tout ce travail, il y a toujours Cloudflare, le CDN et le service de mise en cache.

Faites de la sécurité votre première tâche

Le web est un endroit dangereux. Il y a tout un méli-mélo de bots, d'utilisateurs et de services qui veulent accéder à votre site de manière malveillante. L'accès indésirable couvre des éléments tels que :

• Commentaires indésirables
• Les robots qui envoient un trafic excessif sur le site dans le but de supprimer votre site
• Tentatives de connexion indésirables

Heureusement, prendre des précautions de sécurité supplémentaires dans le développement de WordPress n'est pas difficile.

Pour commencer, optez pour un nom d'utilisateur sécurisé ainsi qu'un mot de passe. Évitez les noms simples et les mots de passe faciles à deviner pour les mots de passe complexes qui incluent une combinaison de lettres, de chiffres et de caractères spéciaux.

Utilisez Captcha ou une autre approche de filtrage sur les formulaires. En conséquence, les spammeurs et les bots ne pourront pas envoyer aussi facilement des demandes répétées auxdits formulaires.

Profitez des plugins et des services de sécurité. Les plugins de sécurité tels que All In One WP Security & Firewall et iThemes Security gèrent les fausses tentatives de connexion, gardent une trace de l'activité des utilisateurs, offrent des fonctionnalités de liste blanche et de liste noire et arrêtent les attaquants par force brute.

Essayez ces conseils de développement WordPress

Apprendre le développement WordPress peut être intimidant pour quiconque débute sur la plateforme. C'est parce qu'il y a une pléthore d'informations à absorber ; même ceux qui ont des années d'expérience en développement sur cette plate-forme n'arrêtent pas d'apprendre. Développer sur ce CMS est vraiment un processus de formation continue qui prendra du temps pour que vous vous sentiez à l'aise de travailler avec.

Ce sujet couvre de nombreux domaines connexes, et les connaissances techniques dont vous aurez besoin s'acquièrent souvent mieux par l'expérience que par l'apprentissage théorique.

Cela dit, ces meilleures pratiques vous donneront une base solide pour comprendre comment bien travailler au sein de cette plateforme, mais elles devraient servir à attiser davantage votre curiosité pour tout ce que vous pouvez faire sur cette plateforme.