Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordCamp Atlanta - April 15 2018 - dev team workflow and processes with wordpress

481 views

Published on

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.

Published in: Technology
  • Visit this site: tinyurl.com/sexinarea and find sex in your area for one night)) You can find me on this site too)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area for one night is there tinyurl.com/hotsexinarea Copy and paste link in your browser to visit a site)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Girls for sex are waiting for you https://bit.ly/2TQ8UAY
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Meetings for sex in your area are there: https://bit.ly/2TQ8UAY
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Best site for flirting and sex in your area you can find there: https://bit.ly/2SlcOnO
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

WordCamp Atlanta - April 15 2018 - dev team workflow and processes with wordpress

  1. 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. 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. 3. 10up is Hiring...
  4. 4. Local Development Environmentally Aware wp-config.php Version Control: git Database Migrations Automated Deployments Code Standards & Reviews
  5. 5. Local Development
  6. 6. SFTP (secure)File Transfer Protocol move/copy files to web server
  7. 7. Local MAMP, WAMP, XAMP, AMPPS
  8. 8. VVV Varying Vagrant Vagrants Local Local by Flywheel Docker
  9. 9. Local by Flywheel
  10. 10. Local by Flywheel
  11. 11. Local by Flywheel
  12. 12. Local by Flywheel
  13. 13. 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
  14. 14. Environmentally Aware wp-config.php
  15. 15. default wp-config.php
  16. 16. Environment Aware wp-config.php
  17. 17. or a unique wp-config.php for each environment
  18. 18. Version Control: git
  19. 19. git & svn are version control systems (vcs) Like the undo button or history pane in photoshop.
  20. 20. github.com
  21. 21. sourcetree
  22. 22. 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)?
  23. 23. Build Tools
  24. 24. 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!
  25. 25. 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
  26. 26. Build and Workflow tools: Grunt, Gulp, etc
  27. 27. CodeKit
  28. 28. WP-CLI
  29. 29. #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
  30. 30. Database Migrations
  31. 31. Manual db dump and import? wp-cli search-replace wp_options table siteurl and home values
  32. 32. Migrate DB Pro
  33. 33. Automated Deployments
  34. 34. Deployment Tools
  35. 35. 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/
  36. 36. Code Standards & Reviews
  37. 37. Advanced Custom Fields JSON
  38. 38. Thank You! Comments or Questions? Slides available at https://circlecube.com/does-wordpress/

×