THE ULTIMATE WORDPRESS DEVELOPMENT ENVIRONMENT

Matt Geri / @MattGeri

https://google.com/?q=matt+geri

WHY?

•Write more code in less time• Reduce the amount of bugs in your code• Implement coding standards strictly

SO THAT YOU CAN…

SO, WHAT IS THE ULTIMATE WORDPRESS

DEVELOPMENT ENVIRONMENT?

1. Local server2. IDE / Text Editor

3. Code checking

4. Debugging5. Deployment

1. LOCAL SERVER•Web server•Database server•WordPress• Version control•WP-CLI

LOCAL WEB SERVER

VIRTUALIZE!

WHY VIRTUALIZE?

•No manual installation required (scripted)• Portable (any platform – same environment)• Closely replicate production

I USE VVV

WHAT DOES IT LOOK LIKE?

FROM THE FRONTEND

COMMAND LINE WORDPRESS

WP-CLI EXAMPLE

2. IDE / Text Editor

KNOWS WORDPRESS, DEEPLY

BUILT IN TERMINAL

BUILT IN SOURCE CONTROL

BUILT IN MYSQL ADMIN

BUILT IN TESTING

BUILT IN SNIPPETS

SO MUCH MORE!

• Smart refactoring• Vagrant support• Composer• Syntax linting…

3. CODE CHECKING

• PHP Code Sniffer•WP Coding Standards

PHPCS / WPCS

<?php// Display the titleecho $_GET[‘title’];?>

WPCS EXAMPLE

4. DEBUGGING

Yes, unfortunately this is the logo…

SET A BREAKPOINT

VISIT WEBSITE IN BROWSER

INSPECT!

5. DEPLOYMENT•Git•WP Pusher•Travis (CI)

WP PUSHER

CONNECT THEME REPO

PUSH A CHANGE

1. Local server2. IDE / Text Editor

3. Code checking

4. Debugging5. Deployment

THAT’S ALL!QUESTIONS?

mattgeri.com/wceu