A minimal boilerplate theme for WordPress using TailwindCSS, with PostCSS and Laravel Mix.
- Clone repo
git clone https://github.com/jeffreyvr/tailpress.git && cd tailpress - Run
rm -rf .gitto remove git - Run
npm install - Run
npm run development - Run
npm run watchto start developing
You will find the editable CSS and Javascript files within the /resources folder.
Before you use your theme in production, make sure you run npm run production.
TailPress comes with basic support for the block editor.
CSS-classes for alignment, background and text colors will be generated automatically. You can modify this within the tailwind.config.js file.
To make the editing experience within the block editor more in line with the front end styling, a editor-style.css is generated.
Four colors (primary, secondary, dark and light) are defined from the beginning. You can modify the colors in tailpress.json.
You can modify the font sizes within tailpress.json.
Tailwind CSS JIT is used to allow for fast compiling.
If you prefer to use the regular Tailwind CSS instead, you can change to that dependency in package.json as was done up to TailPress v0.0.7 (example).
Also make sure to you change the PostCSS plugins in webpack.mix.js (example).
By default, PurgeCSS is enabled. You can modify or disable it by changing the settings in the tailwind.config.js file. There are several PurgeCSS options.