Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Pubblicato il: 15 dicembre 2020
sul canale di: 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

In questa pagina del sito puoi guardare il video online Tailwind CSS v2.0 | Wordpress Theme Setup & Install della durata di ore minuti seconda in buona qualità , che l'utente ha caricato codewithchu 15 dicembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 9,975 volte e gli è piaciuto 155 spettatori. Buona visione!

12,487

385