Rapid WordPress theme development
•
4 likes•1,566 views
The presentation I made on WordPress theme development at the London WordPress Users Meetup on September 20th 2012.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Rapid WordPress theme development
Similar to Rapid WordPress theme development (20)
More from Jonny Allbut
More from Jonny Allbut (10)
Recently uploaded
Recently uploaded (20)
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!