L'environnement de développement ultime WordPress

Points de base

• Les progrès significatifs des outils de développement WordPress réduisent les tracas et le travail répétitif de création de sites Web WordPress.
• Il est recommandé d'utiliser un environnement de développement virtualisé au lieu de MAMP / WAMP / XAMP pour le développement WordPress, car l'environnement virtualisé est isolé, facile à reconstruire, peut reproduire les environnements de production, peut exécuter plusieurs environnements de serveur sur un seul ordinateur et sur l'équipe de développement des avantages de la cohérence entre les deux.
• WP-CLI est un outil de ligne de commande utile pour gérer les installations WordPress, y compris l'installation de WordPress, la mise à jour de WordPress, l'installation de plug-ins, la réinitialisation des bases de données WordPress et l'importation de contenu.
• phpstorm est un IDE de développement PHP et WordPress hautement recommandé qui fournit tous les outils nécessaires, intégration approfondie WordPress en un seul endroit, et est largement utilisé parmi les meilleurs développeurs WordPress. De plus, PHP CodeSniffer garantit que le code suit les spécifications du code WordPress.

Ces dernières années, les outils de développement WordPress ont fait de grands progrès. Dans le passé, le développement d'un site Web WordPress a nécessité une sorte de configuration MAMP / WAMP localhost et il était presque toujours lourd. Peut-être que vous êtes même un développeur qui développe un site Web dans un environnement de production - je l'étais.

Heureusement, les temps ont changé, et maintenant il existe des outils qui peuvent vous aider à éliminer les tracas et le travail répétitif de création d'un site Web WordPress sur votre ordinateur.

en décembre dernier, trois ans après que je sois presque complètement hors de tout développement WordPress, je suis devenu un développeur WordPress à temps plein. Avant cela, j'ai travaillé dans l'industrie des paiements pendant trois ans avant d'être une signature WordPress à temps plein.

à trois ans d'une certaine industrie m'a donné une perspective unique sur la vitesse du changement dans le domaine de l'informatique, plus précisément, le domaine du développement Web. Le développement WordPress ne fait pas exception.

Vous voyez, lorsque je suis revenu à WordPress Development en décembre dernier, j'ai décidé de voir comment construire un environnement de développement WordPress parfait. À ma grande surprise, les outils autour de WordPress se sont tellement améliorés, c'est comme échanger une Ferrari contre une Ford.

Je suis très excité, bien sûr, toujours excité, d'explorer tous les outils, et dans le post d'aujourd'hui, je partagerai avec vous le résumé de ce que j'ai appris. J'espère que cela vous aidera à ajuster votre environnement actuel et à implémenter certains des outils disponibles.

Commencez par le serveur

Tout d'abord, la partie la plus importante du problème de l'environnement de développement WordPress est le serveur. Sans serveur, nous ne pouvons rien faire.

Il existe de nombreuses options différentes pour héberger aujourd'hui les sites Web WordPress dans un environnement local, il est donc difficile de savoir lequel utiliser.

Je vous suggère d'abandonner MAMP / WAMP / Xamp et de commencer à utiliser un environnement de développement virtualisé.

Pourquoi? Il y a plusieurs raisons:

1. Il s'agit d'un environnement isolé. En utilisant un environnement virtualisé, vous pouvez créer un serveur de développement isolé à partir du système d'exploitation hôte. Vous pouvez installer n'importe quel système d'exploitation que vous aimez sur la machine virtuelle et le démarrer / l'arrêter / redémarrer sans affecter votre hôte. Une fois que vous avez fini de vous développer et que vous n'en avez plus besoin, il est facile de le déchirer.
2. vissé? aucun problème! Il suffit de reconstruire l'environnement. Je crois que nous avons tous eu un dilemme: nous avons modifié les paramètres du serveur et gâché les choses. Ce problème peut être facilement résolu en reconstruisant un environnement virtuel ou simplement en utilisant des instantanés. Alors maintenant, vous pouvez essayer de régler les paramètres comme vous le souhaitez sans vous soucier de l'échec.
3. aussi proche que possible de l'environnement de production. Si vous préférez, vous pouvez copier votre environnement de production dans votre hôte local. Faire ces deux environnements exactement de même contribuer à déboguer, à régler et même à déploier.
4. Vous pouvez exécuter plusieurs environnements de serveur différents sur un seul ordinateur. Un client utilise Apache, un autre client utilise Nginx? Pas de problème, créez simplement ces deux environnements différents dans la machine virtuelle.
5. Unifier l'environnement dans l'équipe de développement. Si tout le monde dans l'équipe de développement utilise exactement la même configuration, vous pouvez accélérer le temps de développement et il y aura moins de questions sur les raisons pour lesquelles quelque chose ne fonctionne pas sur les machines de X-Man.

Maintenant que vous avez accepté l'environnement de virtualisation. Que devez-vous utiliser?

J'utilise VVV. Il est très facile de se présenter, a un bon système de soutien, et il est utilisé par de nombreuses grandes agences de développement WordPress, y compris le XWP pour lequel je travaille.

Certaines autres options pour les environnements de développement WordPress virtualisés incluent: HGV, Wocker, VIP QuickStart.

Si vous décidez d'utiliser VVV, je recommande certainement les plugins et outils suivants pour porter VVV à un niveau supérieur.

• Vagrant-HostsupDater - Ce plugin permet à votre installation Vagrant de mettre à jour les entrées du fichier hôte d'ordinateur pour ajouter des cartes de noms de domaine à l'adresse IP. Cela signifie que vous n'avez pas à ajouter manuellement l'entrée au fichier hôte.
• VVV variable - De loin, l'outil le plus utile pour VVV est appelé variable VVV, qui vous permet de créer rapidement et facilement de nouvelles installations VVV WordPress à l'aide de la ligne de commande. Doit consulter celui-ci.

Aleksander Koko a déjà écrit sur VVV, et j'ai récemment enregistré une vidéo sur la configuration de VVV sur votre propre ordinateur.

La puissance de la ligne de commande

Qui n'aime pas une petite opération de ligne de commande? WP-CLI est la réponse à votre souhait de ligne de commande intérieure.

WP-CLI vous permet de gérer les installations WordPress à partir de la ligne de commande (elle est fournie avec VVV d'ailleurs).

Regardons quelques exemples pratiques de la façon d'utiliser WP-CLI dans un environnement de développement local.

• Installez WordPress. SSH se connecte à votre serveur et doit installer WordPress rapidement? Utilisez simplement WP-CLI pour créer une nouvelle installation WordPress.
• Mettre à jour WordPress. Il n'y a rien de plus douloureux que de visiter chaque site Web, de se connecter, de cliquer autour et de mettre à jour un grand nombre de sites WordPress. Vous pouvez le faire directement à partir de la ligne de commande avec une seule commande.
• Installation du plug-in. Si vous trouvez un excellent plugin et que vous souhaitez l'installer sur plusieurs sites, utilisez encore une fois WP-CLI avec une seule commande.
• Réinitialisez la base de données WordPress. Baisé quelque chose et voulait recommencer? Simple, une commande (c'est un peu en double, n'est-ce pas?)
• Importer du contenu. Oui, vous l'avez deviné, vous pouvez importer du contenu dans votre installation WordPress ou plusieurs installations à l'aide d'une commande.
• attendre attendre

Toutes ces opérations sont des opérations très pratiques que vous pouvez faire à partir de la ligne de commande. Encore mieux, dans la section suivante, nous discuterons de l'IDE où vous pouvez exécuter toutes ces commandes directement.

Si vous souhaitez en savoir plus, consultez cet article d'Ahsan Parwez sur WP-CLI.

IDE qui modifie le motif

de tous les outils dont j'ai parlé aujourd'hui, je pense que ce sera le plus controversé. En ce qui concerne les IDE et les éditeurs, c'est presque comme envahir l'espace personnel, ce que beaucoup de gens n'aiment pas.

Je n'essaierai pas de vous dire que IDE est meilleur que les éditeurs de texte et vice versa. Ce que je veux faire, c'est vous dire que mon expérience est en train de passer à IDE et comment cela fonctionne pour moi.

J'ai toujours été une personne qui n'aime pas IDE. Ne pas aimer cela peut être un euphémisme, je les déteste. Je pense qu'ils sont gonflés, lents et désordonnés.

J'étais un grand fan du texte sublime (je suis toujours, au fait, et je l'utilise tous les jours).

Donc, en décembre, lorsque j'ai recommencé le développement WordPress, j'ai regardé quels éditeurs pouvaient être utilisés pour écrire du code WordPress. J'ai été très surpris lorsque j'ai continué à mentionner l'IDE appelé phpstorm.

J'ai jeté un coup d'œil à contrecœur et j'étais tellement content de l'avoir fait!

phpstorm est le meilleur IDE de développement PHP et WordPress à mon avis. Il offre tout ce dont vous avez besoin pour créer des sites Web, des plugins et des thèmes WordPress, et a une incroyable intégration WordPress (vous devez vraiment le vérifier).

Voici trois raisons pour lesquelles vous devriez envisager d'utiliser PHPStorm pour le développement WordPress cette année:

1. Tout est nécessaire, tout est dedans. FTP - Contrôlé, support de base de données - Contrôlé, terminal - vérifié, contrôle de version - vérifié, débogage - vérifié, refactorisé - vérifié, excellente perception intelligente et assortiment automatique - double vérification! Attendez et attendez.
2. L'intégration WordPress dans PHPStorm est sans égal. Phpstorm a un aperçu approfondi de WordPress. Une fois qu'il se connecte à un projet WordPress, il sait comment tout est connecté. Il complètera automatiquement les fonctions WordPress et complètera même automatiquement les opérations et les filtres.
3. De nombreux meilleurs développeurs et organisations WordPress utilisent désormais PHPStorm pour développer leur code. Pour moi, c'est un signe clair que c'est l'un des meilleurs ides de développement WordPress disponibles.

Si vous êtes intéressé à démarrer avec PHPStorm, consultez une série de 7 vidéos PhpStorm que j'ai enregistrées pour vous aider à démarrer avec cet IDE.

Assurez-vous que votre code est propre et rangé

Le dernier outil que je veux écrire aujourd'hui est une bonne chose! Je suis particulièrement particulier sur l'écriture de code. J'adore le fait qu'il soit propre et bien rangé et suit complètement les spécifications du code WordPress.

mais même si particulier, nous sommes tous des êtres humains. Et je me retrouve souvent à parcourir le code que j'ai écrit et être bouleversé par les espaces manquants ou les pauses de ligne supplémentaires.

Dans le monde open source, il est très important pour les développeurs de s'en tenir aux spécifications de code définies par le projet, sinon la base de code se dégrade très rapidement, en particulier sur les projets open source populaires comme WordPress.

En fait, l'équipe de base WordPress est particulièrement stricte avec les spécifications du code et leur conformité.

Alors, comment pouvons-nous nous assurer que notre code suit les spécifications du code WordPress? La réponse est simple, c'est un outil appelé PHP codesniffer avec un ensemble de règles de spécification de code WordPress.

Les deux utilitaires analyseront votre code pour toute différence entre votre code et comment votre projet WordPress devrait être écrit et vous informer de ce qui s'est mal passé. Tellement incroyable!

La meilleure chose est qu'ils vous informent également de tout problème de sécurité avancé que vous avez. Bien sûr, il ne saisira pas tous les problèmes de sécurité, alors assurez-vous de toujours considérer la sécurité lors de la rédaction de votre code, mais c'est la première ligne de défense.

Bien sûr, je ne peux pas terminer cette section sans mentionner que PHPStorm a pris en charge intégrée pour PHP CodeSniffer. J'ai publié une vidéo sur la façon de combiner les ensembles de règles pour les spécifications PHPStorm, PHPCS et WordPress.

Conclusion

Il existe de nombreuses alternatives en plus des outils susmentionnés, et j'espère qu'au moins tout ce dont j'ai parlé aujourd'hui vous intéressera à explorer certains des grands outils autour du développement WordPress.

Si vous choisissez d'utiliser les outils ci-dessus, ces outils vous fourniront une bonne base pour commencer avec une approche rationalisée et automatisée du développement WordPress.

Si vous utilisez d'autres outils, j'aimerais entendre vos commentaires dans les commentaires ci-dessous!

Des questions fréquemment posées sur l'environnement de développement WordPress

Qu'est-ce qu'un environnement de développement WordPress et pourquoi est-il important?

L'environnement de développement WordPress est un espace sécurisé et isolé où les développeurs peuvent tester les modifications, les mises à jour et les nouvelles fonctionnalités des sites Web WordPress sans affecter les sites Web de production. Il est crucial car il permet aux développeurs d'identifier et de résoudre tous les problèmes ou erreurs avant qu'ils affectent les sites de production, assurant une expérience utilisateur fluide. Il se compose généralement de trois étapes: local (la machine du développeur), stockage temporaire (la copie du site Web de production) et production (le site Web de production).

Comment mettre en place un environnement de développement WordPress local?

La configuration d'un environnement de développement WordPress local comprend l'installation d'un environnement de serveur local tel que MAMP, WAMP ou XAMPP. Une fois installé, vous pouvez installer WordPress sur votre serveur local. Cela vous permet de traiter les sites Web WordPress directement depuis votre ordinateur sans connexion Internet.

Quels sont les avantages de l'utilisation d'un environnement temporaire pour le développement WordPress?

L'environnement de mise en scène est un clone de votre site Web de production où vous pouvez tester les modifications sans affecter le site Web de production. Il est bénéfique car il vous permet de résoudre les problèmes, de tester les mises à jour et d'apporter des modifications sans risquer de produire des fonctionnalités de site Web. Il fournit également aux clients une plate-forme d'examen et d'approbation avant la mise en ligne des modifications.

Comment migrer mon site Web WordPress d'un environnement local vers un serveur de production?

Migrer votre site Web WordPress depuis votre environnement local vers un serveur de production comprend des fichiers et des bases de données migrationnelles pour votre site Web. Vous pouvez le faire manuellement ou utiliser des plug-ins comme le duplicator ou la migration WP tout-en-un. N'oubliez pas de sauvegarder votre site Web de production avant de migrer pour éviter toute perte de données.

Quels outils de développement WordPress puis-je utiliser?

Il existe de nombreux outils disponibles pour le développement WordPress. Il s'agit notamment des éditeurs de code tels que le texte sublime ou l'atome, les environnements de développement locaux tels que local by fly-wheel ou dektopserver, les systèmes de contrôle de version tels que GIT, et les outils de débogage tels que le moniteur de requête ou la barre de débogage.

Comment créer un thème enfant dans WordPress?

La création d'un thème enfant dans WordPress consiste à créer un nouveau répertoire dans le dossier de thème, à créer un fichier style.css avec un titre spécifique et à importer le style du thème parent. Vous pouvez ensuite activer le thème de l'enfant à partir du tableau de bord WordPress et commencer à le personnaliser sans affecter le thème parent.

Comment mettre à jour en toute sécurité mon site Web WordPress?

La mise à jour en toute sécurité de votre site WordPress comprend la sauvegarde de votre site, le test des mises à jour dans un environnement de mise en scène, puis l'application des mises à jour sur votre site de production. Cela garantit que s'il y a des problèmes pendant le processus de mise à jour, vous pouvez facilement restaurer le site Web à son état précédent.

Qu'est-ce qu'un système de contrôle de version et pourquoi dois-je l'utiliser dans WordPress Development?

Le système de contrôle de version est un outil qui suit la façon dont votre code change avec le temps. Il est crucial dans le développement WordPress car il vous permet de restaurer les versions précédentes de votre code lorsque quelque chose ne va pas, de collaborer avec d'autres développeurs et de garder un historique de changements. Git est un système de contrôle de version populaire utilisé dans le développement WordPress.

Comment résoudre les problèmes dans les sites Web WordPress?

Les problèmes de dépannage dans les sites Web WordPress comprennent l'identification des problèmes, le test des solutions dans un environnement de mise en scène et l'application de correctifs aux sites de production. Des outils comme le moniteur de requête ou la barre de débogage peuvent vous aider à identifier les problèmes. N'oubliez pas de sauvegarder votre site Web avant de dépanner.

Comment optimiser mon site Web WordPress pour les performances?

Optimiser votre site Web WordPress pour améliorer les performances inclut l'utilisation des plugins de cache, l'optimisation des images, l'utilisation du réseau de distribution de contenu (CDN) et la minimisation des fichiers CSS et JavaScript. Vous pouvez également utiliser des outils tels que Google Pagespeed Insights ou GTMetrix pour identifier les domaines qui doivent être améliorés.

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!