Création d'un thème WordPress avec Sage de Roots.io

Dans cet article, je vais vous montrer comment installer le starter thème Sage de Roots.io. C’est pour moi le meilleur que j’ai pu tester et il serait difficile de faire marche arrière. Si vous souhaitez en savoir plus sur les avantages de ce starter, cliquez ici.

I - Environnement

Pour commencer, nous allons avoir besoin d’un terminal ainsi que d’un serveur local. Pour ma part j’utilise Varying Vagrant Vagrants. Il me permet de pouvoir gérer mes différentes instances de site web avec le terminal. Pour en savoir plus, cliquez sur ce lien.

II - Mise en place du thème

Téléchargez ensuite le zip du thème Sage https://github.com/roots/sage/releases/tag/8.5.3 puis placez-le dans votre dossier thème de votre site. Dézippez-le puis installez-le depuis votre administration > apparences > thèmes. Pour accéder à l’administration de votre WordPress, vos identifiants sont automatiquement créés : User : admin Mdp : password

III - Installation

Sage utilise différentes librairies qui vont constituer votre environnement de travail. Installez donc npm. C’est un gestionnaire de packages. Il va nous permettre d’installer les autres librairies. Ouvrez ensuite votre terminal et positionnez-vous à la racine de votre thème et lancez les lignes suivantes.

npm install

npm install bower

Bower est également un gestionnaire de packages.

bower install

npm install gulp

Gulp est un compilateur CSS. Vous pourrez donc utiliser Sass ou bien Less. De plus, il permet de synchroniser les modifications avec le navigateur. Dès que vous enregistrez une modification CSS, elle se met automatiquement à jour sur le site.

gulp && gulp watch

Votre thème est prêt.