51

Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

Embed Size (px)

DESCRIPTION

If you've been building WordPress websites for a while you may already be familiar with Child Themes.  They are the recommended way of making modifications to an existing theme. Chris shows us the basics of Child Theming, including the why it is so recommended and how to actually make your first WordPress Child Theme.

Citation preview

Page 1: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 2: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 3: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 4: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 5: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 6: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 7: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 8: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 9: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 10: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

Photo by Garreth Wicock - http://www.flickr.com/photos/gjmj/

Page 11: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 12: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 13: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 14: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 15: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

Photo by Thomas Hawk - http://www.flickr.com/photos/thomashawk/

Page 16: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 17: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 18: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 19: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 20: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 21: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 22: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

“child themes are the recommended way

of making modifications to a theme”

Source: http://codex.wordpress.org/Child_Themes

Page 23: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 24: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

• Changing favicon

• Changing logo / banner

• Adding additional components (e.g. bbPress)

• Changing colour scheme

Page 25: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 26: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

wp-content

themes

twentyeleven

wcsyd

Page 27: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

wp-content

themes

twentyeleven

wcsyd

wcsyd-child

Page 28: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

themes

twentyeleven

wcsyd

wcsyd-child

style.css

Page 29: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

“style.css is the one and only required file in a

child theme. It replaces the style.css of the

parent.”

Source: http://codex.wordpress.org/Child_Themes

Page 30: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

/*

Theme Name: WCSyd Child

Template: wcsyd

*/

Page 31: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

“It replaces the style.css of the

parent.”

Source: http://codex.wordpress.org/Child_Themes

Page 32: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

/*

Theme Name: WCSyd Child

Template: wcsyd

*/

@import url("../wcsyd/style.css");

Page 33: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 34: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 35: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 36: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

wcsyd

wcsyd-child

single.php

single.php

Page 37: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

wcsyd

wcsyd-child

archive.php

archive.php

Page 38: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 39: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

The functions.php is loaded in addition to the parent’s

functions.php. (Specifically, it is loaded right

before the parent’s file.)

Source: http://codex.wordpress.org/Child_Themes

Page 40: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

wcsyd-child

wcsyd

functions.php

functions.php

Page 41: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 42: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

• do_action()

• apply_filters()

• get_template_part()

• function_exists()

Page 43: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012

• require_once()

• include_once()

• !important (css)

*May be suitable in

certain circumstance

Page 44: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 45: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 46: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 47: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 48: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 49: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012
Page 51: Child Theming WordPress - Chris Aprea - WordCamp Sydney 2012