Developing Locally with WordPress: No More Cowboy Coding

3,551 views

Published on

Discussing how to setup a local development environment for WordPress and why you want to develop and test locally. Find out how to fix problems like “it works on my machine” before they happen, and how to test updates and changes without cowboy coding and breaking your website.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,551
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Developing Locally with WordPress: No More Cowboy Coding

  1. 1. Developing Locally with WordPress: No More Cowboy Coding ! Matt Banks ! @mattbanks
  2. 2. Why Develop Locally? • Test new features and updates without breaking your live/production site - no Cowboy Coding • Run Nightly/Beta builds of WordPress for testing • Contribute to Core! • Work offline, anywhere
  3. 3. Don’t be a Cowboy Coder
  4. 4. Running a Local Server • MAMP / XAMMP / WAMP • DestopServer • Native LAMP Stack • Vagrant
  5. 5. MAMP / XAMMP / WAMP • Self-contained applications to run local servers • MAMP - http://www.mamp.info/ - Mac • XAMMP - http://www.apachefriends.org/en/ xampp.html - Mac/Windows • WAMP - http://www.wampserver.com/ - Windows
  6. 6. DesktopServer • Free and Paid versions available • LAMP stack + WordPress installed • http://serverpress.com/products/desktopserver/
  7. 7. Installing MAMP • Download and run Installer • Open app, visit 
 http://localhost:8888/ • Party!
  8. 8. Native LAMP Stack • More advanced, more customizable • Built in Apache/PHP in Mac + Homebrew • brew install mysql Configure Apache, Hosts file, etc.
 • 
 http://joshuakaiser.com/2012/08/29/configuringa-lamp-stack-on-mac-os-10-8/
  9. 9. Vagrant • The ultimate local development environment • Manage virtual machines • http://www.vagrantup.com/
  10. 10. Benefits of Vagrant • Mimic your production environment • No more “It worked for me in development” • Manage multiple virtual machines to mimic multiple hosting environments • Compartmentalized and portable
  11. 11. Installing Vagrant Download/install VirtualBox
 • 
 https://www.virtualbox.org/ Download/install Vagrant
 • 
 http://www.vagrantup.com/
  12. 12. Vagrant Boxes Download pre-made boxes from Vagrant or other users
 • 
 http://www.vagrantbox.es/ • Create your own Vagrant box • PuPHPet
 
 https://puphpet.com/ Share it on GitHub!
 • 
 https://github.com/mattbanks/ vagrant-dev-box
  13. 13. Varying Vagrant Vagrants • Terrific LEMP (Nginx) Vagrant box from 10up • Includes WordPress stable, trunk, src (trunk development files), and build (dev files built with Grunt)
 
 https://github.com/10up/varying-vagrantvagrants
  14. 14. Booting a Vagrant Box • Go to your Vagrant box folder in Terminal • Run “vagrant up” • Box will download and provision (may take a few minutes the first time)
  15. 15. Now What? Install WordPress,
 of course!
 
 http://codex.wordpress.org/ Installing_WordPress
 
 http://codex.wordpress.org/ Installing_WordPress_Locally _on_Your_Mac_With_MAMP
  16. 16. Demo
  17. 17. Thank You! If you have any questions, let me know! ! matt@kernelcreativemedia.com ! Twitter: @mattbanks ! Skype: mattbanks-14

×