Afin de pouvoir créer des plugin et des thèmes, nous avons besoin d’une version locale de WordPress. Nous allons installer l’outil DevKinsta pas à pas. Cela constitue la première étape de notre projet Développer un bloc pour Gutenberg. Installer en local WordPress avec DevKinsta.
DevKinsta est un outil installé en local qui permet de créer des sites WordPress en local. Kinsta a créé cet outil pour simplifier le travail de ceux qui hébergent chez Kinsta les applications, mais l’outil peut être utilisé sans avoir besoin d’un compte Kinsta.
Comment installer en local WordPress sur son poste avec DevKinsta afin de développer ses thèmes et ses plugins et pouvoir les tester ? C’est ce que nous allons faire maintenant.
Installer l’environnement DevKinsta pour WordPress en local
Nous allons sur le site de Kinsta pour télécharger DevKinsta.
Nous devons nous identifier et accepter la politique de confidentialité ainsi que le transfert de données vers Kinsta donc aux USA.
Nous choisissons la version correspondant à notre OS. Pour Mac, il y a 2 versions : la version Intel et la version Chip Apple. Un lien est proposé (1) pour savoir comment identifier le processeur de notre Mac.
Nous pouvons choisir la version qui correspond à notre machine Apple en (2) ou à un autre Système d’Exploitation en (3).
Le téléchargement installe (pour Mac) le fichier .dmg dans le répertoire Téléchargement.
Nous activons l’installation de l’application DevKinsta.
L’installeur de DevKinsta nous demande de télécharger Docker. DevKinsta crée un environnement autonome avec Docker pour la gestion locale des projets.
Installation de Docker pour héberger WordPress en local
L’installer de DevKinst nous dirige vers la page de docker desktop.
Nous nous retrouvons sur la page Docker prêt à télécharger Docker. Nous devons choisir la version correspondant à notre machine. En choisissant [Apple Chip] l’installation démarre.
Nous devons accepter l’installation pour continuer.
Le fichier .dmg est téléchargé dans notre répertoire Téléchargement.
Nous exécutons le .dmg pour lancer l’installation de Docker.
On valide l’acceptation des règles d’inscription de Docker
Nous acceptons les recommandations proposées par Docker pour l’installation.
L’installeur de Docker nous demande de qualifier notre usage de Docker afin de choisir une configuration adaptée.
Une fois Docker installé, nous avons le droit à une page nous permettant de découvrir Docker.
Nous relançons l’installation de DevKinsta grâce au bouton [Réessayer]
DevKinsta va maintenant charger l’image Docker de DevKinsta.
Lorsque DevKinsta a passé toutes les étapes, nous arrivons sur un bureau DevKinsta permettant de créer un projet.
Installer un projet WordPress en local
Nous pouvons maintenant créer des projets WordPress en local.
Nous avons un bouton réglage (1) permettant de configurer DevKinsta. En particulier cela permet de choisir le répertoire dans lequel seront installés les projets créés.
Nous choisissons l’outil de création personnalisé.
DevKinsta permet de choisir les paramètres de création des projets. Nous choisissons (1) de créer un projet WordPress. Nous donnons le nom de notre projet (2). Le dossier pour le projet (3) est défini conformément au choix que nous avons indiquer dans le réglage de DevKinsta à l’étape précédente (étape #18).
En local l’url portera l’extention .local (4). c’est cet url qu’il conviendra d’utiliser pour accéder à notre site WordPress en local.
Activer https, permet de retrouver la même configuration que ce que nous aurons en production (6).
Nous donnons ensuite le nom choisi pour l’administrateur de WordPress (7) ainsi que le mot de passe du compte (8).
Nous pouvons lancer la création du site (9).
Une fois le site créé, DevKinsta ouvre la page de description des informations du site. Nous mettons 2 images pour présenter toutes les informations.
Nous remarquons qu’il est possible d’activer WordPress en mode debug.
Sur le côté gauche de la page, nous avons le menu DevKinsta avec en partie hautes les informations liées au projet. Nous avons un icône (1) pour accéder à la boite aux lettre du compte utilisé pour l’administration du site.
Gestion locale de la boîte courriel utilisée par l’administration du site
Nous retrouvons le message envoyé lors de l’initialisation de WordPress (2).
DevKinsta permet de configurer des options utilisées pour créer chaque projet
Dans la partie basse du menu latéral de gauche, nous avons l’icône réglage permettant de définir les propriétés utilisées pour la création des projets.
Parmi les paramétrises nous avons les informations pour la connexion aux serveur Kinsta. N’ayant pas de projet hébergés chez DevKinsta, nous ne remplissons pas ces champs.
Nous pouvons définir les extensions à installer pour php. Nous laissons la proposition DevKinsta.
Au dessus de réglage dans le menu de la barre latérale gauche, nous avons un bouton (1) avec [?]. C’est un lien directe vers le site Kinsta pour obtenir de l’aide sur l’outil (2).
En haut de la barre latérale gauche nous avons accès à l’ensemble des projets. Pour l’instant nous avons un seul projet, celui que nous venons de créer.
Nous avons une vue donnant la liste des projets créés
Pour ce projet, nous avons 4 icônes permettant dé gérer le projet. Le bouton de droite permet de supprimer le projet, de le dupliquer ou de le renommer, mais aussi d’arrêter le site en local, ou d’accéder à la base de données.
Ouvrir le site c’est accéder au site depuis le navigateur par défaut.
Le dossier du projet
On peut ouvrir ici la page d’administration du site WordPress.
Le dossier de configuration du site permet de modifier php.ini
On peut aussi modifier le contenu du serveur frontal NginX
Nous avons un accès à la description de la base de données (1).
Vu du contenu de la base de données du site directement accessible.
L’installation de WordPress en local avec DevKinsta est terminée : nous avons accès à l’administration et la page index du site
A partir de la page de présentation du site, nous pouvons aussi accéder à la page d’administration WordPress
La page d’administration WordPress :
Accès à la page index du site
Ci-dessous la page Index générée par DevKinsa pour notre projet
Conclusion
Nous voyons que l’installation de WordPress est très simplifiée grâce à DevKinsta. En outre, nous avons la possibilité de créer plusieurs projets en partant d’une base unique grâce à l’option de clonage.