WordPress Themes Blog Oh! Blog

Share on Facebook8Tweet about this on TwitterShare on Google+0Pin on Pinterest1Share on LinkedIn1

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.

Share on Facebook8Tweet about this on TwitterShare on Google+0Pin on Pinterest1Share on LinkedIn1
  1. Pendragon left a comment on November 16, 2017 at 8:20 am |

    Nice one… See something New Here

  2. MMM left a comment on November 15, 2017 at 8:11 pm |

    Wow, This Nice
    Mp3 Download

  3. lola left a comment on November 14, 2017 at 5:55 pm |

    I love this blog, you can check my Music blog if you like.. Thanks

  4. Emmanuel ogbe left a comment on November 14, 2017 at 1:49 pm |

    Infocabal really gives you thumbsup to this awesome video

  5. Emmanuel ogbe left a comment on November 14, 2017 at 1:42 pm |

    This is the best tutorial that I have come across.
    years back, I have tried searching for the best way to set up a WordPress theme but I always get halfway while trying. with this tutorial video, I have really learnt lots from it.

    thanks for sharing this great work.

  6. NA ME NA ME left a comment on November 13, 2017 at 11:28 am |

    good way of explanatory…..Thanks for the visal

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

  8. Prince Adewaley left a comment on November 3, 2017 at 1:13 am |

    Am glad you take you time to share this tutorial for us Check Out m Blog Here
    nternational Scholasrhip News

  9. ScholarshipGist left a comment on November 3, 2017 at 1:08 am |

    Thanks For the Awesome Post, I really Love this Latest Educational Updates

  10. Myedujobnews Official left a comment on November 3, 2017 at 1:04 am |

    Wow.. i really Love this, Thank you for creating a tutorial like this for us a href=”https://www.myedujobnews.net”>Latest Educational Updates

  11. kenny left a comment on November 2, 2017 at 5:30 pm |

    nice one……i love the visual

  12. mp3 download left a comment on November 1, 2017 at 2:48 am |

    this is so nice Naija Music Download

  13. Gurusvevo left a comment on October 24, 2017 at 7:33 pm |

    I appreciate you for this wonderful tutorial. Mp3 Download

  14. 360JAMS left a comment on October 18, 2017 at 1:42 am |

    Much love 360jams appreciates

  15. Prosperity Kenneth left a comment on October 18, 2017 at 1:41 am |

    Awesome tutorial. cybergeak appreciates.

  16. Prosperity Kenneth left a comment on October 18, 2017 at 1:39 am |

    Awesome. Cybergeak appreciates.

  17. kenny left a comment on September 25, 2017 at 9:18 pm |

    wow nice update

  18. TVSeriesNG left a comment on September 19, 2017 at 5:03 am |

    Nice Tutorial, I’ll bookmark this page.

    Hip-Hop Mp3 Download

  19. Naija Mp3 Download left a comment on August 22, 2017 at 11:49 am |
  20. Angel Harriet left a comment on April 21, 2017 at 2:55 am |

    We are going to set you up with the latest version of a hand-selected group of WordPress plugins that virtually every blog needs to be successful.
    Responsive wordpress themes

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

  22. Mary left a comment on March 28, 2017 at 12:24 am |

    Fantastic post I like it. Keep it up
    Stick war

  23. ??????? ????? left a comment on March 2, 2017 at 10:19 am |

    Helpful information. Fortunate me I found your sife by chance, and I’m shocked why this twist of fate didn’t happened
    earlier! I bookmared it.

  24. ?? ?????? left a comment on February 11, 2017 at 7:20 am |

    nice.like

  25. seo left a comment on February 9, 2017 at 1:14 am |

    I’m amazed, I have to admit. Rarely do I encounter a
    blog that’s equally educative and engaging, and without a doubt, you have hit the nail on the head.
    The issue is an issue that not enough men and women are
    speaking intelligently about. Now i’m very happy I
    stumbled across this in my search for something relating to
    this.

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

  27. ????? ???? left a comment on January 11, 2017 at 10:07 am |

    Awesome

  28. nairaclass.com left a comment on November 16, 2016 at 4:21 am |

    Good post I have posted similar post on http://www.nairaclass.com/forum

  29. Segun Adebayo left a comment on November 16, 2016 at 4:19 am |

    Good theme

  30. debouchage toilette left a comment on September 22, 2016 at 2:44 am |

    Thank u for the share i like this website so much

  31. jaka left a comment on September 21, 2016 at 7:44 am |

    makasih bos infonya dan salam sukses

  32. Ryan left a comment on September 16, 2016 at 7:26 pm |

    Probably the most easiest and practical tutorial on wordpress theme development is at http://kaloraat.com/articles/wordpress-theme-development-from-scratch-part-1-theme-template-header-and-footer
    Don’t just copy paste, know what you are doing!

  33. NAIJAMOUTHED left a comment on September 3, 2016 at 9:12 am |

    Can someone help install this theme on my website http://www.naijamouthed.com.ng

  34. NAIJAMOUTHED left a comment on September 3, 2016 at 9:11 am |

    interesting…

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

    Responsive theme is must. Thanks so much.

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

    Well done man keep it going!

  37. tehranjobs.net left a comment on June 21, 2016 at 1:34 am |

    very very nice
    thank you
    i return to your site
    http://tehranjobs.net

  38. bankeketab-co.ir left a comment on June 21, 2016 at 1:33 am |

    thanks
    very good an nice

  39. ??????? left a comment on June 21, 2016 at 1:31 am |

    ????
    ???? ???? ??? ? ????? ?????
    ???? ?????
    ???? ????? ?? ?????

  40. alltägliches make up left a comment on June 13, 2016 at 4:47 am |

    Neuigkeiten wie Arbeitspläne oder Aushänge über die aktuellen Umsatzzahlen lassen sich einfach und für alle klar
    sichtbar mit Hilfe von Appendo-Seilsystemen präsentierten.

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

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

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

    okey nice tanks alot

  43. Poda left a comment on May 13, 2016 at 3:22 am |

    hope i can learn from this

  44. forsiningwatch left a comment on April 19, 2016 at 9:00 pm |

    hi,i can see it

  45. friv2 games left a comment on April 10, 2016 at 6:02 pm |

    I came across a website that is focused on discussing the value of traditional college degrees in the American educational system.

  46. huagongkeji left a comment on March 21, 2016 at 9:00 pm |

    PU seal and gasket making machine can be perfect sealing according to the CAD graphic or graphics in the system, automatic foaming through chemical reactions, surface smooth, beautiful,
    strong resilience, waterproof, dustproof performance is good, the seal protection grade is high sealing strip, meanwhile can be firmly and artifacts adhesive.
    The sealing stirp has wide application. the following is the function
    1.To prevent the rain (water), dust, the pollution gas leaking.
    2.To prevent vibration, noise, heat into indoor
    3.Prevent the erosion of corrosive medium product components
    Application:
    Is mainly used for cabinets, distribution cabinets, explosion proof shell, low ark,
    automobiles, home appliances, lamps and lanterns, filters, etc. various sealing need products and parts.
    http://www.hgcx.cn/en/index.php?p=product_show&id=307&c_id=36&o_id=&lanmu=12

  47. alltags frisuren kurz left a comment on March 20, 2016 at 5:02 am |

    Weltweit werden am häufigsten Informationen über das Reiseland Deutschland gesucht
    (48%), gefolgt von Reiseinformationen zu den Ländern USA (7%),
    Österreich (5%), Italien (5%), Island (2%), Kanada (2%), Dänemark (1%), Spanien (1%), Großbritannien(1%) und Frankreich (1%).

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

    great job, i love this video

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

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

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

    The final tutorial will be up soon.

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

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
  Have Questions?   Hire Me

Send Me Your Questions

Tell Me About Your Project