working in harmony
TRANSCRIPT
![Page 1: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/1.jpg)
Working in HarmonyOptimize development and content workflows
![Page 2: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/2.jpg)
Agenda
• Your team
• Working in Harmony
• Development tools
• Development workflow
• Deployment
• Content workflow
![Page 3: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/3.jpg)
Who’s On Your Team
Dev Content
PM AM QA
![Page 4: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/4.jpg)
Working Together
• No one works alone
• Development Workflow/Best Practices
• Content Workflow
![Page 5: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/5.jpg)
Local Dev Environment
![Page 6: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/6.jpg)
Local Dev Environment
• MAMP/XAMPP
• Local Server
• Vagrant
• Docker
Dev
![Page 7: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/7.jpg)
MAMP/XAMPP
• Installs a web server on your machine
• Relies on OS
• May conflict with apps already installed
Dev
![Page 8: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/8.jpg)
Vagrant
• Creates virtual machine
• Automated install
• Quick and simple to setup
• All devs working with the same system
Dev
![Page 9: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/9.jpg)
Docker
• Uses containers
• Many containers on one VM
• Automated install
Dev
![Page 10: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/10.jpg)
Developer Tools
![Page 11: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/11.jpg)
Dev Starting Point
• The same tools/plugins
• The same environment
• The same workflow
Dev
![Page 12: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/12.jpg)
Plugins
• Dev/Debug tools
• Environment Indicators
• Demo Content Creator
• User Switching
Dev
![Page 13: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/13.jpg)
Local Dev Tools
• Git-flow
• WP-CLI
• Scheduled local backup
• Copy production content to local
Dev
![Page 14: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/14.jpg)
Automation
• When tasks become repetitive
• SASS Compiling
• Minification
Dev
![Page 15: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/15.jpg)
Task Automation
SASS Compile Minify ReloadCSS
Front end developer automation workflow
Dev
![Page 16: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/16.jpg)
Code Management
• Central repository for code
• Branching workflow
Dev
![Page 17: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/17.jpg)
Git Branches
Dev
Stage Feature Master
![Page 18: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/18.jpg)
Git-Flow
Dev
DevelopFeature Release Master Hotfix
![Page 19: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/19.jpg)
Dependency Management
Dev
Plugin
Theme
Plugin
WP Core
![Page 20: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/20.jpg)
Dependency Management
• Composer
• Keep versions in sync for team
• Manage plugin, themes
Dev
![Page 21: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/21.jpg)
WordPress Packagist
• Mirror of WordPress Plugins, Themes and Core
• Composer repository
• Not all plugins/themes available on wpackigist
![Page 22: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/22.jpg)
Development Workflow
![Page 23: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/23.jpg)
Why Use Tiers?
•Do not work on live production environment
• Schedule releases, features, bug fixes
• Limit access
•Code changes won’t interfere with content staging
![Page 24: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/24.jpg)
Tiers for development
.local
.dev
.stage
.prod
.qa
.testDev
production
local
stage
![Page 25: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/25.jpg)
Production Tier
Dev
![Page 26: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/26.jpg)
Staging Tier
Dev
![Page 27: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/27.jpg)
Development Tier
Dev
![Page 28: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/28.jpg)
Deployment
![Page 29: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/29.jpg)
Central Repo
• Manage code for a group of developers
• Set access control
• Merge pull requests
• Push to multiple servers
Dev
![Page 30: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/30.jpg)
Deployment
Origin Production
Staging
Dev
![Page 31: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/31.jpg)
Deployment
Dev
![Page 32: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/32.jpg)
Content Workflow
![Page 33: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/33.jpg)
Tiers for content creators
• qa
• staging
• production
Content
production
local
stage
![Page 34: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/34.jpg)
How Can I Stage Content?
• Export/import via WordPress core functionality
• Raw database export
• Database management plugins
Content
![Page 35: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/35.jpg)
Content Staging Systems
• Content Deployment Plugins/Systems
• Backup Plugins
• Platform/Host Based Solutions
Content
![Page 36: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/36.jpg)
Content Staging Plugin
• Batch Deploy Content
• Preflight Check
• Push custom posts, media
Content
![Page 37: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/37.jpg)
Content Wishlist
• History/Audit Trail
• Two way sync/merging changes for conflict resolution
• Multi tier deploy
• push to staging, QA
• pull new content to dev
Content
![Page 38: Working in harmony](https://reader034.vdocuments.us/reader034/viewer/2022050614/58a32a5c1a28ab71398b638f/html5/thumbnails/38.jpg)
Content Best Practices
• No content changes on production!
• Use staging for review, approval process
• Push content live when ready
Content
One Squared Presentation: Brian Kavicky - Sales and Operations in Harmony: Working with Rapid Growth
A well oiled machine ensuring everyone is working in harmony ins zoom power user conference jan 2016