1.
Child Themes
WordPress Meetup Bangkok, 2014/08/17
Shinichi Nishikawa

2.
What is a Child
Theme?

3.
Codex
A child theme is a theme that inherits the
functionality of another theme, called the
parent theme.
!
Child themes allow you to modify, or add to the
functionality of that parent theme.
!
A child theme is the best, safest, and easiest
way to modify an existing theme.

4.
Codex
A child theme is a theme that inherits the
functionality of another theme, called the
parent theme.
!
Child themes allow you to modify, or add to the
functionality of that parent theme.
!
A child theme is the best, safest, and easiest
way to modify an existing theme.

5.
Codex
A child theme is a theme that inherits the
functionality of another theme, called the
parent theme.
!
Child themes allow you to modify, or add to the
functionality of that parent theme.
!
A child theme is the best, safest, and easiest
way to modify an existing theme.

6.
Codex
Child Theme:
http://codex.wordpress.org/Child_Themes

7.
Parent Theme?
Any WordPress themes can be a Parent
Theme.
Exception: You can’t make a Child Theme
of another Child Themes.

8.
How to make a child theme
1. Create a folder in wp-content/themes
2. Put style.css with
“Template: ParentThemeDirName”
in Comment.
3. Add what you want.

9.
Demo 1
Parent Theme: Twenty Fourteen
Child Theme: Shin 2014

10.
Concept of Child Theme
Don’t reinvent the wheel.
Change only what you need.
Protect changes from theme updates.

11.
Override
You can override 3 things
1. css
2. template files
3. functions in functions.php

12.
1. Override css
a presentation by Brandon Dove.
http://www.slideshare.net/
brandondove/parentchild-themes-vs-
theme-frameworks/5

13.
Demo 2
Parent Theme: Twenty Thirteen
Child Theme: nu2013
https://wordpress.org/themes/nu2013
Example: nskw-style.com

14.
2. Override template files
If Child Theme has a template file,
WordPress uses that.
If not, WordPress uses a template file in
Parent Theme.

15.
3. Override functions.php
2 ways.
1. add functions.
→ example in nu2013
2. override functions.
→ devdmbootstrap3

16.
Demo 3
Parent Theme: devdmbootstrap3
Child Theme: devdmbootstrap3-child
https://wordpress.org/themes/
devdmbootstrap3

17.
Child Themes vs
Theme Frameworks.

18.
Theme Framework
Examples
Underscores: underscores.me
Roots: roots.io/starter-theme

19.
Which to choose?

20.
Child themes?
When you find a good parent theme.
And it’s almost what you want.
And you need to change a little bit.
( When the budget is very small )

21.
Theme Framework?
When you create from scratch.
When you have your own design.
When you change a lot from the original
theme.