What the heck is a child theme? <ul><li>“ A WordPress child theme is a theme that inherits the functionality of another th...
What can I use a child theme for? <ul><li>Customize the parent site design </li></ul><ul><li>Add in additional functionali...
Why would I use a child theme? <ul><li>Update the parent theme without losing your customizations </li></ul><ul><li>Did I ...
Example of a child theme
Example of a child theme
Example of a child theme
Example of a child theme
Example of a child theme
Example of a child theme
What do I need to get started? <ul><li>Choose a parent theme (check out twentyten & twentyeleven) </li></ul><ul><li>A new ...
Keep in mind… <ul><li>Your child theme can contain as many or as few files as you want </li></ul><ul><li>Files in your chi...
The CSS file * Template = folder name of the parent theme
Themes page For bonus points, add a screenshot.png file to your child theme folder. 300 x 225 pixels
Overriding style elements <ul><li>Parent Theme </li></ul><ul><li>Child Theme </li></ul>
Overriding style elements
Overriding files <ul><li>Parent Theme </li></ul><ul><li>Child Theme </li></ul>
Overriding files
Pluggable functions <ul><li>A function in a parent theme wrapped in function_exists() can be overridden by defining it in ...
Overriding functions Parent Theme Child Theme
Theme Frameworks <ul><li>Genesis – studiopress.com </li></ul><ul><li>Thematic – themeshaper.com </li></ul><ul><li>Hybrid –...
Resources <ul><li>http://codex.wordpress.org/Theme_Development </li></ul><ul><li>http://codex.wordpress.org/Child_Themes <...
Questions?
 
Upcoming SlideShare
Loading in...5
×

Intro to WordPress Child Themes

10,081

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
10,081
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
37
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Intro to WordPress Child Themes

  1. 2. What the heck is a child theme? <ul><li>“ 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.” </li></ul><ul><li>- The WordPress Codex </li></ul>
  2. 3. What can I use a child theme for? <ul><li>Customize the parent site design </li></ul><ul><li>Add in additional functionality </li></ul><ul><li>Save a bunch of time </li></ul>
  3. 4. Why would I use a child theme? <ul><li>Update the parent theme without losing your customizations </li></ul><ul><li>Did I mention the part about saving time? </li></ul>
  4. 5. Example of a child theme
  5. 6. Example of a child theme
  6. 7. Example of a child theme
  7. 8. Example of a child theme
  8. 9. Example of a child theme
  9. 10. Example of a child theme
  10. 11. What do I need to get started? <ul><li>Choose a parent theme (check out twentyten & twentyeleven) </li></ul><ul><li>A new folder in /wp-content/themes/ </li></ul><ul><li>A CSS file in your new theme </li></ul>
  11. 12. Keep in mind… <ul><li>Your child theme can contain as many or as few files as you want </li></ul><ul><li>Files in your child theme folder override files in the parent theme folder </li></ul><ul><li>Adding a functions.php will add-to rather than override functions.php from your parent theme </li></ul>
  12. 13. The CSS file * Template = folder name of the parent theme
  13. 14. Themes page For bonus points, add a screenshot.png file to your child theme folder. 300 x 225 pixels
  14. 15. Overriding style elements <ul><li>Parent Theme </li></ul><ul><li>Child Theme </li></ul>
  15. 16. Overriding style elements
  16. 17. Overriding files <ul><li>Parent Theme </li></ul><ul><li>Child Theme </li></ul>
  17. 18. Overriding files
  18. 19. Pluggable functions <ul><li>A function in a parent theme wrapped in function_exists() can be overridden by defining it in your child theme’s functions.php file </li></ul>
  19. 20. Overriding functions Parent Theme Child Theme
  20. 21. Theme Frameworks <ul><li>Genesis – studiopress.com </li></ul><ul><li>Thematic – themeshaper.com </li></ul><ul><li>Hybrid – themehybrid.com </li></ul>“ A Theme framework is a Theme designed to be a flexible foundation for quicker WordPress development, usually serving as a robust Parent Theme for Child Themes. ” - The WordPress Codex
  21. 22. Resources <ul><li>http://codex.wordpress.org/Theme_Development </li></ul><ul><li>http://codex.wordpress.org/Child_Themes </li></ul><ul><li>http://codex.wordpress.org/images/1/18/Template_Hierarchy.png </li></ul><ul><li>http://codex.wordpress.org/Plugin_API </li></ul><ul><li>http://aaron.jorb.in/thirtyten/ </li></ul>
  22. 23. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×