This project is no longer maintained in favour of Wordpressify.
WP Willowbrooke is a boilerplate installation for WordPress comprised of:
- A heavily customised fork of Bones Boilerplate theme (with SASS linter, Gulp and other improvements)
composer.json
file with WordPress core and selected plugins
- CMB2
- Contact Details
- Contact Form 7
- Duplicator
- Force Email Login
- Login Lockdown
- Minqueue
- Safe SVG
- User Role Editor
- White Label CMS
- Wordfence
- WP Super Cache
- Yoast SEO
- Pull the
git
repository locally - rungit clone https://Zetec@bitbucket.org/zetecit/boilerplate-wordpress.git folder-name
in your CLI - Run
composer update
to install WordPress and the plugins - Setup WordPress following the Famous 5-Minute Install.
wp_theme
, is the theme that will be used in production.
- Go to
wp-content/themes
and change the name ofwp_theme
to a name of your choice. - Run
npm install
from the CLI - Open
gulpfile.js
and add your WordPress directory to theURL
variable - Run
gulp watch
from your CLI, this will startBrowserSync
and start watching your files for changes. - 'Find and Replace':
[WEBSITE NAME]
,[WEBSITE URL]
,[WEBSITE DESCRIPTION]
,[THEME SLUG]
andtheme_slug
as appropriate. - You can now start editing the theme within the
wp_theme
directory.
Within our gulpfile.js
we are using:
gulp-sass
- used to convert .scss files into .cssgulp-jshint
- detects errors and potential problems with JS codegulp-concat
- concatenates multiple files into a single file, reduces HTTP requestsgulp-uglify
- minifies JS codegulp-babel
- converts ES6 JavaScript into older, more supported codegulp-uncss
- removes unused css (not currently in use)gulp-cssnano
- minifies CSSgulp-base64
- converts images in CSS to base64 encodedgulp-imagemin
- minifies bitmap imagesgulp-svgmin
- minifies SVG imagesgulp-plumber
- prevents errors caused by gulp pluginsgulp-notify
- sends errors messagesgulp-addsrc
- lets you add 'src' inbetween gulp pipesgulp-livereload
- reloads the pagegulp-todo
- Generated a 'To-Do' list from comments in the codebrowser-sync
- live CSS preview and sync across browsers
- Create symlink between root theme directory and a folder in wp-content/themes directory.
- Replace current grid system with susy.
- Add 'gulp-beer' to gulp workflow for error handling.
- Implement TinyReset to replace current normalisation style.
- The Boilerplate theme is based on Bones Boilerplate theme.
- Supported and built by Adam McKenna