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. Techno Deals left a comment on May 25, 2020 at 2:51 am |

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

  2. Tech Zone left a comment on May 25, 2020 at 2:43 am |

    Tech Zone
    You definitely have some great insight and great stories.

  3. Xeem Tech left a comment on May 25, 2020 at 2:10 am |

    Xeem Tech
    Thank you for your great post.Awesome!

  4. Techno Market left a comment on May 24, 2020 at 1:02 pm |

    Techno Market
    Thank you for the info!

  5. Techno Market left a comment on May 24, 2020 at 1:01 pm |

    ????????? ?? ?? ????????????!
    Techno Market

  6. Project Tech left a comment on May 24, 2020 at 10:22 am |

    Project Tech
    It a wonderful post.

  7. Tech Like left a comment on May 24, 2020 at 10:13 am |

    ??????? ??? ?? ????, ?? ????????? ???? ??????????.
    Tech Like

  8. Info tech left a comment on May 24, 2020 at 9:45 am |

    Info tech
    Thanx for sharing.

  9. Technology left a comment on May 24, 2020 at 9:00 am |

    Very great information!
    Technology

  10. Technology left a comment on May 24, 2020 at 8:59 am |

    ????? ??????? ??????????!
    Technology

  11. App Matic left a comment on May 23, 2020 at 12:59 pm |

    I’m really impressed by this post.
    App Matic

  12. tamilbang left a comment on May 22, 2020 at 3:32 am |

    watch online Tamil Tv Serials

  13. Strixel left a comment on May 21, 2020 at 3:46 am |

    I’m certainly enjoying this website! You most definately have some amazing stories to share!
    Strixel

  14. Uslugi left a comment on May 20, 2020 at 5:50 am |

    Thanks for that. Pretty good

  15. VPS Advisory left a comment on May 20, 2020 at 12:29 am |

    It’s a wonderful post!
    VPS Advisory

  16. Webstractions left a comment on May 19, 2020 at 12:56 pm |

    This post is very good!
    Webstractions

  17. Iphone Today left a comment on May 18, 2020 at 3:06 am |

    Your site has a lot of useful information for me
    http://www.theiphonetoday.com

  18. Sarah Durrani left a comment on May 17, 2020 at 12:50 pm |

    Very helpful tutorial, Actually if you have e-commerce website on WordPress then you can also use shortcodes to make your store responsive, However here is the detailed guide of woocommerce shortcodes which you can use: https://www.reviewsed.com/woocommerce-shortcodes-guide/

  19. Techn Com left a comment on May 17, 2020 at 3:28 am |

    Thank you for sharing this!
    Techn Com

  20. Marketing Protector left a comment on May 12, 2020 at 1:47 am |

    Your site has a lot of useful information for me,
    Marketing Protector

  21. dhooltamil left a comment on May 6, 2020 at 12:48 pm |

    watch online Tamil Tv Serial Dramas Daily Episode here

  22. Wayne Moore left a comment on May 4, 2020 at 8:24 am |

    Thank you for the helpful tips on this! I have been using Weebly, mostly because I didn’t know where to start with WordPress, but I’m thinking about giving it a chance. Thanks again : )

  23. Movierulz left a comment on May 1, 2020 at 3:21 am |

    Amazing Work Keep it up. Keep in touch with us for more updates.

  24. Share Product left a comment on April 29, 2020 at 10:15 am |

    Thanks you for this information on the subject!
    Share Product

  25. Tech Zone left a comment on April 28, 2020 at 11:33 am |

    Wonderful!
    Tech Zone

  26. Tech Zone left a comment on April 28, 2020 at 11:32 am |

    Very useful information and thank you for sharing!
    Tech Zone

  27. online sarkari exam left a comment on April 23, 2020 at 9:40 pm |

    Wow a great, amazing, knowledgable information thanks for sharing

  28. SEO StartUp left a comment on April 17, 2020 at 5:19 am |

    Your site has a lot of useful information for me,
    SEO StartUp

  29. SEO StartUp left a comment on April 17, 2020 at 5:18 am |

    Your site has a lot of useful information for me,
    SEO StartUp

  30. deep brar left a comment on April 17, 2020 at 1:22 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 try to share my knowledge for my all students on essaytonibandh

  31. susmita left a comment on April 17, 2020 at 1:21 am |

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

  32. Gurvinder left a comment on April 17, 2020 at 1:19 am |

    Easy explanation of these things are really worthy. I don’t have much time for surfing on internet so It’s easier for me to get information from this blog. rscit course in hindi

  33. Campaign Creatives left a comment on April 15, 2020 at 8:27 am |

    Thanks for sharing this information in this article!
    Campaign Creatives

  34. Neon Computers left a comment on April 6, 2020 at 1:49 am |

    I have bookmarked it and I’m following for new articles!
    Neon Computers

  35. Zip my Deals left a comment on April 3, 2020 at 8:53 am |

    Thanks you for this information on the subject!
    Zip my Deals

  36. marilu left a comment on April 3, 2020 at 6:32 am |

    I think that learning about this is very good and beneficial for everyone.

  37. Text SMS Book left a comment on April 2, 2020 at 7:46 am |

    I absolutely appreciate your blog as well as all of your posts.
    Text SMS Book

  38. Traffic Excess left a comment on April 1, 2020 at 9:48 am |

    Nice post, really interesting information worth sharing with other
    Traffic Excess

  39. Linux Support left a comment on April 1, 2020 at 1:15 am |

    Thank you for your wonderful post. Amazing!
    Linux Support

  40. Kevin left a comment on March 27, 2020 at 7:47 am |

    Asian Drama, Watch drama asian Online for free releases in Korean, Taiwanese, Hong Kong,Thailand and Chinese with English subtitles on www5 dramacool video.

  41. coca left a comment on March 5, 2020 at 12:55 am |

    Video tutorials are easy to understand and meticulous. It helps a lot for my work.
    vin lookup

  42. Techno Lik left a comment on March 2, 2020 at 12:15 pm |

    I’m certainly enjoying your website! You most definately have some amazing stories
    Techno Lik

  43. Dir Spider left a comment on March 2, 2020 at 11:43 am |

    I’m really impressed by this post. Thanks for sharing this information in this article!
    Dir Spider

  44. Best Traffic left a comment on February 27, 2020 at 3:51 am |

    Thank you for the information!
    Best Traffic

  45. Blink to Web left a comment on February 24, 2020 at 9:38 am |

    Thank you for the information!
    Blink to Web

  46. B4he left a comment on February 21, 2020 at 11:04 am |

    Thank you for the information!
    B4he

  47. Slide Tabs left a comment on February 21, 2020 at 9:59 am |

    Very good post. I love this site. Keep it up!
    Slide Tabs

  48. Slide Tabs left a comment on February 21, 2020 at 9:58 am |

    Very good post. I love this site. Keep it up!

  49. Software Theory left a comment on February 18, 2020 at 9:34 am |

    Very good post. I love this site. Keep it up!
    Software Theory

  50. Software Theory left a comment on February 18, 2020 at 9:33 am |

    Thanks for sharing this information. It’s a wonderful post!

  51. ???????? left a comment on January 22, 2020 at 12:02 am |

    I like your blog. that’s great

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

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

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

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

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

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

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

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

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

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

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

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

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

    Great. thanks

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

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

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

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

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

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

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

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

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

    http://cliktrik.com/

    Very great information! Thanx for sharing.

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

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

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

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

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

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

    Very great information! Thanx for sharing.

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

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

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

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

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

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

    Great tutorial. It has very clear instructions. click here

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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