WordPress est une plateforme formidable, mais elle peut aussi être parfois un peu désorganisée – du moins du point de vue du code. Ceci est dû au fait que le code est passé par de nombreuses itérations, et au fur et à mesure des mises à jour, parfois les choses sont codées aussi efficacement qu’elles pourraient l’être.

Ce n’est pas parce que le code est parfois un peu fouillis que votre processus de développement doit suivre le même chemin. Bien que le code désordonné soit souvent excusé en raison des calendriers de production rapides, vous pouvez réellement gagner plus en tant que développeur web en mettant en œuvre un flux de travail approprié.

Dans cet article, nous aborderons quelques conseils pour vous aider à développer des sites WordPress de la bonne manière avec les bons outils en main. Nous vous proposerons également une marche à suivre étape par étape pour vous aider à suivre ces conseils.

En suivant ce guide, vous pourrez éviter certains des problèmes courants qui surviennent lors du développement de sites WordPress. Et vous serez également en mesure de créer un site facile à entretenir et à mettre à jour.

Alors, commençons!

Attributs d’un code de haute qualité

Avant de nous plonger dans notre guide complet sur la création d’un flux de travail de développement WordPress, prenons un moment pour discuter des raisons pour lesquelles un code de haute qualité est important. Beaucoup.

Lorsque vous pensez au code de votre site, il y a quelques attributs clés que vous devez garder à l’esprit. Ces attributs vous aideront à garantir que votre code est propre, bien organisé et facile à comprendre.

Voici quelques attributs d’un code de haute qualité :

  • Rationalisé
  • Facile à suivre
  • Modulaire
  • Bien commenté
  • Réutilisable et maintenable

Ces attributs peuvent sembler nombreux à garder à l’esprit, mais ne vous inquiétez pas. Nous couvrirons entièrement la façon d’atteindre chacun d’entre eux dans notre guide. Mais d’abord, nous devons parler de la raison pour laquelle votre flux de développement doit tout simplement respecter ces normes.

Pourquoi le développement de WordPress nécessite des pratiques de code de premier ordre

Pour qu’un site web WordPress fonctionne correctement, le code qui le compose doit être de haute qualité. C’est particulièrement important pour les sites web WordPress, car ils sont souvent complexes, avec de nombreuses parties différentes.

Il existe de nombreuses raisons pour lesquelles les pratiques de code sont importantes pour le développement de WordPress :

  1. Les sites web WordPress sont complexes.
  2. Une seule ligne de code peut avoir un impact important.
  3. Le code doit être bien écrit et bien testé.
  4. Un code de haute qualité est plus facile à maintenir.
  5. Un code de qualité peut contribuer à améliorer les performances.

Garder ces points à l’esprit lors de votre processus de planification du développement peut vous aider à garder l’œil sur le prix, pour ainsi dire.

Conseils pour améliorer le flux de travail de WordPress

Maintenant que nous avons expliqué pourquoi il est important d’avoir un code bien écrit, passons en revue quelques conseils pour vous aider à améliorer votre flux de travail WordPress pour chaque projet. Chacun des conseils suivants vous aidera à faire en sorte que votre code WordPress soit propre et optimisé, ce qui devrait être votre priorité.

Choisissez un bon hébergeur

Quand il s’agit d’héberger votre site web WordPress, sélectionner le bon fournisseur est crucial pour garantir des performances optimales, la sécurité et l’expérience globale de l’utilisateur. Un service d’hébergement fiable peut avoir un impact significatif sur la vitesse, la stabilité et l’évolutivité de votre site web. Kinsta se distingue comme un excellent choix pour l’hébergement de votre site WordPress, offrant un large éventail de fonctionnalités et d’avantages qui contribuent à une expérience d’hébergement exceptionnelle.

  1. Propulsé par Google Cloud Platform (GCP) C2 : Kinsta exploite l’infrastructure de pointe de Google Cloud Platform, plus précisément les machines optimisées pour le calcul C2. Cette infrastructure cloud haute performance garantit des temps de chargement rapides comme l’éclair et une fiabilité accrue, fournissant ainsi une base solide à votre site web.
  2. Gestion de site conteneurisée : Kinsta adopte une approche basée sur les conteneurs pour la gestion des sites. Cela signifie que chaque site web est isolé dans son propre conteneur, empêchant toute interférence avec d’autres sites sur le même serveur. Cette isolation garantit une sécurité et une stabilité supérieures, en éliminant le risque de contention des ressources.
  3. Mécanismes avancés de mise en cache : La mise en cache est vitale pour accélérer votre site web et réduire la charge sur le serveur. Kinsta intègre la mise en cache au niveau du serveur, le cache edge, la mise en cache automatique des pages et l’intégration du réseau de diffusion de contenu (CDN). Ce système de mise en cache intelligent garantit que vos pages se chargent rapidement et efficacement pour les visiteurs du monde entier. Vous pouvez également explorer l’API de Kinsta pour vider le cache ou le cache edge de votre site.
  4. Optimisation des performances : Kinsta s’engage à fournir des outils d’optimisation des performances de premier ordre. Ils offrent des fonctionnalités telles que le support de PHP, HTTP/3, et MariaDB pour des requêtes de base de données plus rapides. Grâce à l’infrastructure de Kinsta axée sur les performances, votre site web sera bien équipé pour gérer les pics de trafic.
  5. Environnement de staging gratuit : Chaque installation WordPress chez Kinsta peut disposer de son propre environnement de staging sans frais supplémentaires. Cela vous permet de tester en toute sécurité les mises à jour, les extensions et les changements avant de les déployer sur le site en production, garantissant ainsi une expérience utilisateur transparente.
  6. Mesures de sécurité : Kinsta prend la sécurité au sérieux, en mettant en œuvre des mesures telles que la détection DDoS, les pare-feu matériels et la surveillance du temps de fonctionnement.
  7. Fonctionnalités adaptées aux développeurs : Pour les développeurs, Kinsta offre des fonctionnalités telles que l’accès SSH, WP-CLI et l’intégration Git. Ces outils permettent un développement plus facile, un contrôle des versions et une collaboration efficace entre les membres de l’équipe.

Utilisez le staging

Un site de staging est une copie de votre site en production que vous pouvez utiliser pour tester les changements avant de les effectuer sur votre site en ligne. Il s’agit d’un outil précieux car il vous permet d’expérimenter des changements sans affecter votre site réel.

L’utilisation d’un site de staging présente de nombreux avantages :

  1. Tester les changements avant de les effectuer sur votre site réel.
  2. Éviter les problèmes potentiels en effectuant des tests sur un site de staging.
  3. Vous assurer que vos modifications fonctionnent comme prévu.
  4. Éviter les temps d’arrêt potentiels sur votre site réel.
  5. Réduire le risque de casser votre site réel.

Chez Kinsta, vous avez la possibilité de créer un environnement de staging distinct pour chaque installation WordPress, ce qui vous permet de tester les nouvelles versions, les extensions, le code et d’effectuer un travail de développement général. Cet environnement de staging peut être facilement configuré et partagé avec votre équipe. Pour des environnements staging supplémentaires, des environnements staging correspondant étroitement à votre production en direct, ou des tests et des développements gourmands en ressources, vous pouvez utiliser le module d’environnement de staging premium.

Sélectionner un environnement de staging dans MyKinsta.
Sélectionner un environnement de staging dans MyKinsta.

De plus, Kinsta offre la possibilité de créer ces environnements de manière programmatique via l’API Kinsta. Cela vous permet d’accéder aux détails de l’environnement de votre site, d’effectuer des actions telles que la suppression ou le clonage d’un environnement, et même de créer des environnements simples sans installation WordPress ou avec une installation déjà en place.

Le cœur de WordPress, cette extension et les thèmes sont écrits en PHP. Kinsta supporte toujours la version la plus récente de PHP et prend en charge différentes versions pour les environnements de staging. Le passage d’une version de PHP à l’autre se fait en quelques clics dans le tableau de bord de MyKinsta.

Mettez en œuvre le contrôle de version

Le contrôle de version est un système qui permet de suivre les modifications apportées aux fichiers au fil du temps. C’est précieux pour le développement de WordPress car cela vous permet de suivre les modifications et de revenir à des versions antérieures si nécessaire.

Pour la plupart, cela signifie utiliser Git, qui est un système de contrôle de version populaire pris en charge par Kinsta. Git est un système de contrôle de version distribué, gratuit et open source, conçu pour gérer tous les projets, des plus petits aux plus grands, avec rapidité et efficacité. Avec Kinsta, vous pouvez facilement vous connecter à votre dépôt Git depuis GitHub, GitLab et Bitbucket.

C’est particulièrement utile lorsque vous travaillez avec une grande équipe distribuée. La dernière chose que vous souhaitez est d’avoir plusieurs versions de votre fichier functions.php, toutes nommées de manière légèrement différente, dans votre installation WordPress parce que plusieurs personnes ont apporté des modifications en même temps.

Planifiez des sauvegardes automatisées

Les sauvegardes constituent l’un des aspects les plus importants du développement de WordPress. Les sauvegardes sont vitales car elles vous permettent de restaurer votre site si quelque chose ne va pas.

Il existe de nombreuses façons d’automatiser les sauvegardes. Quand vous utilisez Kinsta, vous avez automatiquement accès à six types de sauvegardes : automatique/quotidienne gratuite, horaire optionnelle, manuelle, générée par le système, téléchargeable, et sauvegardes externes Premium envoyées automatiquement à votre Amazon S3 ou Google Cloud Storage, que vous pouvez utiliser dans le cadre de votre stratégie de reprise après sinistre.

Module Kinsta de Sauvegardes Externes Automatisées
Module Kinsta de Sauvegardes Externes Automatisées

Ce module créera automatiquement des sauvegardes de votre site WordPress sur une base quotidienne et les stockera sur un serveur externe.

Si vous n’utilisez pas Kinsta, vous pouvez utiliser des extensions WordPress pour la sauvegarde. C’est une stratégie viable, mais gardez à l’esprit que les extensions peuvent entrer en conflit les unes avec les autres et compromettre les performances de votre site web.

Tirez parti du linting

Le linting est le processus de vérification du code à la recherche d’erreurs. Cela est précieux pour le développement de WordPress, car il peut vous aider à trouver et à corriger les erreurs dans votre code.

Visual Studio Code
Visual Studio Code.

De nombreux éditeurs de code le font automatiquement, mais si vous voulez être certain que le vôtre offre cette fonctionnalité, envisagez d’utiliser l’un des éditeurs de code et de texte suivants :

  • Visual Studio Code : Cet éditeur de code dispose par défaut d’une fonction de linting, ainsi que d’extensions permettant de l’appliquer, comme ESLint.
  • Sublime Text : Cet éditeur de code possède de nombreuses fonctionnalités, dont la mise en forme.
  • Atom : Cet éditeur de code dispose également d’une fonction de linting intégrée.
  • Vim : Cet éditeur de texte offre également linting ainsi que de nombreuses autres fonctionnalités.
  • PHPStorm : Il s’agit d’un environnement de développement payant qui dispose de la fonction de linting.

Si vous construisez votre site web depuis un script, vous pouvez également inclure des paquets linter pour le tester au fur et à mesure de sa construction.

Utilisez un générateur de code

Un générateur de code est un outil qui peut générer automatiquement du code pour vous. Cela est précieux pour le développement de WordPress car cela peut vous faire gagner du temps et vous aider à éviter les erreurs.

GenerateWP website
GenerateWP.

Il existe de nombreux générateurs de code disponibles, mais certains des plus populaires incluent :

  • GenerateWP : Ce générateur de code peut générer du code pour les types de publication personnalisés, les taxonomies, les métaboxes, et plus encore.
  • Hasty : Ce générateur de code peut générer du code pour les types de publication personnalisés, les taxonomies et les champs.
  • Nimbus Themes Code Generator : Ce générateur de code peut générer du code pour les types de publication personnalisés, les taxonomies et les champs.

Utilisez WP-CLI

WP-CLI est une interface de ligne de commande pour WordPress. Elle est précieuse pour le développement de WordPress car elle vous permet de gérer votre site WordPress depuis la ligne de commande. Vous avez accès à WP-CLI sur tous les plans Kinsta car il s’agit d’une fonctionnalité par défaut sur tous les serveurs Kinsta.

C’est particulièrement utile lorsque vous devez effectuer des tâches qui sont répétitives ou qui nécessitent beaucoup d’étapes. Par exemple, WP-CLI peut être utilisé pour installer WordPress, créer des articles et des pages, installer des extensions et des thèmes, et bien plus encore. C’est également utile lorsque vous devez apporter des modifications à plusieurs sites à la fois.

Utilisez un framework de développement WordPress

Un framework de développement WordPress est un outil qui peut vous aider à rationaliser votre flux de travail. Il est précieux pour le développement de WordPress car il peut vous faire gagner du temps et vous aider à éviter les erreurs.

Bootstrap
Bootstrap.

Il existe de nombreux frameworks de développement WordPress, mais certains des plus populaires incluent :

  • Genesis : Ce framework de StudioPress est conçu pour vous aider à créer des sites WordPress plus rapidement.
  • Underscores : Ce framework d’Automattic est conçu pour vous aider à commencer à développer des thèmes WordPress rapidement.
  • Foundation : Ce framework de Zurb est conçu pour vous aider à créer des sites WordPress responsives.
  • Bootstrap : Ce framework de Twitter est un moyen super utile de créer des designs responsives pour les sites WordPress.

Utilisez des exécuteurs de tâches

Un exécuteur de tâches est un outil qui permet d’automatiser des tâches. Cela est précieux pour le développement de WordPress car cela peut vous faire gagner du temps et vous aider à éviter les erreurs. Il vous permet également d’exécuter plusieurs tâches simultanément.

Gulp website
Gulp.

Il existe de nombreux exécuteurs de tâches, mais certains des plus populaires incluent :

  • Gulp : Ce gestionnaire de tâches peut être utilisé pour automatiser des tâches telles que le prétraitement CSS, le linting JavaScript, et plus encore.
  • Grunt : Grunt est un gestionnaire de tâches JavaScript qui permet d’automatiser un grand nombre de vos tâches les plus répétitives.
  • Webpack : Ce gestionnaire de tâches peut être utilisé pour automatiser des tâches telles que le regroupement de fichiers JavaScript et plus encore.

Familiarisez-vous dès maintenant avec Vue.js ou React

Bien que vous n’utilisiez peut-être pas Vue.js ou React dans l’immédiat, il est important de se familiariser avec ces frameworks dès maintenant. Cela est précieux pour le développement de WordPress, car ils deviennent de plus en plus populaires et sont de plus en plus utilisés au fil du temps.

Vue.js est un framework JavaScript qui vous permet de créer des interfaces utilisateur responsives. React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur.

Vue.js et React sont tous deux des choix populaires pour le développement de WordPress car ils sont rapides, légers et faciles à utiliser et sont essentiels pour transformer WordPress en un CMS headless.

Voici un guide détaillé sur la façon de créer un site WordPress headless avec Vue.js et avec React.js.

Pourquoi il est essentiel de consacrer du temps à la planification du flux de travail WordPress

Les sites web WordPress sont complexes, et il est important d’avoir un flux de travail bien planifié avant de commencer tout projet. En prenant le temps de planifier votre flux de travail, vous pouvez gagner du temps et éviter des problèmes potentiels en cours de route.

Il y a de nombreux avantages à planifier votre flux de travail WordPress :

  • Gagner du temps en sachant ce qui doit être fait.
  • Éviter les problèmes potentiels en planifiant à l’avance.
  • Vous assurer que toutes les tâches nécessaires sont effectuées.
  • Vous assurer que votre flux de travail est efficient et efficace.
  • Éviter les problèmes lorsque vous remettez des projets à des collaborateurs ou à des clients

Le flux de travail WordPress idéal pour le développement

Il existe de nombreuses façons d’aborder le flux de travail de WordPress, mais il y a certaines étapes essentielles qui devraient être incluses dans votre processus de développement.

Étape 1 : Configurez un environnement de développement local

La première étape de tout flux de travail WordPress devrait être la mise en place d’un environnement de développement local. C’est important car cela vous permet de travailler sur votre site WordPress hors ligne, ce qui peut vous faire gagner du temps et éviter les erreurs.

Il existe de nombreuses façons de définir un environnement de développement local, cela dépend simplement du réglage que vous préférez utiliser. Nous recommandons DevKinsta pour cela (WordPress multisite est pris en charge). Avec DevKinsta, vous pouvez cloner et développer vos projets localement. Une fois que vos mises à jour sont prêtes, vous pouvez les pousser vers Kinsta.

DevKinsta est entièrement intégré à MyKinsta et à la plateforme d’hébergement de Kinsta, de sorte que vous pouvez développer localement et pousser les mises à jour directement vers un environnement de staging sur Kinsta. Nous recommandons d’utiliser le staging Kinsta et le module d’environnements de staging premium. Cela vous donne un environnement de développement WordPress complet avec une mise en ligne en un clic.

Vous pouvez également travailler sur plusieurs projets en même temps et fusionner les changements avant la mise en ligne. Il est également livré avec des tests A/B intégrés, des tests de compatibilité des extensions et des tests de ressources intensives pour vous aider à vous assurer que vos constructions sont structurées de manière appropriée.

Pour obtenir le module d’environnements de staging premium, achetez-le sur votre compte Kinsta. Pour activer l’environnement de staging, allez sur MyKinsta, puis cliquez sur le menu déroulant avec l’environnement par défaut Production puis sur Créer un nouvel environnement en haut de l’écran.

Créer un nouvel environnement
Créer un nouvel environnement à l’aide du module de staging premium.

Étape 2 : Configurez le contrôle de version

La deuxième étape de tout flux de travail WordPress devrait être la mise en place du contrôle de version. C’est important car cela vous permet de suivre les modifications apportées à votre code et de revenir aux versions précédentes si nécessaire.

Pour cela, vous pouvez utiliser Git qui est pris en charge par Kinsta en suivant le processus ci-dessous :

1. Créez un dépôt Git

Vous pouvez créer un dépôt sur GitHub, GitLab ou Bitbucket pour y stocker votre code. Pour les besoins de cette illustration, nous décrirons comment le créer sur GitHub. Pour les autres plateformes prises en charge, le flux de travail est très similaire.

Pour créer un dépôt sur GitHub, vous pouvez suivre les étapes suivantes :

  1. Connectez-vous à votre compte GitHub et cliquez sur le signe + dans le coin supérieur droit.
  2. Sélectionnez Nouveau dépôt dans le menu déroulant.
  3. Saisissez un nom pour votre dépôt et une description, puis cliquez sur Créer un dépôt.
Créer un dépôt sur GitHub.
Créer un dépôt sur GitHub.

2. Clonez le dépôt dans votre environnement de développement local

Pour cloner un dépôt GitHub, procédez comme ci-dessous :

  1. Cliquez sur le bouton Cloner de votre dépôt GitHub.
  2. Copiez l’URL de votre dépôt.
  3. Ouvrez votre terminal ou votre invite de commande et passez au répertoire où vous souhaitez cloner votre dépôt.
  4. Saisissez la commande suivante, en substituant l’URL que vous avez copiée de GitHub:
git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.git

Cela clonera votre dépôt sur votre ordinateur. Vous pouvez maintenant ajouter des fichiers et apporter des modifications et, quand elles sont prêtes, les repousser sur GitHub.

3. Ajoutez des fichiers et valider les modifications

  1. Ajoutez les fichiers que vous voulez suivre avec Git au répertoire du dépôt sur votre ordinateur.
  2. Saisissez git add suivi du nom du fichier, ou utilisez git add. pour ajouter tous les fichiers du dépôt.
  3. Saisissez git commit -m suivi d’un message décrivant les modifications que vous avez apportées.
  4. Pour pousser vos changements vers GitHub, saisissez git push.

Vous pouvez maintenant continuer à apporter des modifications aux fichiers sur votre ordinateur et les pousser vers GitHub. Lorsque vous souhaitez récupérer la dernière version des fichiers sur GitHub, vous pouvez utiliser la commande git pull.

Étape 3 : Développez localement

Après avoir configuré votre environnement de développement local et le contrôle de version, il est temps de commencer à développer votre site WordPress localement.

Lorsque vous développez localement, vous pouvez tester les modifications sur votre site de staging avant de les mettre en ligne. Ceci est important car cela vous permet d’attraper les erreurs ou les bogues avant qu’ils n’affectent votre site en production.

Pour pousser les changements de votre environnement de développement local vers votre site de staging, vous pouvez utiliser DevKinsta en quelques clics.

Étape 4 : Utilisez WP-CLI

WP-CLI est une interface de ligne de commande pour WordPress qui vous permet de gérer votre site WordPress à partir du terminal. Cela peut être utile pour des tâches telles que la création et la gestion des utilisateurs, l’installation et la mise à jour des plugins, et bien plus encore.

Pour installer WP-CLI, suivez ces étapes :

  1. Téléchargez le fichier phar de WP-CLI.
  2. Déplacez le fichier dans un répertoire de votre PATH (par exemple, /usr/local/bin).
  3. Renommez le fichier en wp.
  4. Rendez le fichier exécutable (par exemple, chmod +x /usr/local/bin/wp).
  5. Testez que WP-CLI est installé en exécutant wp –version.

À partir de là, vous pouvez utiliser WP-CLI pour gérer votre site WordPress depuis le terminal. Pour obtenir une liste complète des commandes, vous pouvez consulter notre guide approfondi de WP-CLI v2.

Étape 5 : Automatisez votre flux de travail avec Gulp

Gulp est un gestionnaire de tâches qui vous permet d’automatiser des tâches telles que la minification des fichiers CSS et JavaScript, la compilation des fichiers Sass, et bien plus encore.

Pour utiliser Gulp, installez-le globalement sur votre système. Pour ce faire, assurez-vous que Node.js et npm sont installés sur votre ordinateur en utilisant node -v et npm -v. Si cela affiche une version pour les deux, vous pouvez continuer à installer Gulp en utilisant la commande suivante :

npm install gulp-cli -g

Une fois Gulp installé, vous pouvez créer un fichier gulpfile.js à la racine de votre projet. Ce fichier contient le code de vos tâches Gulp.

Par exemple, le fichier gulpfile.js suivant contient une tâche de minification des fichiers CSS :

var gulp = require('gulp');

var cleanCSS = require('gulp-clean-css');

gulp.task('minify-css', function() {

return gulp.src('src/*.css')

.pipe(cleanCSS({compatibility: 'ie8'}))

.pipe(gulp.dest('dist'));

});

Pour exécuter cette tâche, vous pouvez utiliser la commande suivante :

gulp minify-css

Étape 6 : Utilisez le linting

Les outils de linting sont des outils d’analyse de code statique qui vous aident à trouver des erreurs dans votre code. Pour nos besoins ici, nous utilisons Atom.io avec les paquets de linting suivants :

  • atom-beautify
  • atom-ternjs
  • linter
  • linter-eslint
  • linter-php
  • linter-sass-lint

Dans votre terminal, naviguez vers le répertoire que vous souhaitez linting et exécutez la commande suivante :

find . -name "*.js" -o -name "*.scss" | xargs eslint --fix

Cela va appliquer le linting à tous les fichiers JavaScript et Sass de votre projet.

Si vous souhaitez lier un fichier spécifique, vous pouvez exécuter la commande suivante :

eslint --fix file-name.js

Remplacez nom-fichier.js par le nom du fichier que vous souhaitez lier.

Étape 7 : Utilisez un pré-processeur CSS

Un pré-processeur CSS est un outil qui vous permet d’écrire du CSS dans un langage différent, puis de le compiler en CSS. Les deux pré-processeurs CSS les plus populaires sont Sass et Less.

Dans ce tutoriel, nous utiliserons Sass. Pour utiliser Sass, vous devez d’abord installer l’outil de ligne de commande Sass. Pour cela, exécutez la commande suivante :

gem install sass

Une fois Sass installé, vous pouvez utiliser la commande suivante pour compiler un fichier Sass en CSS :

sass input.scss output.css

Remplacez input.scss par le nom de votre fichier Sass et output.css par le nom du fichier CSS que vous souhaitez créer.

Si vous souhaitez surveiller les modifications apportées à votre fichier Sass et les recompiler automatiquement en CSS, vous pouvez ajouter l’option --watch à la commande :

sass --watch input.scss:output.css

Vous pouvez également surveiller un répertoire Sass et produire une sortie dans un autre répertoire. C’est utile quand vous avez plusieurs fichiers Sass et que vous voulez gérer l’ensemble du processus avec une seule commande. Pour ce faire, vous devez séparer les deux répertoires par deux points :

sass --watch app/sass:public/stylesheets

Sass surveille en permanence tous les fichiers du dossier app/sass pour détecter toute modification, puis compile les fichiers CSS résultants dans le dossier public/stylesheets. N’hésitez pas à adapter les chemins d’accès aux dossiers en fonction de votre structure de dossiers spécifique.

Étape 8 : Utilisez l’API REST de WordPress

L’API REST de WordPress est un outil puissant qui vous permet d’interagir avec votre site WordPress en dehors de l’interface d’administration de WordPress.

L’API REST de WordPress peut être utilisée pour construire des solutions personnalisées pour votre site WordPress. Par exemple, vous pouvez utiliser l’API WordPress REST pour créer une application mobile pour votre site WordPress ou pour créer un tableau de bord personnalisé.

Pour commencer à utiliser l’API REST de WordPress, vous devrez vous interfacer avec elle via l’interface de ligne de commande de WordPress. Nous avons récemment publié un tutoriel sur la configuration de l’API REST de WordPress qui peut vous guider à travers chaque étape.

Étape 9 : Créez et suivez un guide de style

Un guide de style est un ensemble de directives pour le code et la conception de votre site WordPress. Un guide de style permet de s’assurer que votre code est cohérent et facile à lire.

Il existe un certain nombre de guides de style différents que vous pouvez utiliser pour votre projet WordPress. Nous vous recommandons d’utiliser les Normes de Codage de WordPress comme point de départ. Cependant, vous ferez probablement de nombreuses modifications et ajouts au fil du temps.

Normes de Codage WordPress dans le codex officiel de WordPress.
Normes de Codage WordPress dans le codex officiel de WordPress.

Tout guide de style que vous créez est susceptible d’être modifié en permanence. Mais le point important est qu’il fournit une collection définie d’étapes à suivre et de directives à suivre pour tous les développeurs de votre équipe.

Étape 10 : Mettez votre site en ligne

Une fois que vous avez terminé toutes les étapes ci-dessus, votre site WordPress est prêt à être mis en ligne. Si vous utilisez une extension de déploiement comme WP Pusher, ce processus est aussi simple que de pousser votre code vers votre dépôt Git distant.

Vous pouvez également le faire directement dans Kinsta, en allant dans MyKinsta > Sites, en sélectionnant votre site, puis en cliquant sur Actions d’environnement. De là, cliquez sur Pousser vers Live.

Pousser un site vers un serveur en direct en utilisant Kinsta.
Pousser un site vers un serveur en direct en utilisant Kinsta.

Ensuite, cochez la case à côté de Fichiers ou Base de données (pour cocher les deux), saisissez le nom du site, puis cliquez sur Pousser vers Live.

Si vous n’utilisez pas d’extension de déploiement ou Git, vous pouvez simplement exporter votre base de données WordPress depuis votre environnement de développement local et l’importer sur votre serveur live. Vous pouvez le faire en allant dans Outils > Exporter dans votre tableau de bord d’administration de WordPress.

Ensuite, sélectionnez Tout le contenu dans les options d’exportation et cliquez sur le bouton Télécharger le fichier d’exportation . Une fois que vous avez votre fichier de base de données, vous pouvez l’importer sur votre serveur en direct en allant dans Outils > Importer dans votre tableau de bord d’administration WordPress. Sélectionnez le fichier de base de données que vous venez d’exporter et cliquez sur le bouton Téléverser le fichier et importer .

Vous pouvez également transférer manuellement vos fichiers WordPress de votre environnement de développement local vers votre serveur live en utilisant un client SFTP comme FileZilla. Il vous suffit de vous connecter à votre serveur live à l’aide d’un FTP, puis de glisser-déposer vos fichiers WordPress dans le répertoire public_html.

Une fois que vous avez mis votre site WordPress en ligne, vous pouvez prendre votre temps pour tout tester et vous assurer que tout fonctionne comme il se doit.

C’est également le bon moment pour vous assurer que Kinsta AMP est en place et fonctionne correctement. Cet outil de surveillance des performances gardera un œil sur les performances de votre serveur et s’assurera que votre site fonctionne aussi vite que possible. Il vous fournit des informations et des mesures clés sur les performances de WordPress sans avoir à payer pour des abonnements tiers à d’autres services APM.

Kinsta AMP
Kinsta AMP.

Pour activer l’outil APM, connectez-vous à MyKinsta, choisissez le site que vous souhaitez surveiller, parcourez l’onglet APM de votre site et cliquez sur le bouton Activer APM. Vous pouvez lire la suite dans notre documentation.

Résumé

Comme vous pouvez le constater, il y a beaucoup de choses à faire pour créer correctement un flux de travail de développement WordPress. Mais en suivant ces étapes, vous vous assurerez que votre site WordPress est bien organisé, facile à gérer et fonctionne sans problème.

Et vous ne pouvez pas vous tromper en vous appuyant sur les produits Kinsta comme DevKinsta, le module d’Environnement de Staging Premium et Kinsta AMP. Ces outils rendront votre flux de travail de développement WordPress encore plus facile et plus efficace.

Et d’autres fonctionnalités de Kinsta, telles que les sites conteneurisés sur l’infrastructure GCP fonctionnant sur des machines C2 avec 37 centres de données disponibles, l’intégration premium avec Cloudflare pour un CDN haute performance qui sert votre site à partir de 260+ points de présence (PoP), la protection DDoS par pare-feu de niveau entreprise, le sécurité contre les logiciels malveillants, le cache edge, le changement de version PHP en un clic, et la surveillance du temps de fonctionnement (avec une garantie de temps de fonctionnement de 99 %), font en sorte que votre site web se lance rapidement, en toute sécurité, et qu’il est disponible de manière fiable sur Internet.

Vous avez des questions sur la création d’un flux de travail de développement WordPress? Faites-nous en part dans les commentaires ci-dessous!

Jeremy Holcombe Kinsta

Rédacteur en chef du contenu et du marketing chez Kinsta, développeur web WordPress et rédacteur de contenu. En dehors de WordPress, j'aime la plage, le golf et le cinéma. J'ai aussi des problèmes avec les personnes de grande taille ;).