How to compile Osclass theme with Gulp

Themes

Our Osclass themes are already well integrated and powerful. If you still want to customize them, they ship with all their sources files allowing you to recompile them. This tutorial will show you how to customize their design to fit your liking.

All our themes are using Gulp to generate their styles and scripts. This allows our themes to have only one file for styles and scripts that will speed up the loading of the theme and facilitate the support.

 Install node

Before playing with our theme you will need to install node. The installation depend of your operating system.

If you’re on mac, follow this link.
If you’re on windows, follow this link.
If you’re on ubuntu, follow this link.

Use Gulp for Osclass theme

Then if you want to update the styles or scripts of our theme you will need to run our Gulp file. To do this it’s really simple.

1. Go to the theme folder in command line.

2. Need to be done only one time

sudo npm install gulp -g 
sudo npm install bower -g 

3. Add all packages in the ‘node_modules’ folder

npm install

3. Download all dependencies

bower install

4. Run one of these commande lines

Remember that you will need to be in the theme folder to use the Gulp sytem.

If you want to build the styles and scripts once:

gulp build

If you want to run the compilation each time that you’re making a modification of a sass or scripts file:

gulp watch

One thought on “How to compile Osclass theme with Gulp

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s