Transcript
Page 1: Child Themes, Starter Themes, and Frameworks... Oh My!

CHILD THEMES, STARTER

THEMES, AND FRAMEWORKS…

OH MY!

J U L I E K U E H L

Page 2: Child Themes, Starter Themes, and Frameworks... Oh My!

– W O R D P R E S S W I S D O M

“Don’t hack core.”

(or themes)

Page 3: Child Themes, Starter Themes, and Frameworks... Oh My!

– P R O S P E C T I V E C L I E N T

“Do you do custom theme development?”

Page 4: Child Themes, Starter Themes, and Frameworks... Oh My!

SOME DEFINITIONS - MY

DEFINITIONS

F I R S T …

Page 5: Child Themes, Starter Themes, and Frameworks... Oh My!

• “...a drop-in code library

used to facilitate

development of a theme”

“A front-end web development

framework is simply a

collection of production

ready HTML/CSS/JavaScript

components that we can use

in our designs.”

F R A M E W O R K

Page 6: Child Themes, Starter Themes, and Frameworks... Oh My!

• Requires a parent theme

Hint - many WordPress

“frameworks” are parent

themes

C H I L D T H E M E

Page 7: Child Themes, Starter Themes, and Frameworks... Oh My!

• Scares the crap out of

you

S T A R T E R

T H E M E

Page 8: Child Themes, Starter Themes, and Frameworks... Oh My!

– E V E R Y O N E I N T H I S R O O M

“So how do you choose?”

Page 9: Child Themes, Starter Themes, and Frameworks... Oh My!

– E V E R Y D E V E L O P E R E V E R Y W H E R E

“It depends.”

Page 10: Child Themes, Starter Themes, and Frameworks... Oh My!

FRAMEWORKS

PROS

• Base CSS

• Grid system

• Responsive

• Classes defined

• Typography

• Defines stuff you’d forget

about

• Broader than WordPress

Page 11: Child Themes, Starter Themes, and Frameworks... Oh My!

FRAMEWORKS

CONS

• Not a stand-alone theme

• Usually included in a

theme’s functions.php file

• http://www.punkchip.com/w

hy-dont-you-use-bootstrap/

Page 12: Child Themes, Starter Themes, and Frameworks... Oh My!

BOOTSTRAPF R A M E W O R K S

Page 13: Child Themes, Starter Themes, and Frameworks... Oh My!

BOOTSTRAPF R A M E W O R K S

Page 14: Child Themes, Starter Themes, and Frameworks... Oh My!

FOUNDATIONF R A M E W O R K S

Page 15: Child Themes, Starter Themes, and Frameworks... Oh My!

FRAMEWORK COMPARISONF R A M E W O R K S

Page 16: Child Themes, Starter Themes, and Frameworks... Oh My!

CHILD THEME

PROS

• Quickest and easiest choice

• DO THIS rather than hack the

theme

• Parent theme can carry the

weight

• Bork the child and the parent

is OK

• Works immediately

• 80% of the work is done for

you

Page 17: Child Themes, Starter Themes, and Frameworks... Oh My!

CHILD THEME

CONS

• At the mercy of the parent

theme’s code

• Quality

• Security

• Upgrades

• Compatibility

• Not the leanest strategy

Page 18: Child Themes, Starter Themes, and Frameworks... Oh My!

GENESISP A R E N T T H E M E S

Page 19: Child Themes, Starter Themes, and Frameworks... Oh My!

GENESISP A R E N T T H E M E S

Page 20: Child Themes, Starter Themes, and Frameworks... Oh My!

JUMP STARTP A R E N T T H E M E S

Page 21: Child Themes, Starter Themes, and Frameworks... Oh My!

JUMP STARTP A R E N T T H E M E S

Page 22: Child Themes, Starter Themes, and Frameworks... Oh My!

RESPONSIVEP A R E N T T H E M E S

Page 23: Child Themes, Starter Themes, and Frameworks... Oh My!

RESPONSIVEP A R E N T T H E M E S

Page 24: Child Themes, Starter Themes, and Frameworks... Oh My!

STARTER THEME

PROS

• You control (and are

responsible for) updates

• One and done

• It’s your code

• Lean and mean code

Page 25: Child Themes, Starter Themes, and Frameworks... Oh My!

STARTER THEME

CONS

• You control (and are

responsible for) updates

• You have to build the

theme

• 20% of the work is done for

you

Page 26: Child Themes, Starter Themes, and Frameworks... Oh My!

_S (UNDERSCORES)S T A R T E R T H E M E S

Page 27: Child Themes, Starter Themes, and Frameworks... Oh My!

_S (UNDERSCORES)S T A R T E R T H E M E S

Page 28: Child Themes, Starter Themes, and Frameworks... Oh My!

_TKS T A R T E R T H E M E S

Page 29: Child Themes, Starter Themes, and Frameworks... Oh My!

_TKS T A R T E R T H E M E S

Page 30: Child Themes, Starter Themes, and Frameworks... Oh My!

SOME LIKE IT NEATS T A R T E R T H E M E S

Page 31: Child Themes, Starter Themes, and Frameworks... Oh My!

SOME LIKE IT NEATS T A R T E R T H E M E S

Page 32: Child Themes, Starter Themes, and Frameworks... Oh My!

SO HOW DO YOU

CHOOSE???

Page 33: Child Themes, Starter Themes, and Frameworks... Oh My!

SO HOW DO YOU

CHOOSE???

Page 34: Child Themes, Starter Themes, and Frameworks... Oh My!

QUESTIONS TO ASK

• How will it (the site /

framework / parent theme)

change?

• Upgrades?

• Redesigns?

• Improvements?

• Budget? Timeframe?

• What will you be asking

the site to do?

• Heavy traffic?

• Heavy database use?

• Who’s going to support

it?

• What are you comfortable

with?

Page 35: Child Themes, Starter Themes, and Frameworks... Oh My!

– A N Y O N E W H O ’ S S T I L L W I T H M E

“So what do you recommend?”

Page 36: Child Themes, Starter Themes, and Frameworks... Oh My!

MY ADVICE

• Research the differences

between frameworks

• Choose one parent theme

and build several child

themes on it

• When you’re ready, find a

starter theme that you like

and use it for everything

Page 37: Child Themes, Starter Themes, and Frameworks... Oh My!

RIDE YOUR OWN RIDEI N T H E E N D , Y O U H A V E T O

Page 38: Child Themes, Starter Themes, and Frameworks... Oh My!

THANK

YOU!QUESTIONS?

J U L I E @ J U L I E K U E H L . C O M

@ J U L I E K U E H L


Top Related