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.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)