Create a Responsive WordPress Theme – Video Tutorial – 3

Written by Jai
Published On June 10, 2015
204 Comments Leave a Comment

how-to-make-responsive-wordpress-theme-3This is the third part of the Video Tutorial Series on How to Create a Responsive WordPress Theme using the Bootstrap Framework. In this part, I have demonstrated how to create a full width parallax image section, a recent blog posts section and a footer. An updated zip file with the related theme files are available for download at the end of this post. All the code is responsive and works properly with smaller devices.

Watch the Video

Watch Previous Parts of this Video Series

Create a Responsive WordPress Theme – Video Tutorial – 2
Create a Responsive WordPress Theme – Video Tutorial – 1

Download the Tutorial Files

Download the Files

What Next?

Very soon I will doing the last and final video for this tutorial series. In the final video, I will be teaching how to build the inner page templates and the blog. Let me know if you have any questions from the video or want to include anything else in the next video. All your feedback is welcome.

About Jai

I am a blogger and a web designer.

204 replies on “Create a Responsive WordPress Theme – Video Tutorial – 3”

osama shk Reply

I’ve been searching for some decent stuff on the subject and haven’t had any luck up until this point, You just got a new biggest fan!.

osama shk Reply

Superbly written article, if only all bloggers offered the same content as you, the internet would be a far better place..

osamssa shk Reply

I appreciate everything you have added to my knowledge base.Admiring the time and effort you put into your blog and detailed information you offer.Thanks.

osama shkss Reply

This is very educational content and written well for a change. It’s nice to see that some people still understand how to write a quality post.!

SSosama shk Reply

I really enjoyed reading this post, big fan. Keep up the good work and please tell me when can you publish more articles or where can I read more on the subject?

osamas shk Reply

Good post but I was wondering if you could write a litter more on this subject? I’d be very thankful if you could elaborate a little bit further. Appreciate it!

osama shk Reply

I’ve been searching for some decent stuff on the subject and haven’t had any luck up until this point, You just got a new biggest fan!..

osasma shk Reply

I really loved reading your blog. It was very well authored and easy to understand. Unlike other blogs I have read which are really not that good.Thanks alot!

travelers within Reply

I am hoping the same best effort from you in the future as well. In fact your creative writing skills has inspired me.

coca Reply

This is a great article, with a lot of information in it, These types of articles make users interested in your site. Keep sharing more of the better posts! Thanks!

survivalgamingzone Reply

thanks for your post i have found the information that i want on your blog its such a nice theme .
thanks for your infomative post .

Henry Knight Reply

Wow, That’s a great review you’ve built here, very happy because i got notified and learnt new stuffs too. Thanks for share.

Gidi50 Reply

Wow! Such an amazing and helpful post this is. I really really love it. It’s so good and so awesome. I am just amazed.

Dalian Huagong Innovation Technology Co., LTD. Reply

this is the best tutorial on WordPress responsive theme .It’s worth learning

JaiBy Post Author Reply

Hi Bianca, I use emmet (similar to zen coding) for quickly writing code. Also, you can use snippet maker to store reusable snippets of code to use in your projects.

Red Reply

Really interesting to watch your process – thank you for going into such detail. Looking forward to the last tutorial!

Leave a Reply

Your email address will not be published. Required fields are marked *