I have been working as WordPress developer for a while, and I have to say that Sage is a great Wordpress Starter Theme to work it. The starter theme includes Bootstrap 4, Foundation… out of the box, and you can even integrate the other front end framework if you want to.

And now, Sage 9 includes Webpack! What a bang for a buck, although it’s free ;)

Today, I will show you how to integrate UIkit framework to Sage 9. If you want to use Sage 8.53, please read this post: My Favourite WordPress Starter for Custom Theme Development

If you want to use it right away, I have created a WordPress Starter on Github. You just need to clone the project and start working on it :)

Step 1: You need to install WordPress

Step 2: Go to your themes folder and start to install Sage theme

composer create-project roots/sage your-theme-name

Remember to choose NONE, when it asks for which framework you want to use.

Step 3: Install UIkit

yarn install uikit

Step 4: Add UIkit style sheet

Step 4: Add UiKit scripts and Icons

// resources/assets/scripts/main.js import UIkit from 'uikit';

import Icons from 'uikit/dist/js/uikit-icons'; // loads the Icon plugin

UIkit.use(Icons);

Step 5: From now, happy WordPress development!

yarn && yarn build

And don’t forget to use git for your project ;)

Here is the repository for the boilerplate: https://github.com/dalenguyen/wordpress-sage-9-uikit-starter