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
    • Version Control
    • Deployment

This is What I Have in Mind


  • DesktopServer
  • Sublime Text 3
  • FileZilla FTP Client
  • Local versioning
  • Cloud-based Remote repository / backup
  • Minimal headache deployment

This is What I Have in Mind


Tools In Use

Let's Jump In


Note to self:

Talk about the tools

DesktopServer

Editor Options


  • Sublime Text 3 - Eval Free / Buy $70

Editor Options


  • Atom - Open Source / Free
  • Editor Options


  • Notepad ++ - Open Source
  • FTP Client - Really?


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

    Setup 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 (run as administrator??)

          c:\xampplite\DesktopServer.exe
    DesktopServer - create a new development website
    DesktopServer - Startup Screen - example.dev
    DesktopServer - Set up Website Details
    DesktopServer - Folder Structure & db created
    Restart Web Services to Read New Site Information
    DesktopServer - Config Done
    Admin Time
    Browser Launch of New WordPress Admin
    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

    Time For A Little Control


    • Jump to 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

    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 and Magic Deployment Happens

    Sigh

    Lather · Rinse · Repeat

    Lingering Thoughts



    anyone?
        anyone?

    Thanks!


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