Book Image

Less Web Development Cookbook

Book Image

Less Web Development Cookbook

Overview of this book

Table of Contents (19 chapters)
Less Web Development Cookbook
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Building a WordPress website with the JBST theme


The JBST WordPress theme that can be found at https://wordpress.org/themes/jbst/. It can be used as a starter to build your own custom theme. JBST has been built with Bootstrap and has a built-in Less compiler.

Getting ready

Install and activate the JBST theme. Log in to the WordPress Dashboard of your demo website, choose Appearance | Theme Options and then New, and search for JBST. After installing the theme, your website will look like the following screenshot:

How to do it…

  1. Download the Bearpaw @font-face kit from http://www.fontsquirrel.com/fonts/Bearpaw. Unzip this file and copy the BEARPAW_-webfont.ttf, BEARPAW_-webfont.eot BEARPAW_-webfont.woff and BEARPAW_-webfont.svg font files into the wp-content/themes/jbst/assets/fonts directory.

  2. Go to your WordPress Dashboard, choose Appearance | Less Compiler, and enter the following Less code into the text area:

    @custom-font-dir:"../themes/jbst/assets/fonts/";
    .include-custom-font('Bearpaw','BEARPAW_...