WordPress Themes Blog Oh! Blog

how-to-make-responsive-wordpress-themeI am pretty excited to bring you the Part 2 of the ongoing Video Series on How to create a Responsive WordPress Theme. As in the previous video, I will be explaining how to code each webpage element using Bootstrap Framework and integrate it into WordPress. You can also download the updated theme files that has the relevant code for you to play with.

In this part, I will be teaching how to put background images in the full width slider and transition them through a fade effect. I will also demonstrate how to make a dynamic features section including icons using the Font Awesome icon library. Finally I will show you how to make a call-to-action section that can be used to lead the user to another page or make him perform an action.

Watch the Video

Watch Previous Parts of this Video Series

Create a Responsive WordPress Theme – Video Tutorial – 1

Watch Next Parts of this Video Series

Create a Responsive WordPress Theme – Video Tutorial – 3

Download the Tutorial Files

Download the Files

What Next?

Sadly, I haven’t see any comments on the last video. Please leave some comments so that I can stay inspired to complete the video series. Your feedback matters to me as that’s what keeps the engines running. Also, make sure that you share these videos on your social network so that people who are eager to learn theme development can make use of the video series.

  1. Brielle Luna left a comment on August 14, 2019 at 10:23 am |

    Glad to have found this in 2019. Really awesome idea and facts!
    mkmesports.com/

  2. mkmesports.com/ left a comment on August 14, 2019 at 10:22 am |

    Glad to have found this in 2019. Really awesome idea and facts!

  3. casseverhart13 left a comment on August 14, 2019 at 9:13 am |

    And i am glad reading your article! sprinkler system

  4. Kyle left a comment on August 13, 2019 at 12:10 pm |

    A very detailed video tutorial, I’m impressed with your knowledge. Thanks! | https://deanhineslawyer.com

  5. Matt left a comment on August 13, 2019 at 10:50 am |

    Thank for this video tutorial! This is really helpful. I’m glad I came across this blog. Thanks so much!

    mathgoodies.com/

  6. Trisha Camille left a comment on August 2, 2019 at 12:11 am |

    I really appreciate your effort in making this video! Kudos and more of these, please. Thank you!

    http://www.landclearingofwa.com

  7. happy wheels left a comment on July 29, 2019 at 1:46 am |

    Your share is the great knowledge I have gathered, you are an important person I admire, thank you

  8. fredluis left a comment on July 24, 2019 at 12:16 am |

    That’s a very good post, This post give truly quality information, I’m definitely going to look into it, Really very useful tips are provided here, Thanks for sharing. tree care

  9. Daniel Perez left a comment on June 12, 2019 at 9:05 am |

    You have a very nice video tutorial , you really showed to us the important details of this content.
    Thank you! https://highrisk.solutions/

  10. kreygasm origin left a comment on May 28, 2019 at 4:49 am |

    Kreygasm is a entertaining platform in our website which has entertaining memes and
    other entertaining stuff to make your time happy and to enjoy and share with your friends kreygasm origin

  11. kreygasm origin left a comment on May 28, 2019 at 4:45 am |

    Kreygasm is a entertaining platform in our website which has entertaining memes and
    other entertaining stuff to make your time happy and to enjoy and share with your friends.

  12. Grace Jackson left a comment on May 12, 2019 at 11:25 pm |

    Responsive subjects are a way to deal with web planning in which components of a site self-alter as indicated by screen sizes and programs for better clarity, client experience, and burden time. Engineers and topic architects are capitalizing on the idea of responsive sites.

    British Essay Writing Services

  13. Ryan left a comment on June 1, 2016 at 5:33 pm |

    Jai, Also i cant generate the snippets the way you do in the sublime. I installed wordpress for sublime but does not work the way yours does.
    What is the another one you are using? zencode??

    Please reply with the exact plugins you used for these totorials, They will totally help us to speed up development process. Thanks again for your great work.

    Please upload more theme development tutorials.
    Cheers

  14. Ryan left a comment on June 1, 2016 at 5:29 pm |

    You are great man, I have been working in other people’s premium theme and having a nightmare everytime want to customize it. Thats why i always wanted to create my own theme but I didnt fine any tutorials worth until this!

    This is crazy good, short and sweet and to the point. I love bootstrap. This is going to change things for me now.

    Thank you so much, You are doing a great great job please keep it up.

    I am waiting for your fourth series and also looking forward to create a premium quality wordpress themes by learning from you.

    Please keep it up. And thanks for NEPAL theme, Thats a great effort from you. I am from Nepal and thank you for what you have done.

    Cheers!

  15. Ranjeet left a comment on May 31, 2015 at 2:18 pm |

    Awesome tutorial sir…

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

Leave a Feedback

Tell Me About Your Project