Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
 
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
×
Upcoming SlideShare
Building crowdsourcing applications
Next
Download to read offline and view in fullscreen.

2

Share

Download to read offline

Intro to WordPress Child Themes

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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?
  • kitseeborg

    May. 8, 2012
  • Leistungsakademie

    Jul. 20, 2011

Views

Total views

12,837

On Slideshare

0

From embeds

0

Number of embeds

2,193

Actions

Downloads

37

Shares

0

Comments

0

Likes

2

×