miraDry

Production site: miraDry

Requirements

This is a basic WordPress website. So you'll need:

• MAMP or:
• Apache/Nginx
• MySQL

Point the document / site root to the root of this project

Then setup your database. Grab a snapshot from staging for the latest changes, and import it locally. Make sure to update the wp_options first two records to make sure that the domain is your local and not staging

Development

There's a Gulp workflow to make life easier. So you'll need:

• Node v8.11.x
• NPM v6.4.x
• Gulp v4.x.x

Install the dependencies from the root directory: npm install

Workflow

Run gulp watch from the root directory to start watching scss and js changes. It will also spawn a new window using BrowserSync so it will refresh the page on change too.

Run gulp build from the root directory to build for deployment. It will finalize the css and js files in the dist directory.

You'll have to note to use the dist directory if you're pulling in any CSS or JS files.

ACF Pro: Flexible Content

Keep the following rules in mind when creating new layouts via ACF Pro: Flexible Content

• get_row_layout() name must match the filename in themes/miradry/parts/flexible_content_layout/
• For additional resources and other best practices, reference the ACF Documentation, e.g. Best Practices when Designing Custom Fields