In this tutorial we're going to look into how we can use https://tailwindcss.com/ in your WordPress theme. If you don't already know Tailwind CSS is a highly customisable utility first CSS.

Normal WordPress theme development doesn't tend to use modern frontend development techniques such as https://www.npmjs.com/ and https://webpack.js.org/. In this tutorial we're going to setup our WordPress theme to use webpack to compile our CSS file which will use Tailwind with https://postcss.org/.

This will build you a new style.css file that WordPress can use on your theme.
Newsletter

Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week

Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge. Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge.
Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Shirts painstakingly handcrafted by under-caffeinated developers. Shirts painstakingly handcrafted by under-caffeinated developers.
Community Partners