getting into wordpress front end development

Dee Teal

WordCamp Welly 2014GETTING into WordPressFRONT_END Development

@thewebprincess#wordcampwelly

in the seventies…

I HAD NO THOUGHTA DEVELOPER TO

BE

@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 OptionsTHE TINKER

@thewebprincess#wordcampwelly

Where to go to learn

Understanding Basic HTML & CSSTHE TINKER

http://www.codecademy.com/

http://teamtreehouse.com/

@thewebprincess#wordcampwelly

Using theme Options to edit CSSTHE 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 FilesLinks to FTP

Syntax Highlighting

Moving Files fromone Local Machine to Remote Server

Examining site toFind CSS RulesFinding Colours

*

@thewebprincess

THE HOBBYIST

*Premium Product

THE HOBBYIST

Keeping the upgrade path clear and your tweaks all in one place.

Child Themes

@thewebprincess#wordcampwelly

@thewebprincess

Other Available ToolsBuilder Themes

#wordcampwelly

THE PROFESSIONAL

PHP The WordPress Loop

Hooks and Filters WordPress’ Code Standards

Build Themes from Scratch Convert PSD f iles into WP Themes

Should be across the following

Wants to be able to

@thewebprincess#wordcampwelly

CODE Tools

MiGRATION Tools

LOCAL Environment

Creating an ‘off line’web server for testing.

BackupBuddyWP Migrate DB Pro

Advanced EditingSnippet Library

* **

@thewebprincess

THE PROFESSIONAL

*Premium Product

_S (underscores)

@thewebprincess

A THOUSAND Hour Head Startunderscores.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