Warning: session_start(): open(/var/lib/php/fpm/session/sess_rma8n5f22k8batt88v52445crk, O_RDWR) failed: No such file or directory (2) in /var/www/acc01/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/acc01/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Notice: Undefined index: HTTP_REFERER in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
Bootstrap WordPress tutorial - how to build a responsive theme - Material Design for Bootstrap

Bootstrap WordPress tutorial – building a responsive theme

web
mobile

Notice: Uninitialized string offset: 1066 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1068 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1066 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1068 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1068 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1065 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1068 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1066 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1065 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1064 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1065 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1067 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Uninitialized string offset: 1068 in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115

Notice: Trying to get property 'priority' of non-object in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/utils/class-tutorial-next-previous-buttons.php on line 115
wordpress tutorial

Author: Dawid Adach

-

Streaming now live

HTML, CSS - free educational webinar for your quarantaine.

WATCH NOW

Free live lesson

Learn HTML, CSS & JavaScript fundamentals. Join now, and don't miss the livestream.

JOIN NOW

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:

What will you learn:

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

gulp logo
WordPress
material design for bootstrap logo
Material Design for Bootstrap
html logo
HTML
css logo
CSS
gulp logo
Bootstrap 4
javascript logo
JavaScript
php logo
PHP
web design logo
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


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...