Frieda Garcia Park Wordpress Development

This repository is an example of how to integrate and use the following projects together:

• Bedrock
• Trellis
• Sage (with Soil)

For more background, see this blog post.

Requirements

Make sure you have installed all of the dependencies for Trellis, Bedrock and Sage before moving on.

At a minimum you need to have:

• Ansible == 2.0.2.0
• Virtualbox >= 4.3.10
• Vagrant >= 1.8.5
• vagrant-bindfs >= 0.3.1 (Windows users may skip this)
• vagrant-hostmanager
• Node.js >= 4.5.0
• Gulp >= 3.8.10
• Bower >= 1.3.12

Local development Workflow

1. Fire up the server (be patient, but watch the console––it may prompt for your system password)

   # @ frieda-garcia-park.com/trellis (you must cd to this path)
   $ vagrant up

2. In the browser, test the install at frieda-garcia-park.dev

Remote server setup (staging/production)

Provision server:

# @ frieda-garcia-park.com/trellis
$ ansible-playbook server.yml -e env=<environment>

Deploy:

# @ frieda-garcia-park.com/trellis
./deploy.sh <environment> frieda-garcia-park.com

# OR
ansible-playbook deploy.yml -e "site=frieda-garcia-park.com env=<environment>"

To rollback a deploy:

ansible-playbook rollback.yml -e "site=frieda-garcia-park.com env=<environment>"

Theme development

In development, run gulp in watch mode for live updates at localhost:3000. Important: always use the frieda-garcia-park.dev URL to access the WordPress admin.

# @ frieda-garcia-park.com/site/web/app/themes/sage
$ gulp watch

Production assets (minified CSS, JavaScript, images, fonts, etc.) need to be compiled. Run gulp with the --production flag. The resulting files will be saved in themes/sage/dist/. Never edit files in the dist directory.

# @ frieda-garcia-park.com/site/web/app/themes/sage
$ gulp --production