Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Publicado el: 15 diciembre 2020
en el canal de: 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

En esta página del sitio puede ver el video en línea Tailwind CSS v2.0 | Wordpress Theme Setup & Install de Duración hora minuto segunda en buena calidad , que subió el usuario codewithchu 15 diciembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 9,975 veces y le gustó 155 a los espectadores. Disfruta viendo!

76,213

1.3K