PressWind

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 :

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

Vidéo sur PressWind