Downloaded 76 times
Uploaded bySara Cannon
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
This document explains what a child theme is in WordPress, detailing its purpose to inherit functionality from a parent theme and enabling customization of design and functionality. It outlines the benefits of using child themes, such as maintaining updates without losing modifications and saving time over the long run. Additionally, it provides basic instructions for creating a child theme, including necessary files and CSS tips.
More Related Content
Similar to Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
- 1. by sara cannon/ sara-cannon.com / follow @saracannon Saturday, August 21, 2010
- 2. LOVE A THEMEBUT WANT TO CUSTOMIZE IT? No Problem! Saturday, August 21, 2010
- 3. CHILD THEMES TOTHE RESCUE! Saturday, August 21, 2010
- 4. WHAT IS ACHILD THEME? (and why should I use it?) Saturday, August 21, 2010
- 5. WHAT IS ACHILD THEME? WORDPRESS CODEX: 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. Saturday, August 21, 2010
- 6. WHAT IS ACHILD THEME? USE A CHILD THEME TO: • Add to the theme’s functionality • Modify CSS/Design • Add Custom Templates / Post Types Saturday, August 21, 2010
- 7. EXAMPLES OF CHILDTHEMES Saturday, August 21, 2010
- 8.
- 9. SPEAKY BY WPBEGINNER PARENT THEME: TWENTYTEN Saturday, August 21, 2010
- 10. HALE COUNTY HUMANESOCIETY BY DAN GAVIN PARENT THEME: TWENTYTEN Saturday, August 21, 2010
- 11. FD LAWFIRM BYSCOUT BRANDING PARENT THEME: TWENTYTEN Saturday, August 21, 2010
- 12. WHY IS CHILDTHEMING AN IMPORTANT PRACTICE? Saturday, August 21, 2010
- 13. WHY CHILD THEME? • Updates to the Parent without overwriting CSS wp_list_pages(); to wp_nav_menu(); • Parental updates = longevity • Saves time in the long run Saturday, August 21, 2010
- 14. HOW DO IMAKE MY OWN CHILD THEME? Saturday, August 21, 2010
- 15. MAKING A CHILDTHEME IT IS AS SIMPLE AS: • The parent theme in the themein 3.0!) (twentyten is already installed folder • A new directory in the theme folder for your child theme to live • Your new child theme CSS file Saturday, August 21, 2010
- 16.
- 17. MAKING A CHILDTHEME CHILD THEME CSS FILE: • Make a new CSS File • Edit the CSS header to say: • IMPORT the Parent’s CSS file Saturday, August 21, 2010
- 18. MAKING A CHILDTHEME • Anyoverwritesto theprevious selectors file changes any new CSS child theme twentyten CSS: twentyten child CSS: Saturday, August 21, 2010
- 19. MAKING A CHILDTHEME Saturday, August 21, 2010
- 20. MAKING A CHILDTHEME CSS TIPS: • Keep in mind CSS Specificity http://www.smashingmagazine.com/2007/07/27/css-specificity- things-you-should-know/ • More specific = WIN! • Firebug Firefox Plugin Saturday, August 21, 2010
- 21. MAKING A CHILDTHEME CHILD THEME FUNCTIONS FILE: • Unlike style.css... functions.phpto it. NOT overwrite functions but ADDS does • Smart choice of a parent theme will have pluggable functions • Or hooks you canor remove_filter() remove_action() remove with Saturday, August 21, 2010
- 22. RESOURCES: CODEX: http://codex.wordpress.org/Child_Themes CSS SPECIFICITY: http://www.smashingmagazine.com/2007/07/27/css-specificity- things-you-should-know/ MODIFYING THEMES: http://themeshaper.com/modify- wordpress-themes/ Saturday, August 21, 2010
- 23. by sara cannon/ sara-cannon.com / follow @saracannon Saturday, August 21, 2010