child themes, starter themes, and frameworks... oh my!
TRANSCRIPT
![Page 1: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/1.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/2.jpg)
– 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/3.jpg)
– 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/4.jpg)
SOME DEFINITIONS - MY
DEFINITIONS
F I R S T …
![Page 5: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/5.jpg)
• “...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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/6.jpg)
• 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/7.jpg)
• 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/8.jpg)
– 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/9.jpg)
– 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/10.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/11.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/12.jpg)
BOOTSTRAPF R A M E W O R K S
![Page 13: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/13.jpg)
BOOTSTRAPF R A M E W O R K S
![Page 14: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/14.jpg)
FOUNDATIONF R A M E W O R K S
![Page 15: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/15.jpg)
FRAMEWORK COMPARISONF R A M E W O R K S
![Page 16: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/16.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/17.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/18.jpg)
GENESISP A R E N T T H E M E S
![Page 19: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/19.jpg)
GENESISP A R E N T T H E M E S
![Page 20: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/20.jpg)
JUMP STARTP A R E N T T H E M E S
![Page 21: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/21.jpg)
JUMP STARTP A R E N T T H E M E S
![Page 22: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/22.jpg)
RESPONSIVEP A R E N T T H E M E S
![Page 23: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/23.jpg)
RESPONSIVEP A R E N T T H E M E S
![Page 24: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/24.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/25.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/26.jpg)
_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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/27.jpg)
_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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/28.jpg)
_TKS T A R T E R T H E M E S
![Page 29: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/29.jpg)
_TKS T A R T E R T H E M E S
![Page 30: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/30.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/31.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/32.jpg)
SO HOW DO YOU
CHOOSE???
![Page 33: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/33.jpg)
SO HOW DO YOU
CHOOSE???
![Page 34: Child Themes, Starter Themes, and Frameworks... Oh My!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/34.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/35.jpg)
– 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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/36.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/37.jpg)
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!](https://reader034.vdocuments.site/reader034/viewer/2022052413/559bdb9a1a28ab32158b46b8/html5/thumbnails/38.jpg)
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