virusword.com-Wordpress

Learn Wordpress

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

Reader Interactions

Comments

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

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

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

Explore more

Get our Wordpress Guide Get Plugins Get Connected