Meetup child-themes
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Meetup child-themes

  • 3,287 views
Uploaded on

Presentation for Westchester/Hudson Valley WordPress Meetup - September 29, 2010

Presentation for Westchester/Hudson Valley WordPress Meetup - September 29, 2010

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,287
On Slideshare
1,847
From Embeds
1,440
Number of Embeds
7

Actions

Shares
Downloads
11
Comments
0
Likes
1

Embeds 1,440

http://daisyolsen.com 1,155
http://wpcharity.com 278
http://feeds.feedburner.com 3
http://translate.googleusercontent.com 1
http://feeds.daisyolsen.com 1
http://www.365dailyjournal.com 1
http://ranksit.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Child Themes Daisy Olsen http://daisyolsen.com
  • 2. What is a Child Theme
    • Installed and activated like any other theme
    • 3. Dependent on a parent theme for elements not found in the child theme
    • 4. Only style.css is required
    • 5. Can be used to re-skin a theme
    • 6. Can add functionality
    • 7. Can over-ride parts of the parent theme
  • 8. Why Use a Child Theme
    • Future-proof your customizations
    • 9. Rapid development
    • 10. Build upon a consistent codebase
    • 11. Understanding of PHP and WordPress themeing is helpful but not required for basic child themes
  • 12. Child Theme Files
    • WordPress template hierarchy
    • 13. style.css – Only Child theme file is used.
    • 14. functions.php – Both parent and child files always run.
    • 15. Other files – Child theme checked first then Parent theme. First file found runs. Specific -> General
  • 16. Making a Child Theme
    • Get to Know your Parent Theme
    • 17. Create style.css
    • 18. Page Templates
    • 19. Overriding Parent Theme Files
    • 20. Demo site : http://wpthemedemos.com
  • 21. Required in style.css /* Theme Name: Twenty Ten Child Demo Description: A Child Theme for Twenty Ten for Demonstration. Theme URI: http://daisyolsen.com Author: Daisy Olsen Author URI: http://daisyolsen.com Template: twentyten Version: 1.0 */
  • 22. style.css
    • Option #1 – import style.css from parent theme @import url('../twentyten/style.css');
    • 23. Option #2 – Copy/Paste entire style.css from parent theme into child theme style.css
    • 24. Option #3 – Build new style.css from scratch
  • 25. Hooks
    • Twenty Ten has one hook built in for adding additional content. WordPress also includes some hooks that can be used.
    do_action( 'twentyten_credits' );
    • Think of a hook as an insertion point.
    add_action('twentyten_credits', 'my_credits'); function my_credits() { echo 'This is my credit line using a function'; }
  • 26. Replace Theme Template Files
    • Our Demo Child theme replaces the footer.php file with a customized version which changes the default footer credits with customized ones.
    • 27. If a template file exists in the child theme the parent theme file is ignored.
  • 28. Template Parts
    • New to WordPress 3.0
    • 29. Twenty Ten allows you to modify the loop by creating a new file in the child theme with a modified version of loop.php
    • 30. We will modify the way the category archive displays with loop-category.php
  • 31. Theme Frameworks
    • Built with the intention of being modified via child theme
    • 32. Extensive Action/Filter Capabilities
    • 33. Active Development
    • 34. Popular Parent/Child Frameworks
      • Hybrid
      • 35. Thematic
      • 36. Genesis (Commercial) - StudioPress
      • 37. Builder (Commercial) - iThemes
  • 38. Resources
    • Codex: Child Themes
    • 39. Aaron Jorbin's Guide
    • 40. Understanding Child Themes
    • 41. Modify WordPress Themes The Smart Way