Initial structure

by Dawid Adach,

Final result preview
Live preview

Once we have created our Full Page Image Carousel using this tutorial we can move on to more interesting and complicated compositions using MDB and WP. This time we will create a website where posts will be displayed in 2 forms. As a half-carousel in top part of the site as well as cards in the bottom. You can check final result here

As a baseline we will use slightly adjusted code from previous tutorial which includes Navbar, Footer, Single post page and Widgets. If you want to know how to create them from scratch I suggest to follow previous tutorials. To start with, download following theme and place it under wp-content/themes directory.

Once you install and activate theme, your main page should have contains only navbar and footer and look like this:

Baseline code

Now we are ready to start adjusting our theme and create new features

If something doesn’t work as expected, you can download a final code for this lesson here:

Previous Tutorial Download Live preview Next lesson

Do you want to share?

Facebook Twitter Google +

About author

Dawid Adach

For more than 5 years Dawid was working as an IT Consultant specializing in SOA/EAI/ESB for banking domain. He was gaining experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the biggest companies within a domain. Since 2 years as a co-founder of & is using and teaching others technologies like Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...

Leave a reply

Join MDB Affiliate Program

Get 30% profit from each sale

You earn 30% commission on affiliate sales, when a product is bought by a customer you referred, you will receive a 30% share.

Join us