Skeleton project for Wordpress web development.

Includes Gulp for...

• SCSS compiling
• Automatically adding vendor prefixes to CSS
• Concatinating JS to minimise server requests and allow dev js to be seperated in to multiple files for modularity
• Linting Javascript errrors
• Minifying CSS
• Browser Sync - https://www.browsersync.io/
• CSS sourcemaps

(Optionally) Includes Bower for...

• Rebase - custom CSS reset/SASS defaults - https://gist.github.com/kush1960/f7a197adff86558d1451
• Old-IE-Fixes - Fixes issues with IE < 9 Comprises of a number of hacks/shims from other developers - https://github.com/kush1960/Old-IE-Fixes
• Responsive-nav - lightweight burger nav - http://responsive-nav.com/
• Modernizr - duh!
• Breakpoint-sass - Nice way of handling media queries - http://breakpoint-sass.com/

Checkout repo into the project root folder

git clone https://github.com/kush1960/Wordpress-Workflow.git <public>

Download the lastest stable Wordpress (https://wordpress.org/latest.zip) and copy over the top of the Workflow files

In Terminal navigate to wp-content/themes/workflow/

Install development dependencies with NPM

npm install

(Note Bower is optional - just remove lines from style.scss and header.php if you don't want to use it)

Install front end dependencies with Bower

bower install

• Modernizr should be custom built on a per project bases, only featuring the tests that the website need to test for. The version supplied includes all tests and should not be used on production sites*.

Once installed just run npm run watch and you're away.

When working with Javascript follow the simple rules...

1. Put all plugins in the js/dev/plugins folder.
2. Put all custom scripts in the js/dev folder.
3. Prefix your files with numbers if you need to ensure something is loaded before something else.

Gulp will combine all JS in to main.js

At the end of a project you may want to minif your CSS/JS. Simply run

npm run minify

This will create js/main.min.js and style.min.css. It will only minify your existing CSS/JS - it will not recompile anything.

{Brief paragraph introducing the project and describing it's functionality}

Live URL

http://www.{name of project}.co.uk/

Staging URL

http://{name of project}.devcite.co.uk/

Development URL

http://{name of project}.dev.co.uk/

{Description of how to setup the project for local development}

• WordPress core

• Sass
• Grunt
• Gulp

• Advanced Custom Fields
• Advanced Custom Fields: Repeater Field
• Contact Form 7
• Really Simple CAPTCHA
• Redirection
• Sitemap
• Types - Complete Solution for Custom Fields and Types
• WordPress SEO
• WP Store Locator

This project is configured for auto deployment using DeployHQ. Auto deployment has been setup for the following branches:

Staging site

staging

Live site

production

{Other information about the project here}