• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
 

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

on

  • 5,729 views

Interested in customizing themes to fit your needs and design? We'll be using the new default WordPress theme Twentyten as a base for looking at best practices and how to's for theme customization. We ...

Interested in customizing themes to fit your needs and design? We'll be using the new default WordPress theme Twentyten as a base for looking at best practices and how to's for theme customization. We will demonstrate how to make a child theme and what are some good standard practices that you should know to keep your new theme healthy and update-able in order to save you time as well as keep it relevant in the future.

Statistics

Views

Total Views
5,729
Views on SlideShare
4,587
Embed Views
1,142

Actions

Likes
9
Downloads
69
Comments
0

8 Embeds 1,142

http://sara-cannon.com 1054
http://www.sara-cannon.com 69
http://foamers.net 12
http://www.linkedin.com 3
http://scoutdoeswebsites.com 1
http://wpslide.com 1
http://webcache.googleusercontent.com 1
http://translate.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010 Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010 Presentation Transcript

    • by sara cannon / sara-cannon.com / follow @saracannon Saturday, August 21, 2010
    • LOVE A THEME BUT WANT TO CUSTOMIZE IT? No Problem! Saturday, August 21, 2010
    • CHILD THEMES TO THE RESCUE! Saturday, August 21, 2010
    • WHAT IS A CHILD THEME? (and why should I use it?) Saturday, August 21, 2010
    • WHAT IS A CHILD 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
    • WHAT IS A CHILD THEME? USE A CHILD THEME TO: • Add to the theme’s functionality • Modify CSS/Design • Add Custom Templates / Post Types Saturday, August 21, 2010
    • EXAMPLES OF CHILD THEMES Saturday, August 21, 2010
    • TWENTYTEN Saturday, August 21, 2010
    • SPEAKY BY WPBEGINNER PARENT THEME: TWENTYTEN Saturday, August 21, 2010
    • HALE COUNTY HUMANE SOCIETY BY DAN GAVIN PARENT THEME: TWENTYTEN Saturday, August 21, 2010
    • FD LAWFIRM BY SCOUT BRANDING PARENT THEME: TWENTYTEN Saturday, August 21, 2010
    • WHY IS CHILD THEMING AN IMPORTANT PRACTICE? Saturday, August 21, 2010
    • 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
    • HOW DO I MAKE MY OWN CHILD THEME? Saturday, August 21, 2010
    • MAKING A CHILD THEME 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
    • TWENTYTEN Saturday, August 21, 2010
    • MAKING A CHILD THEME 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
    • MAKING A CHILD THEME • Anyoverwritesto theprevious selectors file changes any new CSS child theme twentyten CSS: twentyten child CSS: Saturday, August 21, 2010
    • MAKING A CHILD THEME Saturday, August 21, 2010
    • MAKING A CHILD THEME 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
    • MAKING A CHILD THEME 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
    • 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
    • by sara cannon / sara-cannon.com / follow @saracannon Saturday, August 21, 2010