(It does come in handy, though, if you want to do some rapid prototyping or otherwise experiment with Tailwind without actually installing it or setting up a build process.) Tailwind offers a “ Play CDN,” but it’s not meant for production, as it significantly reduces Tailwind’s performance benefits. With all of its utility classes included, the generated CSS file would simply be too large. These properties allow for highly optimized sites without pushing developers towards an aesthetic built into the framework itself.Īlso unlike many other CSS frameworks, it’s infeasible to load a “standard” build of Tailwind CSS from an existing CDN.

(Think classes like hidden for display: hidden or uppercase for text-transform: uppercase.) If you’ve used frameworks like Bootstrap and Foundation in the past, the biggest difference you’ll find with Tailwind CSS is its blank-slate approach to design combined with the lightness of being CSS-only, with just a CSS reset included by default. Tailwind allows you to style HTML elements using pre-existing utility classes, removing the need for you to write most or all of your site’s CSS yourself. Why WordPress developers should care about Tailwindīefore we talk about setup, it’s worth stepping back and discussing how Tailwind works and what that means in a WordPress context. This approach can be extended to work with all kinds of WordPress themes, from a forked default theme to something totally custom. The minimal setup example in this article aims to provide an update to that original setup repository, revised to work with the latest versions of both Tailwind and WordPress. By allowing Tailwind to do what Tailwind does best while letting WordPress still be WordPress, it’s possible to take advantage of the best parts of both platforms and build modern websites in less time.

But that lack of updates isn’t a statement on Tailwind’s utility to WordPress developers. That repository hasn’t been updated since 2019. When I began working with Tailwind, there was an up-to-date, first-party repository on GitHub describing how to use Tailwind with WordPress. In the 15 or so years since I started making WordPress websites, nothing has had more of an impact on my productivity - and my ability to enjoy front-end development - than adding Tailwind CSS to my workflow (and it isn’t close).

Add slideshow to wordpress theme 2017