WordPress Themes Blog Oh! Blog

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.

  1. Emmanuel ogbe left a comment on November 12, 2017 at 10:38 am |

    This is one of the best tutorials that I have ever come across.

  2. Rolling Sky left a comment on April 10, 2017 at 1:55 am |

    That’s great, thanks for sharing this video. it’s useful for me in order to create wordpress.

  3. AE left a comment on January 19, 2017 at 7:40 am |

    This is very useful, thank you. Please make the last tutorial very soon. Thank you.

  4. Rani left a comment on August 10, 2016 at 8:36 am |

    Responsive theme is must. Thanks so much.

  5. Dale left a comment on July 12, 2016 at 9:51 am |

    Well done man keep it going!

  6. Ryan left a comment on June 9, 2016 at 3:56 pm |

    waiting for the final video number 4. please upload. Cheers!!

  7. tamir left a comment on May 27, 2016 at 9:27 am |

    okey nice tanks alot

  8. jam tangan murah online left a comment on June 22, 2015 at 6:35 pm |

    great job, i love this video

  9. Bianca Hansen left a comment on June 22, 2015 at 3:48 pm |

    Oh, there’s something I want to ask you! Wich Sublime Text plugins you find important to program WordPress + Bootstrap? I’m new to Sublime, and I can’t find the plugins you used on the videos. They made it all seem so easy *lol*

    Could you help me with that, please?

    Thank you soo much!

    • Jai left a comment on June 22, 2015 at 3:54 pm |

      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.

  10. Bianca Hansen left a comment on June 22, 2015 at 3:22 pm |

    I’m really looking forward to see the next part! You’re awesome!

  11. Jai left a comment on June 22, 2015 at 3:08 pm |

    The final tutorial will be up soon.

  12. Red left a comment on June 22, 2015 at 1:27 pm |

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

Leave a Comment to Anonymous

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

What Others Say

BannerJai was awesome to work with. A port of an ASPX/HTML site to Wordpress went seamlessly, and his recreation of our look and feel were fantastic - Kevin Webster

BannerJai is a talented, creative and an enthusiastic web developer who has worked consistently to deliver high quality websites for my businesses - James Eccles

  •   Let’s Talk

    "Thank you for visiting my website! In order to start a project with me, please send me information on your project so I can figure out how best to help you."

    "After your initial contact, I’ll schedule a quick one-on-one session via Skype to review the project and get to know you."
     Request a Quote
  Leave Feedback   Custom Website

Leave a Feedback

Tell Me About Your Project