• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/WordPress Theme Development with UnderStrap

WordPress Theme Development with UnderStrap



Sometimes you need a helping hand to get a custom WordPress theme project started. You could grab a “starter theme” like Underscores by Automattic or you could take advantage of the responsive toolkit Bootstrap by using the UnderStrap theme by Holger. In this video, I’ll go back to the beginning and briefly discuss the bare minimum parts that make up a WordPress theme. Then I’ll cover the Underscores and UnderStrap themes. I’ll also demonstrate how to speed up your theme development efforts using the Bootstrap documentation. Finally, I’ll provide some examples that take Bootstrap even further into a more custom theme.

Special thanks to my friend, Kevin Lamping, for his assistance with the Zoom call and website development challenge. Be sure to check out his great videos about web app testing with WebdriverIO and other testing environments.

• Front-end Testing with Kevin: https://www.youtube.com/user/medigerati

Here are some other links you might find useful.

• Underscores Theme: https://underscores.me/
• UnderStrap Theme: https://understrap.com/
• Bootstrap v4.5 Docs: https://getbootstrap.com/docs/4.5/getting-started/introduction/

– – –

Visit my websites to learn more.
• PORTFOLIO – https://mpgilbert.com/
• PHOTOGRAPHY – https://mpgpix.com/

Let’s connect on social media.
• LINKEDIN – https://linkedin.com/in/mpgilbert
• INSTAGRAM – https://instagram.com/mpgpix
• TWITTER – https://twitter.com/mpgilbertusa

– – –

Music: “Zoom” by Vibe Tracks, freely available on the YouTube Audio Library
Photos: Various photos, freely available from LoremPixel.com

source

Written by:
Abdul Wahid
Published on:
November 14, 2021

Categories: VideosTags: wordpress themes

Reader Interactions

Comments

  1. John Smith

    November 14, 2021 at 11:57 am

    Thank you!

  2. Arvin Jill Origenes

    November 14, 2021 at 11:57 am

    Hi, is there any best practice in understrap to structure our custom codes instead of putting them in single files? for example, I want to create a page in blank.php instead of putting all the snippets code in a single file I want to break it into separate files and just hook it into blank.php templates. to make more organize. thank you

  3. Andrew Paterson

    November 14, 2021 at 11:57 am

    Hi, I was wondering how to make the nav menu slide in from left while main content fades in understrap?
    Thank you

  4. Petrus van Breda

    November 14, 2021 at 11:57 am

    Thank you. It will help me. I like BootStrap and have written a few plugins using bootstrap. But it was always a challenge with the theme. This might resolve it. Please explain Gulp Watch you executed in the video.

  5. Johnny Namechanger

    November 14, 2021 at 11:57 am

    Do you see a point in using the Understrap Child theme? It seems like if a new version of Understrap comes out, then a new version of the Child theme will be coming out, too. I guess having the child theme activated instead means you can preserve your custom code for a little bit when you update the main Understrap theme, but, uh…I don't know. There seems to be enough overlap in the Understrap Child theme starter files that you'd need to update that as well which means at some point you have to duplicate your custom code from an old version of the child theme into the new version of the child theme.

  6. John Smith

    November 14, 2021 at 11:57 am

    Invaluable information tbh

  7. Andrew Paterson

    November 14, 2021 at 11:57 am

    Hi, thanks for the great video. could you include the CSS you demonstrated there please? Thanks

  8. Jonathan Dithrich

    November 14, 2021 at 11:57 am

    Are you using a plugin to get all of those options in the page editing section of WordPress? When I edit my pages it just gives me the Gutenberg editor. Great video btw, it's helping me a lot to supplement a class that I'm taking!

  9. BlackPantherElite

    November 14, 2021 at 11:57 am

    Hi there – I'm considering using this as a starter theme for my own custom themes as well. I like to code in phpstorm and make custom adjustments to my or tje clients websites. So all in all it seems very fast (nothing you dont really need), and customizable.

    – If I understand it right, it's not meant to be a parent theme, right?
    – What do you think is a con in comparison to other wordpress themes (like sage or astra for example)?#
    – Are there any security concerns I should look out for using understrap?

    Thanks

  10. Vedran B

    November 14, 2021 at 11:57 am

    I just found out about Understrap, and I'm a huge Bootstrap fan. Thanks for making this video, really helpful to know that I can combine both WordPress and Bootstrap with a huge jump-start and go straight into customizing.

  11. Mr H

    November 14, 2021 at 11:57 am

    Champion thanks

  12. Top10z

    November 14, 2021 at 11:57 am

    I like the calm way you explain everything. This is what newbies like us need. Well done Micheal

  13. muhammad adnan

    November 14, 2021 at 11:57 am

    They don't have understrap documentation properly like WordPress core …

  14. muhammad adnan

    November 14, 2021 at 11:57 am

    Lazy loading function available there ?

  15. James Welbes

    November 14, 2021 at 11:57 am

    Any idea why I don't have the option to choose a different page template?

  16. Leo CS

    November 14, 2021 at 11:57 am

    This is awesome! Can you create more content or video tutorials about UnderStrap. Thanks…

  17. Marek Eisenman

    November 14, 2021 at 11:57 am

    Many thanks Michael, for this video-lesson. That one helped me to understand lots more about web development and coding…

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (6)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

WordPress: A Powerhouse for Achieving Internet …

Continue Reading about Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter