Understrap: a Boostrap 4 Responsive WordPress Theme Framework
There are tons of responsive frameworks out there. 2 of the most popular are Bootstrap and Foundation, so web developers
like to create WordPress themes based on these frameworks to make development easier. A standardized system is a good way to set up your development workflow. Enter Understrap
, a Combination of Bootstrap 4 and WordPress to help you develop gorgeous responsive WordPress themes. Let’s take a look at the features of Understrap, and why you might consider it as your framework of choice.
Twitter Bootstrap recently upgraded to version 4. Boostrap was already a great system, but Bootstrap 4 made it even better and more streamlined. Understrap is actually a combination of Underscores, the “best practices” starter theme by Automattic and Twitter Bootstrap. Automattic is the company behind WordPress, and Underscores is the starter theme of choice for many developers. So what’s so great about Understrap?
Child Theme ready
Understrap is child theme ready, meaning you can create your own child theme, built on top of a rock-solid framework.
I typically don’t use Jetpack, but a lot of people swear by it. I always felt like it was a little bloated, so I avoided it. However, if you want to use Jetpack, Understrap will tie into it seamlessly.
WooCmmerce is a great ecommerce solution for WordPress. Having Understrap ready to go out of the box to work with it makes it easier to develop ecommerce child themes.
Open source is a big deal, because it’s not proprietary. This is important for taking it and using it as a framework for your own themes. You can add to it, strip things from it, and pretty much do whatever you like, within reason.
It utilizes SASS
Understrap uses its own SASS files. Makes it easy to replace colors, fonts, styles etc.
It Comes With Gulp as a Task Runner
Understrap comes with a pre-made gulpfile.js with some default tasks. This makes it easy to compile SASS to CSS.
It Comes with Font Awesome
Most designers and developers like to have icons built into their theme. This makes it easy to customize and enhance the theme graphically.