Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Parent/Child Themes vs. Theme Frameworks

on

  • 5,663 views

I spoke at WordCamp Las Vegas about using theme frameworks and parent/child theme concepts to make custom themes.

I spoke at WordCamp Las Vegas about using theme frameworks and parent/child theme concepts to make custom themes.

Statistics

Views

Total Views
5,663
Views on SlideShare
4,981
Embed Views
682

Actions

Likes
10
Downloads
60
Comments
2

6 Embeds 682

http://ocwp.org 386
http://wpcharity.com 290
http://www.onlydoo.com 2
http://feeds.feedburner.com 2
http://wonder-tonic.com 1
http://translate.googleusercontent.com 1

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

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
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Parent/Child Themes vs. Theme Frameworks Presentation Transcript

  • 1. parent/child themes vs. theme frameworks @brandondove #wclv
  • 2. parent/child themes
  • 3. “parent” themes are... • any theme created by anyone • no specific coding requirements /* Theme Name: Traction Theme URI: http://thethemefoundry.com/traction/ Description: A super clean magazine theme featuring built-in post thumbnail support, a featured post slider, and a robust theme options menu. Version: 1.02 Author: The Theme Foundry Author URI: http://thethemefoundry.com/ Tags: fixed-width, two-columns, dark, black, blue, red, green, right-sidebar, threaded-comments, theme-options, translation-ready */
  • 4. “child” themes are... • a subset of modifications • only requirement is style.css /* Theme Name: Traction PRO Child Theme Theme URI: http://thethemefoundry.com/traction/ Description: PRO child theme for Traction. Version: 1.02 Author: The Theme Foundry Author URI: http://thethemefoundry.com/ Template: traction */
  • 5. parent/child theme relationships
  • 6. parent/child theme relationships
  • 7. parent/child theme relationships
  • 8. parent/child theme relationships
  • 9. parent/child theme relationships
  • 10. the importance of child themes... • you don’t have to reinvent the wheel • change only what you need • theoretically protects your modifications from updates
  • 11. basic parent/child theme concepts • load parent theme css • override templates to change layouts • functions.php does not get overridden
  • 12. parent theme folder structure child theme folder structure
  • 13. theme framework = supercharged parent theme • for developers, not average WordPress users • use actions to allow child themes to execute code • use filters to allow child themes to modify output • actions/filters are what make WordPress REALLY awesome
  • 14. theme framework actions • placeholders for you to insert code without hacking the framework • in the framework: do_action( 'before_thematic', $args ); • in your child theme (functions.php): add_action( 'before_thematic', 'childtheme_function', (int) priority, (int) arguments ); function childtheme_function( $args ) { // execute some code here }
  • 15. theme framework filters • allow you to alter the output of custom framework functions • in the framework: echo apply_filters( 'parenttheme_filter', $args ); • in your child theme (functions.php): add_filter( 'parenttheme_filter', 'childtheme_filter', (int) priority, (int) arguments ); function childtheme_filter( $args ) { return htmlentities( $args ); }
  • 16. bonus round • theme options page = mini framework • endless layout possibilities through actions/filters
  • 17. why thematic? • Ian Stewart & Chris Goßmann • current version: 0.9.7.7 • awesome seo • 13 default widgetized areas • 85 actions to hook into • 71 ways to filter content
  • 18. thematic examples
  • 19. krochetkids.org
  • 20. rockharbor.org
  • 21. 360commercialre.com
  • 22. collegesomethings.rockharbor.org
  • 23. additional resources • ThemeShaper • op111 themeshaper.com/thematic/guide op111.net/53 • Thematic4you thematic4you.com • Pixel Jar pixeljar.net • Google Code code.google.com/p/thematic • Cheatsheet bluemandala.com/thematic/thematic-structure.html
  • 24. do_action( ‘answer_questions’, $questions );
  • 25. Brandon Dove @brandondove brandon@pixeljar.net (714) 932-5787 http://pixeljar.net