Dee Teal
WordCamp Welly 2014
GETTING into WordPress
FRONT_END Development
@thewebprincess#wordcampwelly
in the seventies…
I HAD NO THOUGHT
A DEVELOPER
TOBE
@thewebprincess
DIVE RIGHT IN
WHERE DO YOU FIT in 

DEE’S DEVELOPER PATH?
the

Tinker
the

Hobbyist
the

Professional
@thewebprincess#wordcampwelly
Familiarity with what your theme offers

A basic understanding of HTML & CSS



Customise an Existing Theme

Change Theme Colours, Backgrounds and
Headings and other simple edits
Should be across the following
Wants to be able to
THE TINKER
@thewebprincess#wordcampwelly
Familiarity with Your Theme Options
THE TINKER
@thewebprincess#wordcampwelly
Where to go to learn
Understanding Basic HTML & CSS
THE TINKER
http://www.codecademy.com/
http://teamtreehouse.com/
@thewebprincess#wordcampwelly
Using theme Options to edit CSS
THE TINKER
Woo ThemesElegant Themes
@thewebprincess#wordcampwelly
THE HOBBYIST


Child Themes 

WordPress’ File Structure

Basic PHP

Builder Themes

Customise existing themes 

to individualise client sites. 

Go beyond theme settings without having

to write loads of code

Edit and change layouts and widget areas

Should be across the following
Wants to be able to
@thewebprincess#wordcampwelly
Browser
Tools
FTPText Editor
Editing Files

Links to FTP

Syntax Highlighting
Moving Files from

one Local Machine

to Remote Server
Examining site to

Find CSS Rules

Finding Colours
*
@thewebprincess
THE HOBBYIST
*Premium Product
THE HOBBYIST
Keeping the upgrade path clear

and your tweaks all in one place.
Child Themes
@thewebprincess#wordcampwelly
THE HOBBYIST
Child Themes
@thewebprincess#wordcampwelly
THE HOBBYIST
Child Themes
@thewebprincess#wordcampwelly
@thewebprincess
Other Available Tools
Builder Themes
#wordcampwelly
@thewebprincess#wordcampwelly
@thewebprincess#wordcampwelly
@thewebprincess#wordcampwelly
THE PROFESSIONAL
PHP

The WordPress Loop

Hooks and Filters

WordPress’ Code Standards



Build Themes from Scratch

Convert PSD files into WP Themes
Should be across the following
Wants to be able to
@thewebprincess#wordcampwelly
CODE

Tools
MiGRATION

Tools
LOCAL 

Environment
Creating an ‘offline’

web server for testing.
BackupBuddy

WP Migrate DB Pro
Advanced Editing

Snippet Library
* **
@thewebprincess
THE PROFESSIONAL
*Premium Product
_S (underscores)
@thewebprincess
A THOUSAND Hour Head Start
underscores.me
#wordcampwelly
@thewebprincess
@thewebprincess
Genesis Theme Framework
@thewebprincess
September 2012
Text
WHERE TO NEXT?
@thewebprincess
Everything you need to know can
be found… on the Internet…
research… learn…
Connect with and collaborate

with the community… they

are willing to teach if you are

keen to learn
#wordcampwelly
Q
?
A&
@thewebprincess#wordcampwelly
Thanks!
http://thewebprincess.com

@thewebprincess

http://facebook.com/thewebprincess

Getting into WordPress Front End Development