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. lindagist left a comment on December 6, 2018 at 7:50 am |

    I love the video too. Nice teaching

  2. Fakazulu.com left a comment on November 26, 2018 at 2:27 pm |
  3. Fakazulu.com left a comment on November 26, 2018 at 2:19 pm |

    Nice post thanks for sharing

  4. hypehopza left a comment on October 29, 2018 at 4:25 pm |
  5. Garageband for Android left a comment on June 23, 2018 at 2:44 am |

    May I simply just say what a comfort to discover someone that actually knows what they’re talking about online. You certainly understand how to bring an issue to light and make it important. More and more people must check this out and understand this side of the story. I can’t believe you’re not more popular because you surely possess the gift. Garageband for PC Download Windows (8, 7, 8.1, 10) – Are you music professional? If that’s the case, then Garageband is the right program for you. Though it was developed by APPLE, still you can use this app to write your music via effective use of Garageband – https://garagebandforpcc.com/

  6. fatomiluyi olalekan left a comment on June 22, 2018 at 6:07 am |

    very interesting video… thanks for sharing

  7. Dalian Huagong Innovation Technology Co., LTD. left a comment on May 27, 2018 at 6:45 pm |

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

  8. Sexy lover left a comment on March 19, 2018 at 6:58 am |

    This tutorial was actually a hit check out how I used it on https://myway.ng I love the absolute responsiveness

  9. Sexy lover left a comment on March 19, 2018 at 6:57 am |

    This tutorial was actually a hit check out how I used it on https://my way.ng

  10. Sexy tanya left a comment on March 19, 2018 at 6:55 am |

    I actually love this I need to implement what I learn on this blog to my new site https://tipsrush.com and them come back for testimonies

  11. Pablo Escobar left a comment on March 19, 2018 at 6:53 am |

    Wow this is the best tutorial on WordPress responsive theme , actually love it and its a hit

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

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

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

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

    Responsive theme is must. Thanks so much.

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

    Well done man keep it going!

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

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

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

    okey nice tanks alot

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

    great job, i love this video

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

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

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

    The final tutorial will be up soon.

  23. 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
Need a Custom Website?

Leave a Feedback

Tell Me About Your Project