Advertisement

Rapid WordPress theme development

Founder & Digital Director at Wider Ltd. Creative & Digital Consultant. Working with WordPress since 2005.
Sep. 25, 2012
Advertisement

More Related Content

Advertisement
Advertisement

Rapid WordPress theme development

  1. Rapid WordPress theme development Jonny Allbut Head of Digital - Tanc Design @Jonnyauk | www.tancdesign.com
  2. Howdy! • Creative designer and developer • Working with WordPress since early 2005 • Part of WPUK committee since 2008 • Creator & lead developer of Wonderflux
  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. Theme development principles • Stand-alone theme • Starter theme • Parent theme • Theme framework
  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. Why theme frameworks rock! • Toolkit always with you • Stop repeating R&D • Rapid, consistent development • Great for teams
  7. Why I bothered to build Wonderflux? • Built for flexibility • CSS grids • Powerful display functions • Full BuddyPress support • Easy updates • Free (whoot!)
  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! • Don't be scared to ask (but do your R&D!)
  9. Useful CSS for theme developers • Use/add to the body class <body <?php body_class('extra');?>> • Target menu classes current-menu-item / current-post-ancestor • Target widget classes <div class="textwidget">
  10. Useful hooks for theme developers • after_setup_theme • pre_get_posts • template_redirect
  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. All criticism, ideas and patches welcome! www.wonderflux.com @wonderflux Jonny Allbut Head of Digital - Tanc Design @Jonnyauk | www.tancdesign.com
  13. Don't hack the core Every time you do, God kills a kitten - DON'T DO IT!
Advertisement