We’re thrilled to announce the release of Understrap 1.0, our biggest release since taking over the project in May.
The update does NOT include breaking changes, so you can safely update any site using the Understrap parent theme via the WordPress theme directory.
For your new projects, Understrap 1.0 comes with a new build process and lots of cool new features, described below. The ideal way to use these is to keep the Understrap parent theme unchanged, and do all your custom dev in a child theme.
→ We’ve updated the docs to reflect the new changes
→ If you want to dive into 5+ hours of training videos, we’ve updated and reopened our Instant Understrap course to cover all the 1.0 changes
Here’s a detailed look at what’s new in Understrap 1.0:
Gutenberg support has arrived to Understrap! We’ve brought in new styles that add Bootstrap designs to some of the blocks, like tables, pull quotes, captions, and buttons. We’ve added support for wide/full width cover blocks when using the “Full Width” template. Even further, we’ve set up the block editor to load the Bootstrap-specific color palette, so all buttons, links, and cover blocks can reference the same color.
We’ve removed the outdated WooCommerce templates in the theme, updated all of them, and made sure we’re using the latest and safest files and functions from WooCommerce. Even further, we’ve added Bootstrap styles to some default WooCommerce elements, like info bars and alerts.
The Understrap theme footer text and copyright information is now editable in the Customizer.
Gulp is gone! We’ve rewritten the build process closer to what Bootstrap does and to prepare us for Bootstrap 5+. We’re using postCSS for styles and rollup.js for scripts. No more globally installing Gulp.js. Otherwise, we’ve tried to keep the migration very simple. Instead of commands like “gulp watch”, you would just use “npm run watch”. You can look inside the new package.json file or the readme.md for all of the commands.
Finally, we’re using a custom postCSS plugin to read your Bootstrap color variables and then import your color palette into the block editor’s color picker by default. If you update your color variables in the sass, our build process will update those colors in Gutenberg.
Child Theme Updates
There’s an updated release available for the child theme that pulls in the newer Understrap styles AND uses the updated build process. If you’re starting a new Understrap child theme, feel free to grab a fresh copy from Github.