Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Source Code for Setup and Install Tailwindcss v2.0 on your Wordpress Theme from CodeWithChu YouTube Channel.

This is using the default twentyseventeen wordpress theme as the base. Adding Laravel Mix as a webpack wrapper. Installing Tailwind Css v2.0 using the PostCSS 7 Compatibility build with Sass and BrowserSync

Install

clone repo into the wordpress themes directory /wp-content/themes/

npm install

NPM Scripts

# Build for Dev
npm run dev
npm run watch

# Build for Production
npm run prod

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
assets		assets
inc		inc
src		src
template-parts		template-parts
.env.example		.env.example
.gitignore		.gitignore
404.php		404.php
README.md		README.md
app.css		app.css
app.js		app.js
archive.php		archive.php
comments.php		comments.php
footer.php		footer.php
front-page.php		front-page.php
functions.php		functions.php
header.php		header.php
index.php		index.php
mix-manifest.json		mix-manifest.json
package-lock.json		package-lock.json
package.json		package.json
page.php		page.php
readme.txt		readme.txt
rtl.css		rtl.css
screenshot.png		screenshot.png
search.php		search.php
searchform.php		searchform.php
sidebar.php		sidebar.php
single.php		single.php
style.css		style.css
tailwind.config.js		tailwind.config.js
webpack.mix.js		webpack.mix.js

codewithchu/tailwindcss-v2-wp-theme

Folders and files

Latest commit

History

Repository files navigation

Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Install

NPM Scripts

connect with @codewithchu

About

Topics

Resources

Stars

Watchers

Forks

Languages