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.
Rapid WordPress theme     development            Jonny Allbut     Head of Digital - Tanc Design   @Jonnyauk | www.tancdesi...
Howdy!• Creative designer and developer• Working with WordPress since early 2005• Part of WPUK committee since 2008• Creat...
Use the right tools            (for you)• Local development server• Your favourite code editor(s)• VIrtual machines• define...
Theme development       principles• Stand-alone theme• Starter theme• Parent theme• Theme framework
Child themes - the basics /* Theme Name: Whooty Child Theme Theme URI: http://tancdesign.com Description: My cool child th...
Why theme frameworks        rock!• Toolkit always with you• Stop repeating R&D• Rapid, consistent development• Great for t...
Why I bothered to build     Wonderflux?• Built for flexibility• CSS grids• Powerful display functions• Full BuddyPress suppo...
Lessons learned• The WordPress way (for better or worse!)• Use the core - filters, hooks and functions• Keep up with trunk ...
Useful CSS for theme       developers• Use/add to the body class<body <?php body_class(extra);?>>• Target menu classescurr...
Useful hooks for theme     developers• after_setup_theme• pre_get_posts• template_redirect
Some R&D links• http://codex.wordpress.org/Theme_Review• http://codex.wordpress.org/Plugin_API/  Action_Reference• http://...
All criticism, ideas and  patches welcome!www.wonderflux.com   @wonderflux             Jonny Allbut      Head of Digital - T...
Dont hack the coreEvery time you do, God kills  a kitten - DONT DO IT!
Upcoming SlideShare
Loading in …5
×

Rapid WordPress theme development

1,996 views

Published on

The presentation I made on WordPress theme development at the London WordPress Users Meetup on September 20th 2012.

Published in: Design, Technology, Business
  • Be the first to comment

Rapid WordPress theme development

  1. 1. Rapid WordPress theme development Jonny Allbut Head of Digital - Tanc Design @Jonnyauk | www.tancdesign.com
  2. 2. Howdy!• Creative designer and developer• Working with WordPress since early 2005• Part of WPUK committee since 2008• Creator & lead developer of Wonderflux
  3. 3. Use the right tools (for you)• Local development server• Your favourite code editor(s)• VIrtual machines• define(WP_DEBUG, true);• http://wordpress.org/extend/plugins/wordpress-beta-tester• http://codex.wordpress.org/Theme_Unit_Test• http://wordpress.org/extend/plugins/developer
  4. 4. Theme development principles• Stand-alone theme• Starter theme• Parent theme• Theme framework
  5. 5. Child themes - the basics /* Theme Name: Whooty Child Theme Theme URI: http://tancdesign.com Description: My cool child theme Version: 0.1 Template: Wonderflux Author: Jonny Allbut Author URI: http://tancdesign.com */
  6. 6. Why theme frameworks rock!• Toolkit always with you• Stop repeating R&D• Rapid, consistent development• Great for teams
  7. 7. Why I bothered to build Wonderflux?• Built for flexibility• CSS grids• Powerful display functions• Full BuddyPress support• Easy updates• Free (whoot!)
  8. 8. Lessons learned• The WordPress way (for better or worse!)• Use the core - filters, hooks and functions• Keep up with trunk development/Trac http://core.trac.wordpress.org/• Documentation (boo!)• Listen to your users!• Dont be scared to ask (but do your R&D!)
  9. 9. Useful CSS for theme developers• Use/add to the body class<body <?php body_class(extra);?>>• Target menu classescurrent-menu-item / current-post-ancestor• Target widget classes<div class="textwidget">
  10. 10. Useful hooks for theme developers• after_setup_theme• pre_get_posts• template_redirect
  11. 11. Some R&D links• http://codex.wordpress.org/Theme_Review• http://codex.wordpress.org/Plugin_API/ Action_Reference• http://ottopress.com/2012/how-to-leverage-the- theme-customizer-in-your-own-themes/• http://ottopress.com/2012/making-a-custom-control- for-the-theme-customizer/• http://wp.tutsplus.com/tutorials/creative-coding/ understanding-the-walker-class/
  12. 12. All criticism, ideas and patches welcome!www.wonderflux.com @wonderflux Jonny Allbut Head of Digital - Tanc Design @Jonnyauk | www.tancdesign.com
  13. 13. Dont hack the coreEvery time you do, God kills a kitten - DONT DO IT!

×