WordPress Themes Blog Oh! Blog

Share on Facebook0Tweet about this on TwitterShare on Google+4Pin 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 Facebook0Tweet about this on TwitterShare on Google+4Pin on Pinterest1Share on LinkedIn1
  1. 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

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

    Good theme

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

    Thank u for the share i like this website so much

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

    makasih bos infonya dan salam sukses

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

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

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

    interesting…

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

    Responsive theme is must. Thanks so much.

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

    Well done man keep it going!

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

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

    thanks
    very good an nice

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

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

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

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

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

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

    okey nice tanks alot

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

    hope i can learn from this

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

    hi,i can see it

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

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

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

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

    great job, i love this video

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

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

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

    The final tutorial will be up soon.

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

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