Spinning UP Sites- w i t h -

Company Address Goes HereSpinning up local sites with Local by Flywheel

2• A WordPress developer born and raised in Salem, Oregon • Started creative career as a screen printer • Moved to Tempe, Arizona in ’99 to attend Collins College • A Flash developer in the mid 2000s • Started building WordPress sites in 2010 and never looked back • Worked for some of the largest agencies in The Valley of the Sun • Now working full time for Lights Out Interactive in CO+HOOTS • Love to play FIFA, Golf, the Guitar… OR

Lights Out InteractiveDennis Dinsmore

DESIGNER

facebook.com/thedins

@lightsoutdins

linkedin.com/in/dennisdinsmore

dennis@lightsoutinteractive.com

ShakespeareChill at home with my sidekick

Questions!Please Save Your

Company Address Goes HereSpinning up local sites with Local by Flywheel

5Before Local Environments✓ Used to have separate staging site

✓ Had to FTP changes to staging site and refresh to see changes

✓ Was difficult to debug or make quick changes

✓ A new job with required local environments

Company Address Goes HereSpinning up local sites with Local by Flywheel

6After Local Environments✓ Setup a test environment within a matter of seconds with WordPress installed

✓ Pull down a live site and setup as a sandbox for new development

✓ Test a site in different hosting environments

✓ Enable PHP debugging in a local environment

✓ Test caching features similar to a live environment

Spinning up local sites with Local by Flywheel

7Installing Local by Flywheel

Company Address Goes HereSpinning up local sites with Local by Flywheel

8Spinning up a site on Local

1. Site Setup

2. Setup Environment

3. Setup WordPress

Easy as 1-2-3

WE DID IT!That’s It

• In under 30 seconds we spun up a new local site

• Let’s review how we spun up this site

• Let’s Review the options

Company Address Goes HereSpinning up local sites with Local by Flywheel

101. Site Setup

• Local site domain

• Local site path

• Create from a blueprint

Advanced Options

Company Address Goes HereSpinning up local sites with Local by Flywheel

112. Setup Environment

• Mirrors Flywheel hosting and caching (Varnish)

• Supports Connect to Flywheel

• Local PHP debugging not supported

Preferred

Company Address Goes HereSpinning up local sites with Local by Flywheel

122. Setup Environment

• Select custom environment options

• PHP Version

• Web Server

• MySQL

• Supports Local PHP debugging with Xdebug

Custom

Company Address Goes HereSpinning up local sites with Local by Flywheel

133. Setup WordPress• WordPress Username

• WordPress Password

• WordPress Email

Advanced Options• WordPress multisite

• Subdirectory

• Subdomain

That’s How

WE DO IT• Now that we spun up a site…

• How do we make changes to our server?

• What other cool features does Local offer?

Company Address Goes HereSpinning up local sites with Local by Flywheel

15Update Site Setup

• Update to the latest WordPress version with the click of a button

WordPress Version

• Update your PHP version

• Newer versions may need to download dependency

PHP Version

• Change to nginx or Apache

Web Server

Company Address Goes HereSpinning up local sites with Local by Flywheel

16Update Site Setup

• Easily change the site domain without a find & replace tool

• Great for deploying to a staging or live site

• Or change from non www to www

Site Domain

Company Address Goes HereSpinning up local sites with Local by Flywheel

17Database Connect Tools

• Great option to update and manage your database

• Similar to PHPMyAdmin

Adminer

• Mac SQL database management tool

Sequel Pro

Company Address Goes HereSpinning up local sites with Local by Flywheel

18SSL

• Shows the current version of OpenSSL

OpenSSL Version

• Select the Trust button to trust this certificate to bypass your browser’s secure connection warning

• A must have when pulling down a secure site for local testing

Certificate

Company Address Goes HereSpinning up local sites with Local by Flywheel

19UtilitiesBlueprints• Build WordPress sites faster with Blueprints

• Save your themes and plugins as a neat, pre-installed little package

Company Address Goes HereSpinning up local sites with Local by Flywheel

20UtilitiesMailhog• Mailhog is an email testing tool for developers

• Similar UI as a Gmail or Yahoo main platform

• Will intercept any emails sent from your local environment

• Prevents test emails going to your clients

Company Address Goes HereSpinning up local sites with Local by Flywheel

21Connect to Flywheel• Pair up Local and Flywheel for a delightfully simple development workflow

• Push or pull your site to Flywheel hosting with the push of a button

• Not supported with custom environment

Company Address Goes HereSpinning up local sites with Local by Flywheel

22UtilitiesXdebug• Xdebug is an extension for PHP to assist with debugging and development

• Used with PHP Storm in this presentation

• Must install Xdebug extension in Chrome or other browsers

• Not supported with Flywheel preferred environment

Company Address Goes HereSpinning up local sites with Local by Flywheel

23Live LinkEnable this feature to access your site live on the web

• Great for developing a staging site for a client

• Be careful of sites getting indexed

• Could open a security vulnerability?

Questions?Are there any

Company Address Goes HereSpinning up local sites with Local by Flywheel

25Resourceshttps://css-tricks.com/local-by-flywheel/

Industry Supporting Using FlyWheel

https://getflywheel.com/why-flywheel/blueprints/

Blueprints

https://getflywheel.com/wordpress-support/connect-to-flywheel/ https://local.getflywheel.com/connect-to-flywheel/

Connect to Flywheel

https://jtreminio.com/2012/07/xdebug-and-you-why-you-should-be-using-a-real-debugger/ https://www.sitepoint.com/debugging-xdebug-sublime-text-3/ https://xdebug.org/docs/remote

Xdebug

WCPhoenixUse the promo code “WCPhoenix” to get 50% off one month of the TINY WordPress

Managed Hosting by Flywheel

Spinning up local sites with Local by Flywheel

27Thank You