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.
Working in Harmony
Optimize development and content workflows
Agenda
• Your team & working together
• Development workflow
• Content workflow
• Development tools
• Deployment
Who’s On Your Team
Dev Content
PM AM QA
Working Together
• No one works alone
• Development Workflow & Best Practices
• Content Workflow
Development Workflow
Why Use Tiers?
•Avoid working on live production site
•Test scheduled releases, features, bug fixes
•Limit access by team o...
Tiers for development
.local
.dev
.stage
.prod
.qa
.test
Dev
production
local
stage
Production Tier
Dev
Staging Tier
Dev
Development Tier
Dev
Content Workflow
Tiers for content creators
• qa
• staging
• production
Content
production
Google Docs / Word
stage Review, Approve, Schedu...
How Can I Deploy Content?
• Export/import via WordPress core functionality
• Database export/import via MySQL
• Export/imp...
Content Staging Systems
•Content Deployment Plugins
✴Content Staging
✴RAMP
✴Version Press
•Backup Plugins
•Platform & Host...
Content Staging Plugin
• Batch Deploy Content
• Preflight Check
• Push custom posts, media
Content
live
staging
Content Staging Wishlist
•History & Audit Trail
•Multi-tier deploy
✴ push to staging & production
✴ pull new content to de...
Local Development
Environment
Local Dev Environment
• Local Server
• MAMP/XAMPP
• Vagrant
• Docker
Dev
MAMP/XAMPP
• Installs a web server on your machine
• Relies on OS
• May conflict with apps already installed
Dev
Vagrant
• Creates virtual machine
• Automated install
• Quick and simple to setup
• All developers working with the same s...
Docker
• Uses containers
• Many containers on one VM
• Automated install
Dev
Developer Tools
Dev Starting Point
• The same environment
• The same tools/plugins
• The same workflow
Dev
Plugins
• Dev/Debug tools
• Environment Indicators
• Demo Content Creator
• User Switching
• Content Staging
Dev
Dependency Management
Dev
Plugin
Theme
Plugin
WP Core
Composer
• Dependency Manager for PHP
• Keep versions in sync for team
• Manage plugin, themes, core
• Always use current ...
WordPress Packagist
• Mirror of WordPress Plugins, Themes and Core
• Composer repository
• Not all plugins/themes availabl...
Local Dev Tools
• WP-CLI
• Scheduled local backup
• Copy production content to local
Dev
Task Automation - Gulp
• When tasks become repetitive:
• SASS Compiling
• Minification/Uglify
• CSS Post Processing
• Reloa...
Task Automation
Compile
SASS
Minify
Uglify
Concat
Reload
Browser
Compress
Images
Front end developer automation workflow
Dev
Code Management
• Central repository for code
• Manage code for a group of developers
• Set access control
• Merge pull re...
Git Branches
Dev
Stage Feature Master
Git-Flow
Dev
DevelopFeature Release Master Hotfix
Deployment
Deployment
Origin Production
Staging
Dev
Deployment
Dev
Content Best Practices
• No content changes on production!
• Use staging for review, approval process
• Push content live ...
Development Best
Practices
• Use the same workflow for all dev
• Automate to reduce risk
• Test on a separate environment
C...
Resources
edmundturbin.com/presentations/wordcamp-manchester/
Questions
email: edmund.turbin@wpengine.com
twitter: @spicecadet
blog: www.edmundturbin.com
Upcoming SlideShare
Loading in …5
×

Working in Harmony: Manchester - Optimize development and content workflows

1,523 views

Published on

Here's the deck from my talk on 10/10/2015 at WordCamp Manchester where I spoke about content staging and things that you can do to make it easier to get content live on your site while working in a team environment.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Working in Harmony: Manchester - Optimize development and content workflows

  1. 1. Working in Harmony Optimize development and content workflows
  2. 2. Agenda • Your team & working together • Development workflow • Content workflow • Development tools • Deployment
  3. 3. Who’s On Your Team Dev Content PM AM QA
  4. 4. Working Together • No one works alone • Development Workflow & Best Practices • Content Workflow
  5. 5. Development Workflow
  6. 6. Why Use Tiers? •Avoid working on live production site •Test scheduled releases, features, bug fixes •Limit access by team or role •Maintain a stable environment for other teams
  7. 7. Tiers for development .local .dev .stage .prod .qa .test Dev production local stage
  8. 8. Production Tier Dev
  9. 9. Staging Tier Dev
  10. 10. Development Tier Dev
  11. 11. Content Workflow
  12. 12. Tiers for content creators • qa • staging • production Content production Google Docs / Word stage Review, Approve, Schedule
  13. 13. How Can I Deploy Content? • Export/import via WordPress core functionality • Database export/import via MySQL • Export/import via database management plugins Content
  14. 14. Content Staging Systems •Content Deployment Plugins ✴Content Staging ✴RAMP ✴Version Press •Backup Plugins •Platform & Host Based Solutions ✴Copy staging to live Content live staging
  15. 15. Content Staging Plugin • Batch Deploy Content • Preflight Check • Push custom posts, media Content live staging
  16. 16. Content Staging Wishlist •History & Audit Trail •Multi-tier deploy ✴ push to staging & production ✴ pull new content to dev - DB •Rollback •Settings, menus, config Content live staging
  17. 17. Local Development Environment
  18. 18. Local Dev Environment • Local Server • MAMP/XAMPP • Vagrant • Docker Dev
  19. 19. MAMP/XAMPP • Installs a web server on your machine • Relies on OS • May conflict with apps already installed Dev
  20. 20. Vagrant • Creates virtual machine • Automated install • Quick and simple to setup • All developers working with the same system Dev
  21. 21. Docker • Uses containers • Many containers on one VM • Automated install Dev
  22. 22. Developer Tools
  23. 23. Dev Starting Point • The same environment • The same tools/plugins • The same workflow Dev
  24. 24. Plugins • Dev/Debug tools • Environment Indicators • Demo Content Creator • User Switching • Content Staging Dev
  25. 25. Dependency Management Dev Plugin Theme Plugin WP Core
  26. 26. Composer • Dependency Manager for PHP • Keep versions in sync for team • Manage plugin, themes, core • Always use current versions Dev
  27. 27. WordPress Packagist • Mirror of WordPress Plugins, Themes and Core • Composer repository • Not all plugins/themes available on wpackigist
  28. 28. Local Dev Tools • WP-CLI • Scheduled local backup • Copy production content to local Dev
  29. 29. Task Automation - Gulp • When tasks become repetitive: • SASS Compiling • Minification/Uglify • CSS Post Processing • Reload Dev
  30. 30. Task Automation Compile SASS Minify Uglify Concat Reload Browser Compress Images Front end developer automation workflow Dev
  31. 31. Code Management • Central repository for code • Manage code for a group of developers • Set access control • Merge pull requests • Branching workflow Dev
  32. 32. Git Branches Dev Stage Feature Master
  33. 33. Git-Flow Dev DevelopFeature Release Master Hotfix
  34. 34. Deployment
  35. 35. Deployment Origin Production Staging Dev
  36. 36. Deployment Dev
  37. 37. Content Best Practices • No content changes on production! • Use staging for review, approval process • Push content live when ready Content
  38. 38. Development Best Practices • Use the same workflow for all dev • Automate to reduce risk • Test on a separate environment Content
  39. 39. Resources edmundturbin.com/presentations/wordcamp-manchester/
  40. 40. Questions email: edmund.turbin@wpengine.com twitter: @spicecadet blog: www.edmundturbin.com

×