Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Published: 15 December 2020
on channel: codewithchu

9,975

155

Install Tailwind Css v2.0 to your Wordpress Theme.

In this video we'll install Laravel Mix with npm to add webpack, sass pre-processor, hot live refresh with BrowserSync and Tailwindcss v2.0. This will greatly improve the frontend development setup on a vanilla Wordpress Theme.

Github Source
https://github.com/codewithchu/tailwi...

Video Sections:
00:00 Overview
03:48 Wordpress Theme
04:52 Install Laravel Mix
07:45 Install TailwindCss v2 Compatibility Build
10:23 Tailwind Source Css File
12:19 Tailwind Config
16:40 Laravel Mix Config
19:20 BrowerSync
21:00 Add built css file to Theme
23:05 Test TailwindCss Utility Classes
25:33 Build for Production
26:24 Recap
27:25 Outro

Subscribe and Learn to codewithchu
   / @codewithchu

MacOS Tutorial Series
   • macOS Web Development Setup

Resources
--------------------------------------------------------------
Wordpress - https://wordpress.org
Laravel Mix - https://laravel-mix.com
TailwindCss - https://tailwindcss.com
Laravel Valet - https://laravel.com/docs/8.x/valet
PHP - https://www.php.net
MySQL - https://www.mysql.com
Composer https://getcomposer.org
NodeJs - .https://nodejs.org
VScode - https://code.visualstudio.com

Connect with codewithchu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu
  / codewithchu
  / codewithchu
https://github.com/codewithchu

On this page of the site you can watch the video online Tailwind CSS v2.0 | Wordpress Theme Setup & Install with a duration of hours minute second in good quality, which was uploaded by the user codewithchu 15 December 2020, share the link with friends and acquaintances, this video has already been watched 9,975 times on youtube and it was liked by 155 viewers. Enjoy your viewing!

216