WordCamp Atlanta - April 15 2018 - dev team workflow and processes with wordpress
6 likes1,702 views
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.
Ad
More Related Content
What's hot (20)
Similar to WordCamp Atlanta - April 15 2018 - dev team workflow and processes with wordpress (20)
Ad
More from Evan Mullins (11)
Ad
Recently uploaded (20)
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with wordpress
- 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/
- 4. Local Development Environmentally Aware wp-config.php Version Control: git Database Migrations Automated Deployments Code Standards & Reviews
- 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
- 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
- 19. or a unique wp-config.php for each environment
- 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=******** [email protected] #create users wp user create brownbag [email protected] --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
- 37. Manual db dump and import? wp-cli search-replace wp_options table siteurl and home values
- 38. Migrate DB Pro
- 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
- 49. Thank You! Comments or Questions? Slides available at https://circlecube.com/does-wordpress/