Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Veröffentlicht am: 15 Dezember 2020
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Tailwind CSS v2.0 | Wordpress Theme Setup & Install mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer codewithchu 15 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 9,975 Mal angesehen und es wurde von 155 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

12,487

385