Blankout: a robust, responsive, Bootstrap 3-enabled theme framework for WordPress developed by Mindshare Labs as a foundation for client WordPress projects. Blankout is open source and ready to rock n’ roll on your next WP project. Blankout is lightweight and super flexible and is built to be used with the Mindshare Theme API plugin.
Built with love using:
- Bootstrap (Bootstrap 4 coming soon)
- FontAwesome
- jQuery
- LESS
- Mindshare Theme API
- Rename the blankout folder to something specific to your project, e.g.
wp-content/your-theme
- Install Grunt/ NPM Dependencies
npm install -g grunt grunt-cli
- Navigate to the theme folder:cd wp-content/your-theme;
- Run
npm install
- Start the Blankout 'grunt' task to watch your LESS for changes by running:
grunt
You should see the following in terminal:
Running "watch" task
Waiting...
- Open
header.less
and change the Theme Name to the name of your new theme, save the file, grunt will automatically recompile your CSS. - Upload the newly compiled
style.css
to the remote server.
Blankout is laid out with the following folder structure:
├── css -> all compiled CSS
├── img -> all images
├── inc -> folder for any includes/WP template parts
│ ├── dependencies -> TGM Plugin Activation config
│ └── functions -> files included in `functions.php`
├── js -> all theme JavaScript
├── less -> custom LESS
│ ├── bootstrap -> vanilla (unmodified) Boostrap LESS
│ └── util -> 3rd-party and utility LESS files
├── templates -> custom WP page template files
└── translation -> internationalization files
- Add responsive video embed styling
- Update Bootstrap to 3.3.7
- Move to Composer
- Add
mm.png
- Minor Bugfixes
- Reorganization and cleanup
- Update branding
- Updated README
- Added nav dropdown CSS animation
- Added Back To Top CSS
- Add equalheight DIV Js function
- Update title tag output for new WP 4.1+ method
- Remove old mobile friendly meta tags
- Fix for fatal error from old versions of TGMPA library
- Update Bootstrap to 3.3.6
- Enable field visibility settings in Gravity Forms
- Added some Mindshare Theme API integrations to
functions.php
- Fix for the "More Tag" on archive.php
- Add featured images to single.php
- Better styling default comment form
- Many improvements to index.php and archive.php
- Minor styling improvements
- Add Instagram style for
mapi_social_links()
- Update Bootstrap to 3.3.5
- Added new comments template and FB comment plugin option
- Added new blankout_nav fns
- Removed unsued image filters
- Change screen-reader-text to sr-only
- Change muted to text-muted
- Misc validation improvements
- Gravity forms CSS improvements
- Added
blankout_add_loginout_nav()
and filterblankout_add_loginout_nav_slug
to add a login/out link to the footer nav
- Added equal heights styling (see
less\equal-heights.less
) - Tweaked README.md files
- Update Bootstrap to 3.3.4
- Added PHP filters for Gravity Forms to add Bootstrap classes
- Misc. minor improvements
- Bugfixes, minor updates and improvements
- Added styles for
mapi_social()
- Added styles for responsive text centering
- Updated to Bootstrap 3.3.2
- Updated to Bootstrap 3.3.1
- Refactored LESS files
- Updated to Bootstrap 3.3.0
- Various minor improvements
- new CSS/LESS structure, now compiles to style.css instead of
bootstrap.css
- Remove focus highlight from form fields
- misc bug fixes
- Custom post types include now commented out by default
- Completed styling for Gravity Forms
- Added style-responsive.less with template for responsive styles
- Added Blankout comment to header
- Added conditional logic for main / blog sidebars
- Added widgetized footer
- Added Chrome-compatible LESS source maps
- Removed fatal errors when Mindshare Theme API isn't present
- Updated Flexslider initialization to pause videos on play
- Removed wp_page_menu() fallback on header and footer menus
- Misc. bugfixes
- Replacing Glyphicons with FontAwesome
- Tighter integration with Flexslider
- Misc. bugfixes