PressWind
Starter thème WordPress
basé sur TailwindCSS et ViteJS
TailwindCSS
ViteJS
Gutenberg
Nouveau depuis la version 2.0
Vous devez obligatoirement installer le plugin « Presswind Helpers »
https://github.com/WP-Performance/presswind-helpers
Bientôt disponible dans le répertoire des plugins WordPress.
Outils de développement modernes
Lancez la commande npm run dev
dans votre terminal et vous n’avez plus qu’a vous occuper de développer.
Tout est déjà configuré.
Déployez des fichiers optimisés
ViteJS s’occupe de compiler et d’optimiser vos fichiers de production.
Lancez la commande npm run build
et c’est tout.
Un starter theme WordPress compatible Gutenberg qui fonctionne avec TailwindCSS et ViteJS.
Attention, c’est un starter theme, pas un thème prêt à être utilisé. Il est destiné aux développeurs qui maîtrisent les outils proposés dans le projet.
Un starter theme ?
Un starter theme est un code basique qui vous permet de partir d’une base pour démarrer rapidement un projet.
Tout est déjà configuré pour être utilisé.
Il vous reste juste à cloner le repository, installer les dépendances et coder.
Fonctionnement et dépendances
Le starter théme utilise :
- TailwindCSS ou Lightningcss
- ViteJS
- PostCSS (pas nécessaire avec LightningCSS)
Pour l’utiliser sur votre machine, il est nécessaire d’avoir NodeJS (version 18 min.) et donc de savoir faire fonctionner le terminal de votre machine.
Comment utiliser le thème PressWind
Vous devez obligatoirement installer le plugin « Presswind Helpers » : https://github.com/WP-Performance/presswind-helpers
Bientôt disponible dans le répertoire des plugins WordPress.
Le starter theme est disponible sur Github sous licence MIT.
Vous pouvez l’utiliser comme bon vous semble. Vous pouvez également soumettre des PR pour améliorer le code.
À noter que le thème de ce site est basé sur PressWind FSE.
Version classique : WP-Performance/press-wind
Version Full Site Editing sur la branche FSE
Clonez le repertoire et c’est parti !
Principales commandes
Important ! Déclarer l’environnement dans le fichier wp-config.php
pour charger les bonnes dépendances.
Par défaut, WP_ENV est en mode development
// for dev
define('WP_ENV', 'development');
// for production
define('WP_ENV', 'production');
Installer les dépendances
npm install
Lancer le mode dev en local (à la racine du thème)
npm run dev
Lancer la compilation pour la production
npm run build