Theme Development

The most comprehensive tutorial about WordPress Theme Development with Bootstrap and Material Design

Wordpress Logo
Bootstrap Logo
MDB Logo
  1. Creating a responsive, mobile-first website
  2. Stunning, modern design
  3. Easy to follow
  4. SEO friendly
  5. Free hosting
Get started Source code
#01: Environment (PHP/MySQL/WordPress)

In the following video, you will learn how to install PHP and MySQL using XAMP. Afterward, we will create a new instance of WordPress.

Get started

#02: Theme (Using CLI)

Once we have WordPress up and running locally we can create new theme. You can either create empty starter (without any CSS nor JS) or use predefined starters which comes with preinstalled MDB package.

In this section we will show you how to easily create WordPress theme with single command. (At the bottom of the page we will also show you two alternative ways to create an empty theme):

Get started

#03: Deployment

Using MDB CLI you can easily create and deploy WordPress. With a single command, your website will be published on the Internet.

Get started

#04: Blog Homepage

In the following video you will learn how:

  • Add custom styles to your theme
  • Import new libraries to your theme
  • Change configuration of your theme (add feature image support)
  • Use WordPress Loop
Get started

#05: Blog Post Page

In the following video you will learn how:

  • Create WordPress template hierarchy
  • Build WordPress loop for single posts
Get started

#06: WooCommerce Product Page

In the following video you will learn how:

  • Install WooCommerce
  • Add support for WooCommerce in our theme
  • Work and adjust WooCommerce hooks
  • Work and adjust WooCommerce templates
Get started

#07: WooCommerce ShopPage

In this tutorial we will learn how to create a WooCommerce shop page.

Get started