PressWind

Starter thème WordPress

basé sur TailwindCSS et ViteJS

GitHub Infos

TailwindCSS
ViteJS
Gutenberg

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 basé sur 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 16 min.) et donc de savoir faire fonctionner le terminal de votre machine.

Comment utiliser le thème PressWind

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 : WP-Performance/press-wind-fse

Clonez un des 2 repertoires 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

yarn
// ou
npm install

Lancer le mode dev en local (à la racine du thème)

yarn dev
// ou
npm run dev

Lancer la compilation pour la production

yarn build
// ou
npm run build

Vidéo sur PressWind