Installation du thème
Pour commencer, installez et configurez Wordpress dans votre environnement local (serveur php, serveur mysql etc). Assurez vous également de pouvoir éxucter Node.
Ensuite, installez le plugin ACF Pro qui est requis pour les contenus fléxibles. Cela nous permettra d'ajouter dynamiquement des contenus dans les composants de nos pages.
Pour rappel : configuration requise.
Pour finir, téléchargez le thème et lancez son installation :
- Clonez le repo (le dossier du thème) dans votre dossier "themes", dans votre arboréscence :
<votre-projet>/wp-content/themes/(si vous commencez un nouveau projet, vous pouvez renommer le dossier du thème en question) - Clonez le plugin ACF Pro dans votre arboréscence :
<votre-projet>/wp-content/plugins/
Si vous partez d'un repo Gitlab SNCF d'un projet existant, vous aurez une architecture docker contenant le thème dans ses volumes <votre-projet>/wp-content/themes/<votre-projet>
- Naviguez dans le dossier du thème, et effectuer ces commandes dans votre terminal :
npm install
npm run build
Usage
Pour un flux de travail de développement efficace, il est recommandé d’exécuter l’observateur de fichiers. Cela mettra automatiquement à jour les dépendances utilisées par le navigateur lors de la modification d'un fichier.
Démarrez l'observateur de fichiers avec la commande suivante :
npm run start
Déploiement
Avant de déployer votre thème dans un environnement en ligne, arrêtez l'observateur de fichiers et "buildez" votre projet afin d'optimiser le thème et toute ces ressources. Cela va, entre autre, générer un dossier dist contenant les ressources compilées et compressées.
Générez une version prête à livrer avec la commande suivante :
npm run build
Ressources
- Npm docs : docs.npmjs.com
- Github Flynt Wp : Flynt Wp