Rapid WordPress theme development

1,791 views
1,671 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
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,791
On SlideShare
0
From Embeds
0
Number of Embeds
98
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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!

×