This document summarizes some workflows and processes used by a development team for WordPress projects, including version control with Git, environment-aware configuration files, database migrations, and automated deployments. It discusses setting up local development environments, managing code standards and reviews, and deploying code from development to multiple environments.

1. Dev Team Workflows and Processes
… with WordPress
Overview of some processes used at an agency level. Version control, code standards, database migrations, environment
aware config files and automated deployments. From local development setup to multiple environments, version control to
automated deployments, content migration to modular mentalities. With some how-to talk and some how-not-to talk, we’ll
discuss some ways to “soup up” our process to work for us when it comes to web development and WordPress.
WordCamp Atlanta - 15 April 2018

2. Introductions
Evan Mullins
@circlecube
circlecube.com
WordPress user since 2006
Full-time web developer since 2007
Senior Front End Engineer at 10up
Slides at https://circlecube.com/does-wordpress/

3. 10up is Hiring...

4. Local Development
Environmentally Aware wp-config.php
Version Control: git
Database Migrations
Automated Deployments
Code Standards & Reviews

6. Local Development

7. SFTP (secure)File Transfer Protocol
move/copy files to web server

8. Local
MAMP, WAMP, XAMP, AMPPS

9. VVV
Varying Vagrant
Vagrants
Local
Local by Flywheel
Docker

10. Local by Flywheel

11. Local by Flywheel

12. Local by Flywheel

13. Local by Flywheel

15. Wp-local-docker setup
1. git clone https://github.com/10up/wp-local-docker.git
<my-project-name>
2. cd <my-project-name>
3. docker-compose up
4. Run setup to download and install WordPress:
a. On Linux / Unix / OSX, run sh bin/setup.sh
b. On Windows, run ./bin/setup
Read more: https://github.com/10up/wp-local-docker

16. Environmentally Aware wp-config.php

17. default wp-config.php

18. Environment Aware wp-config.php

19. or a unique wp-config.php for each environment

20. Version Control: git

21. git & svn are version control systems (vcs)
Like the undo button or
history pane in photoshop.

23. github.com

24. sourcetree

26. What to source control?
Generally we don’t source control code we aren’t writing. (unless it’s useful)
Repo for your whole site?
Repo for your theme?
Repo for your plugin(s)?

28. Build Tools

30. gulpfile.js
Gulp is a build/watch app built in javascript via node. We can set it to compile our sass,
concatenate our js and minify everything and more.
● Compile SASS
● Concatenate JS
● Minify css and js files
● Optimize theme images
● Set up browsersync - so any file saves to your css/scss, js, php files will auto reload
in your browser for fast dev cycle/workflow!

31. Gulp setup
# install gulp globally
npm install --global gulp
# add gulpfile.js to your theme/plugin
# install dependencies
npm install
# start gulp
gulp
# to stop gulp press CTRL () + C

32. Build and Workflow tools: Grunt, Gulp, etc

33. CodeKit

34. WP-CLI

35. #navigate to directory
cd local.project.com
#download wp
wp core download
#set up db creds in config
wp core config --dbname=root --dbuser=root --dbpass=pass
#install wp
wp core install --url=http://local.project.com/ --title=Project Site
--admin_user=emullins --admin_password=********
--admin_email=emullins@brownbagmarketing.com
#create users
wp user create brownbag wordpress@brownbagmarketing.com --user_pass=********
--first_name='Brown Bag' --last_name=Marketing --role=admin
#install plugins
wp plugin activate
#install theme
wp theme install ../path/or/url/to/theme/zip.zip
#activate theme
wp theme activate my-theme

36. Database Migrations

37. Manual db dump and import?
wp-cli search-replace
wp_options table siteurl and home values

38. Migrate DB Pro

41. Automated Deployments

43. Deployment Tools

44. ssh deployment
# remove repo dir
rm -r -f repo
# recreate repo dir
mkdir repo
# clone repo into dir
git clone <repo-url> repo
# open repo dir
cd repo
# sync files in public_html with repo branch
rsync -avv --exclude .git/ --no-W /root/repo/ /root/public_html/

45. Code Standards & Reviews

47. Advanced
Custom
Fields
JSON

49. Thank You!
Comments or Questions?
Slides available at https://circlecube.com/does-wordpress/