Episode 01 • Frontend Tips

Using Laravel Elixir With WordPress

In this episode of Frontend Tips I'm going to show you how you can use Laravel Elixir in your WordPress workflow, and also how to use it with LiveReload.

If you ever used Laravel framework for development you must have heard about Laravel Elixir. It is an abstraction layer for gulp.js which makes writing your basic gulp tasks super easy. Since it was made for Laravel, it works out of the box with that framework.

Wouldn't it be nice if we could have the power of Elixir on WordPress. Yes, it would you might say. And that is what we are going to be doing in this episode.

First we are going to install Laravel Elixir, then we are going to do some basic tasks with it, like compiling our .scss files. Then I'm going to show you how to use LiveReload with it. And finally how to prepare your files for production.

The result of all of this will be Elixir enabled theme which you can download from the link below.

Download Elixir Theme

Download it here

  • Episode 01 • Duration 23:08

    Using Laravel Elixir With WordPress

  • Episode 02 • Duration 16:13

    Introduction To CSS Grids

  • Episode 03 • Duration 24:47

    Introduction to Pattern Lab

  • Episode 04 • Duration 16:56

    Smashing Magazine + Netlify. What's the Big Deal?

  • Episode 05 • Duration 16:34

    CSS Grid Layouts - One Third + Two Thirds

  • Episode 01 • Duration 23:08

    Using Laravel Elixir With WordPress

  • Episode 02 • Duration 16:13

    Introduction To CSS Grids

  • Episode 03 • Duration 24:47

    Introduction to Pattern Lab

  • Episode 04 • Duration 16:56

    Smashing Magazine + Netlify. What's the Big Deal?

  • Episode 05 • Duration 16:34

    CSS Grid Layouts - One Third + Two Thirds