Introducing branch, a starter theme for WordPress


Ever since I discovered Timber library for WordPress, I’ve become fond of it. It makes developing themes a breeze and cuts development time straight to half. In this article we’ll learn more about branch, a starter theme built using Timber library.

Enter branch

branch is a Bootstrap based responsive starter theme with the goodness of Timber.

Features

  • Responsive
  • Uses Timber library
  • Uses Less
  • NPM as package manager
  • Integrated with Grunt build tool

Installation and Usage

To get started

  • Clone the repo into the themes directory of your WordPress installation:git clone https://github.com/JeyKeu/branch.git your-theme-name
  • Change to the your-theme-name directory
  • Remove the .git directory and run git init to initialize your own git repo
  • Open up style.css and modify theme name and other details to your liking

branch is a standard WordPress theme. Use style.css to define your theme

  • Edit grunt/open.js and replace http://localhost to match your WordPress installation URL.
  • Make sure you have nodejs installed and run npm install
  • grunt watch

You write all your css in less from less/site.less and is already compiled and referenced in your style.css out-of-the-box. So as long as grunt watch is running and you make any changes, they are compiled, merged and minified into css/all.min.css

Do give it a shot and if you like it do star the repository on GitHub and also don’t forget to tell your friends about it.

 

As Bootstrap 4 was released months ago, an update is due one me and its about of time when I can update it to the latest Bootstrap. If you are willing please send a pull request, I’ll be more than happy to take any help.

, , ,

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.