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 January 22, 2020 at 12:02 am |

    I like your blog. that’s great

  2. waniakay left a comment on January 18, 2020 at 1:50 am |

    Watch your favourite online pinoy tambayan lambingan replays online in hd. Get your favourite replays and tv updates online in a single click.

  3. Patrick Maurer left a comment on December 16, 2019 at 9:32 am |

    Before watching your video, I got headache in creating themes, but after your tutorial this is what i got,
    Typically though, most custom theme development projects take about two to three weeks. Let’s look at some of the factors that determine how long a WordPress development project will take.
    https://www.affordablelectricians.com.au/electrician-reservoir.html

  4. william left a comment on December 10, 2019 at 4:51 am |

    My company deals a 3 bedroom flat for sale in sharjah bussnies project my company client say Bootstrap works the other way round. Bootstrap is for someone who is enlisted. They go to a college and go through ROTC, and their university is paid for with the aid of the navy (not housing though, except they get a scholarship from the school for that).

  5. Express Dir left a comment on December 7, 2019 at 7:12 am |

    I absolutely appreciate your blog as well as all of your posts. expressdir.com

  6. Dsdir left a comment on December 7, 2019 at 5:37 am |

    Thanks for the awesome write up! I found the article to be informative.
    dsdir.com

  7. Trader Manual left a comment on December 5, 2019 at 11:51 am |

    This is really an incredible read for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!.
    tradermanual.net

  8. Send106 left a comment on December 3, 2019 at 12:41 pm |

    I absolutely appreciate your blog as well as all of your posts.

  9. Amadaun left a comment on December 3, 2019 at 11:39 am |

    I absolutely appreciate your blog as well as all of your posts. https://www.amadaun.net

  10. Webproxy Sites left a comment on November 30, 2019 at 3:25 am |

    I absolutely appreciate your blog as well as all of your posts. Webproxy Sites

  11. Windows 8 Ghost left a comment on November 28, 2019 at 1:31 pm |

    Well, this post is quite good!Thanks for updating my information about the subject. It is very useful for me.

  12. Joseph left a comment on November 28, 2019 at 3:44 am |

    That’s really cool, nobody would post a tutorial video like this on the internet for free. That’s generosity man, 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. Kudos from my team at https://www.perthretainingwalls.net.au/.

  13. ??? ?????? ??????? ?? left a comment on November 15, 2019 at 7:42 pm |

    Great. thanks

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

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

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

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

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

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

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

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

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

    http://cliktrik.com/

    Very great information! Thanx for sharing.

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

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

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

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

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

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

    Very great information! Thanx for sharing.

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

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

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

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

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

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

    Great tutorial. It has very clear instructions. click here

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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