Adding the Bootstrap Grid system to WordPress

This tutorial will go over how to add the Bootstrap Grid system to our WordPress starter theme. This will make our WordPress theme responsive and also get our sidebar positioned correctly. You will also learn how to add the grid system to full width pages and every other page that is included with our starter theme out-of-box.

You need to have an active subscription to view this content.

Register Here!

Adding Bootstrap menu to WordPress theme

This tutorial goes over how to create and add the Bootstrap navbar or menu to WordPress. The first step is to add a custom Walker menu to create the Bootstrap menu for the WordPress theme. We will then go over how to add the custom menu to the header of our WordPress theme and some minor customization options. You will also learn how make sure the menu has all the markup needed to be responsive and support child menu items.

You need to have an active subscription to view this content.

Register Here!

Adding Font Awesome to WordPress

This tutorial will go over how to add Font Awesome to our WordPress theme. Bootstrap comes with around 200 Glyphicons, but sometimes that just isn't enough! Font Awesome also includes some great styles to use the icons in unordered list, stack them, rotate them, and use throughout our Bootstrap mark-up. Follow along to add Font Awesome to your WordPress theme.

You need to have an active subscription to view this content.

Register Here!

Installing the starter theme and getting ready for local development

Short video that goes over how to install your Underscores.me starter theme into your local wp-content/themes directory. We then go to WPTest.io and download an XML file that will upload all kinds of test content into your local development environment. You should now have your blank starter theme with all the WPTest.io filler content ready to go.

Now it is time to start integrating Bootstrap within the starter WordPress theme and start creating your premium theme!

Read More

Overview of the Underscores.me starter WordPress theme files

We put together a short video that goes over the files included in the starter theme we will be using to build our premium WordPress themes. Underscores.me includes all the files you need to start development on a WordPress theme. The video below briefly describes the included files and how they are used. We will dig deeper into each file and how they work as we build out different pages and functionality.

Read More

Turning the starter theme into our Premium WordPress theme

This is a quick video that briefly goes over our plans with this course. The end goal is to take our starter theme from Underscorces.me and turn it into one of our most popular WordPress themes, StrapPress. Once we have the base of StrapPress built, we will start adding other features and styles. This will be similar to the themes over at GentsThemes.com.

Read More

Downloading the Underscores.me WordPress Theme

Our tutorials are going to use Underscores.me as the starter theme for our tutorials on building a premium WordPress theme. Couple reasons why we picked to use this theme:

  • includes HTML5 markup
  • very minimal, which is good since we will be learning, customizing, and adding features
  • GPL license, so we can do whatever we want with it
  • tons of smart people have contributed to it – so it’s a no brainer..

The video below goes over how to Download the theme. Pretty simple, but a necessary step to get up and running. 

Read More