SASS + WORDPRESS
The power of SASS, merged with the WordPress Customizer
The picostrap Theme allows you to brew your own Bootstrap CSS easily: using the WordPress Customizer, you can totally control site typography, colors, spacings.
Hit "Publish" and it will recompile the Bootstrap SCSS code "on the fly".
Thanks to the built-in SCSS compiler you can also write sassy CSS directly in your Theme, and all your CSS assets will be compiled into a single minified CSS file. All is done on the server, no need for command line tools. Easy and automatic. Install and Activate the Theme, you're done.
A REAL TIME EXPERIENCE
Live Reloading. Without installing anything on your machine.
This means that when you edit and save a file in the /sass folder, if you're logged as administrator, the page will automatically reload and pick up the changes.
This can greatly reduce your time spent on switching window, hitting cmd-R on your browser, switching back...
No wasted bytes. Light as a feather
picostrap helps you say goodbye to bloat.
All the extra WordPress tags are removed, to make your site's HTML header look like the super-succinct original Bootstrap starter HTML template (this one) - well actually, even better, as it drops jQuery too!
No jQuery, No FontAwesome, No jank = Superfast sites!
* and yes, a Bootstrap5 based version is in the making too, no worries ;)
DISCOVER ALL FEATURES
The perfect starter theme to build your next masterpiece.
Instantly Customize Colors
Just launch the WordPress Customizer: instantly set the Bootstrap Color variables like Primary, Secondary to your own project colors. Your CSS bundle is rebuilt upon publishing. No inline styling is needed anymore.
Built-in SCSS compiler
No need to install command line tools. Using a built-in PHP implementation of SCSS, PicoStrap will automatically rebuild your CSS bundle, when changing Customizer settings, or when you change some file in the /sass folder.
Beautiful Font Combos
Easily change the font family used for main body text and headings, choosing from the full Google Fonts list. Feeling lazy? We have some ideal font couples suggested from FontPair. Get started immediately with typography that looks great and suits the mood of your project.
Set your own variables
If the Customizer settings are not enough for you, you can use the sass/_theme_variables-custom.scss file to customize each and every Bootstrap variable. Who said Bootstrap-based sites shall look all the same?
Add your own code
You can use the sass/_custom.scss file to add your own styling. All will be automatically merged in your single, minified CSS file, for maximum site speed. You don't need any CSS minification / concatenation plugins.
Enable Responsive Typography
One of the most useful recent additions to Bootstrap is responsive typography. Just tick a box in the Customizer, hit the publish button and you're done! Fonts will smoothly grow bigger on larger screens, while staying acceptably sized on mobile devices.
Hide unnecessary tags
Using WP for a showcase or single author site? If you want, you can globally hide the author, the post dates, and the categories. No need to hack the single and the archive template anymore. Just a few clicks in the Customizer.
If you're not using WordPress to build a blog, you may love PicoStrap's feature to optionally disable the whole WordPress comment system in one click. Say no to unnecessary spam.
Keeps your head clean
Removes tons of unnecessary tags from your site's <head>, like Emojis. And if you are using the Classic editor plugin to disable Gutenberg, the additional CSS for GT blocks is removed. See the cleanup.php file for details.
Blank Child Theme Provided
The best option to have full control on the SCSS pipeline, and code your own masterpiece adding your own functions, templates and markup.
Sharing Buttons [OPT-IN]
An optional topbar is useful for adding important information like contact details and links. You can customize it's HTML content directly from the Customizer