Introduction to WordPress Child Themes

15
Introduction to WordPress Child Themes Level: Beginner

description

WordPress Ann Arbor Meetup June 2011. Introduction to WordPress Child Themes.

Transcript of Introduction to WordPress Child Themes

Page 1: Introduction to WordPress Child Themes

"

Introduction to WordPress Child

Themes Level: Beginner

Page 2: Introduction to WordPress Child Themes

What is a Child Theme

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme.

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

Page 3: Introduction to WordPress Child Themes

Why use a Child Theme?

Child themes are the recommended way of making modifications to a theme.

Page 4: Introduction to WordPress Child Themes

Child Theme File Structure?

WordPress Child Themes are located in /wp-content/themes/ like any other WordPress Theme.

Page 5: Introduction to WordPress Child Themes

Child Theme File Structure?

They’re activated from the WordPress admin like any other theme.

Page 6: Introduction to WordPress Child Themes

Child Theme File Structure?

Child Themes always have a style.css file and may often include a functions.php file.

Page 7: Introduction to WordPress Child Themes

The Child Theme CSS File

style.css is the only file required for a child theme.

Page 8: Introduction to WordPress Child Themes

The Child Theme CSS File

/* Theme Name: Twenty Ten 1.2 Child Theme URI: http://wordpressannarbor.com/ Description: Child theme for the Twenty Ten by WordPress Author: Declan O'Neill Author URI: http://wordpressannarbor.com/ Template: twentyten Version: 1.0 */

Page 9: Introduction to WordPress Child Themes

The Child Theme CSS File

Theme Name: Twenty Ten 1.2 Child Theme

[Required]

Page 10: Introduction to WordPress Child Themes

The Child Theme CSS File

Theme URI: Webpage

[Optional]

Page 11: Introduction to WordPress Child Themes

The Child Theme CSS File

Description: Child theme for the Twenty Ten by WordPress

[Optional]

Page 12: Introduction to WordPress Child Themes

The Child Theme CSS File

Author URI: Author Webpage.

[Optional]

Page 13: Introduction to WordPress Child Themes

The Child Theme CSS File

Author: Author name.

[Optional]

Page 14: Introduction to WordPress Child Themes

The Child Theme CSS File

Template: Directory name of parent theme. Case-sensitive.

[Required]

Page 15: Introduction to WordPress Child Themes

Thank You!

Questions?

Declan O’Neill / www.cake.ie