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. ??? ?????? ??????? ?? left a comment on November 15, 2019 at 7:42 pm |

    Great. thanks

  2. IT Exam ex left a comment on November 14, 2019 at 10:39 am |

    Your site has a lot of useful information for myself I visit regularly hope to have more quality items.

  3. Entre Prenerd left a comment on November 13, 2019 at 1:27 pm |

    This is help me so much in my learning. Thank you for sharing.

  4. Iwdn left a comment on November 13, 2019 at 11:27 am |

    Thank you for sharing information. It a wonderful post. iwdn.net

  5. Hb Fenn left a comment on November 12, 2019 at 11:30 am |

    I really impress your work. Thanks a ton for sharing this information in this article.

  6. Ace Greetings left a comment on November 11, 2019 at 1:15 pm |

    Thanks for the awesome write up! I found the article to be informative.
    Ace Greetings

  7. Opene Group left a comment on November 11, 2019 at 6:09 am |

    Wow so amazing great video i thought someday i could do it too thanks for sharing this.
    OpenGroup

  8. Market Share left a comment on November 5, 2019 at 1:52 pm |

    Thanks for the awesome write up! I found the article to be informative.
    Market Share

  9. Clik Trik left a comment on November 4, 2019 at 2:20 pm |

    http://cliktrik.com/

    Very great information! Thanx for sharing.

  10. Bryant left a comment on November 4, 2019 at 7:52 am |

    Wow! I made my own responsive WP theme after reading all these tutorials. Thank you so much, Jai! I’ll stay tune for your updates and post. https://sidingalexandriava.com

  11. Karlyle left a comment on November 2, 2019 at 7:56 am |

    Glad I’ve found this post. With this video tutorial, I’m able to create my own WP theme. Thank you for posting this article. Keep it up!
    Karlyle | https://arlingtonbookkeeping.com

  12. Aryan left a comment on November 2, 2019 at 7:34 am |

    Amazing tutorial! Very detailed content and very clear video. Thanks a lot for sharing this! http://www.mawnstermarketing.com

  13. Tech Zone left a comment on October 31, 2019 at 2:02 pm |

    Nice post, really interesting information worth to sharing with others.

  14. Xeem Tech left a comment on October 29, 2019 at 2:30 pm |

    Very great information! Thanx for sharing.

  15. Project Tech left a comment on October 26, 2019 at 6:59 am |

    Very nice blog post. I absolutely love this site. Keep writing! Project Tech

  16. Project Tech left a comment on October 26, 2019 at 6:57 am |

    Very nice blog post. I absolutely love this site. Keep writing!

  17. Drift Host left a comment on October 14, 2019 at 8:44 am |

    Excellent Post. Thanks for sharing this.
    Drift Host

    • Rehab Nur left a comment on October 21, 2019 at 6:42 am |

      Responsive versatile website architecture and a vital piece of your Mobile Marketing methodology because of the noteworthy development of Smartphones and Tablets concurring the web from cell phone speaks to a principal move in online conduct insights from Google demonstrate that 67% of searches start on one gadget and afterward progress to a second gadget in light of this, the opportunity has arrived to genuinely consider doing the change to responsive website architecture. Get web design Qatar by web design agency which is leading in this industry.

  18. official site left a comment on October 10, 2019 at 11:41 pm |

    Hi! I like this website because i have a lot of options to choose and good info.thanks alot god blessed.

  19. Claude Olson left a comment on September 19, 2019 at 9:36 am |

    Great tutorial. It has very clear instructions. click here

  20. Horea Kaii left a comment on September 11, 2019 at 6:51 am |

    We just got lucky reading all these tips! I just wonder, can we also add this tips to Wix?
    check it out

  21. Dan left a comment on September 10, 2019 at 11:48 am |

    Thank you sir for your generosity, I appreciate your effort! https://timeai.io/

  22. Joshua A. Price left a comment on September 4, 2019 at 1:16 am |

    This blog is very nice.I really like such a fantastic written blog.I will keep coming here again and again.Visit my link as well. click here

  23. Cassandra D. Everhart left a comment on September 4, 2019 at 12:29 am |

    That is surely be a phenomenon. https://www.capscarpetcleaning.com

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

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

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

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

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

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

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

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

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

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