Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Опубликовано: 15 Декабрь 2020
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн Tailwind CSS v2.0 | Wordpress Theme Setup & Install длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь codewithchu 15 Декабрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 9,975 раз и оно понравилось 155 зрителям. Приятного просмотра!

76,213

1.3 тыс