Bootstrap WordPress tutorial - how to build a responsive theme

Learn WordPress with us

What comes out of integration Material Design and Bootstrap? A powerful and beautiful framework - MDB. Imagine what could happen when we combine MDB with the most common blogging platform in the world - WordPress? That would be outstanding!

In these tutorials, we will teach you how to build elegant and responsive web pages like a blog, e-commerce, landing page, etc. This comprehensive tutorial contains everything you need to know about WordPress Theme development, starting with setting the environment, through WordPress installation and configuration, setting up theme construction and development including custom widgets and functions. The tutorial is divided into multiple lessons. If you are new, you should start from the very first lesson, however, if you already have some experience you can start with more advanced lessons.

What you are going to create:

Blog

Live preview

E-commerce

Live preview

What will you learn:

Together with Bootstrap, you will also learn many other powerful and useful technologies.

WordPress

Material Design for Bootstrap

HTML

CSS

Bootstrap 4

JavaScript

PHP

Web Design / UI / UX theory

If you want to get more excited and see what possibilities MDB offers you, you can read more about it here:

More about MDB

Or you can jump directly into the tutorial and start to create some amazing things right now!

Below you can find a detailed list of tutorials and their content.

If you are an advanced user - you can choose the lesson you want to start.

If you are a beginner - click the green button below, to start a tutorial with the recommended path.

Start Tutorial

Start the course

Each of the following lessons will progressively guide you on your Bootstrap journey and will familiarize you with the most important web development aspects.

I. Environment Start

II. Theme creation Start

III. Blog Start

IV. Woocommerce Start

Next lesson

Spread the word:

Do you need help? Use our support forum

About the author

Dawid Adach

For more than 5 years Dawid worked as an IT Consultant specializing in SOA/EAI/ESB in the banking domain. He gained experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the most prestigious companies. Since co-founding mdbootstrap.com & brandflow.net in 2016 he has been using and teaching technologies such as Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...