You Can Set Up A

WordPress Dev Environment

on

Windows

Who am I and why am I up here?

  • 40+ years in IT
  • Beginning with software and now returning to it
  • Freelance web developer and business owner
  • Started with Microsoft -
      Why change now?

You may be familiar with ...

Windows BSOD circa Win XP

Goal for Session

  • Create environment on a Windows 10 box that
    • Offers familiar Windows UI
    • Robust toolset
    • Duplicatable
    • Low cost
  • Includes features such as:
    • Local build & testing
    • Smart file editing
    • FTP connection to hosting server
    • Deployment

This is What I Have in Mind

  • DesktopServer
  • Sublime Text 3
  • FileZilla FTP Client
  • SourceTree GUI Git Interface
  • WP Migrate DB Pro painfree migration
  • Bitbucket Distributed Version Control / Backup

This is What I Have in Mind

Tools In Use

Let's Jump In

Note to self:

Talk about the tools

My LAMP Stack

DesktopServer

Editor Preference

  • Sublime Text 3 - Eval Free / Buy $70

FTP Client - Really?

  • Yes - I insist!
  • FileZilla - Just get it
  • No editing files using the dashboard editor

DesktopServer

  • "Buy" Free Version
  • Download & Install
  • Windows Installs to c:\xampplite

Setup DesktopServer

C:\xampplite folder

Build First Site - WordPress 5 Minute Install

  • Start DesktopServer
  • Create Shortcut => c:\xampplite\DesktopServer.exe
  • Run as Administrator
  • Port 80 Conflict => Skype?
DesktopServer - Create a New Dev Site
DesktopServer - Set Up Details
DesktopServer - Folder Structure & db Created
Restart Web Services to Read New Site Information
DesktopServer - Config Done
Admin Time
Add New WordPress Website Details
WordPress 5 Minute Install Completes
Website Login with DKTPSVR Bypass Login Plugin
WordPress Dashboard //meetup-tester.dev/wp-admin
New WordPress site - Front End View
Windows View of Your New Website

Code Editing / Development

  • Open Local Project Folder in Sublime Text
  • Save Sublime Project
  • Edit PHP and CSS as needed - Save
  • Create files as needed - Save
  • PHP aware - syntax highlighting
This is what we're talking about
Open your website project folder from disk
Browse to folder in local directory tree
Complete access to project files
Local editing functions.php
Test Changes
  • Save files!
  • Switch to Browser
  • Refresh
  • Repeat ad nauseam

A Little Deployment Anyone? Basic Assumptions

  • New WordPress Installation Exists on Host
  • Plugin WP Migrate DB Pro Installed and Activated
    on local and remote sites
    • Migrate DB Pro handles the handshake between installations
    • Authenticates connection
    • Uploads DB to remote server
    • Performs Search & Replace on db table entries
  • Connect to remote site via FTP
    • Upload wp-content folder
Waving of Hands
Magic Deployment Happens

Deployment Magic with
WP Migrate DB

Create New Migration Profile
Push Local db to Password Protected Remote
Connect Successful. Search & Replace Set Automatically
Migration in Progress
Migration Completed

Dull FTP Upload of WP-CONTENT

  • FileZilla
  • SFTP/FTP connection to remote site
  • Drag WP-CONTENT from local to remote

Remainder of Git process
  left as an exercise for the viewer ;-)

Sigh

Lather · Rinse · Repeat

Time For A Little Control

  • SourceTree
  • Create a local repository
  • Add your project folder

Remainder of Git process
  left as an exercise for the viewer ;-)

SourceTree - After Windows Install
SourceTree - create New (Local) Repository
SourceTree - Success
SourceTree - Project Repo on Left - Folder Detail on Right
Ready for staging
Bitbucket Showing Repo w/Initial Commit

Lingering Thoughts


anyone?
    anyone?

Thanks!

https://mattryan.co · [email protected] · @MattRy