Transcript
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

Top Related