Tailwind Resources Logo Tailwind Resources
Wordpress Tailwind screenshot

Wordpress Tailwind

Author Avatar Theme by Knightspore
Updated: 28 Jul 2021
61 Stars

A Wordpress + TailwindCSS Starter Based on HTML5Blank Using Laravel Mix

Github

Overview:

The TailwindCSS Wordpress Starter is an extension of HTML5Blank that incorporates the use of TailwindCSS and Laravel Mix. It is designed to provide users with a blank Wordpress theme template that already has TailwindCSS installed. The purpose of this theme is to showcase how to create a TailwindCSS Wordpress theme on a blog.

Features:

  • TailwindCSS integration: The theme comes pre-installed with TailwindCSS, allowing users to easily leverage the utility-first CSS framework.
  • HTML5Blank extension: The theme is built upon the HTML5Blank theme, providing a solid foundation for Wordpress development.
  • Laravel Mix integration: Laravel Mix is integrated into the theme to handle asset compilation and bundling.

Installation:

To install the TailwindCSS Wordpress Starter theme, follow these steps:

  1. Using NPM:
npm install tailwindcss-wordpress-starter
  1. Using Yarn:
yarn add tailwindcss-wordpress-starter

After installing the theme, you can choose to generate readable assets by running the following command:

npm run dev

Alternatively, you can run a production build by executing the following command:

npm run prod

The assets will be built from the ./assets directory into the ./js/scripts.js and ./style.css files.

Summary:

The TailwindCSS Wordpress Starter theme is an HTML5Blank extension that provides users with a pre-installed TailwindCSS setup. It allows developers to create a TailwindCSS Wordpress theme and offers Laravel Mix integration for asset compilation. With its blank copy of HTML5Blank, developers can quickly start building their own customizable Wordpress themes using TailwindCSS.