Rapid WordPress theme development

•

4 recomendaciones•1,565 vistas

Jonny Allbut

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

Diseño Tecnología Empresariales

Rapid WordPress theme
development
Jonny Allbut
Head of Digital - Tanc Design
@Jonnyauk | www.tancdesign.com

Howdy!

• Creative designer and developer

• Working with WordPress since early 2005

• Part of WPUK committee since 2008

• Creator & lead developer of Wonderﬂux

Use the right tools
(for you)
• Local development server

• Your favourite code editor(s)

• VIrtual machines

• deﬁne('WP_DEBUG', true);

• http://wordpress.org/extend/plugins/wordpress-beta-tester

• http://codex.wordpress.org/Theme_Unit_Test

• http://wordpress.org/extend/plugins/developer

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 theme

Version: 0.1

Template: Wonderflux

Author: Jonny Allbut

Author URI: http://tancdesign.com

*/

Why theme frameworks
rock!

• Toolkit always with you

• Stop repeating R&D

• Rapid, consistent development

• Great for teams

Why I bothered to build
Wonderﬂux?
• Built for ﬂexibility

• CSS grids

• Powerful display functions

• Full BuddyPress support

• Easy updates

• Free (whoot!)

Lessons learned
• The WordPress way (for better or worse!)

• Use the core - ﬁlters, 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!)

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">

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://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/

All criticism, ideas and
patches welcome!

www.wonderﬂux.com
@wonderﬂux
Jonny Allbut
Head of Digital - Tanc Design
@Jonnyauk | www.tancdesign.com

Don't hack the core

Every time you do, God kills
a kitten - DON'T DO IT!

Más contenido relacionado

La actualidad más candente

Rapid WordPress Theme DevelopmentJosh Williams

How to Build Custom WordPress BlocksMorten Rand-Hendriksen

WordPress 15th Meetup - Build a Child ThemeFadi Nicolas Zahhar

Wordpress 101 TrainingHappy Marketer

Professional WordPress Workflow - WPDay 2015 Maurizio Pelizzone

Web Fundamentals Crash CourseMrAbas

Agile WordpressFilippo Dino

WooCommerce: Customization FAQRodolfo Melogli

Theming websites effortlessly with Deliverance (CMSExpo 2010)Jazkarta, Inc.

What Multisite can do for You - Anthony Cole - WordCamp Sydney 2012WordCamp Sydney

WordCamp Mumbai 2017: How to get more involved with WordPressRocío Valdivia

WordPress Tips and Tricks (DFW Meetup)Stephanie Leary

Intro to wordpress short coursecarishurd

Meet The FamilyBeau Lebens

Debugging WordPress Core and Plugins!Bronson Quick

Introduction to WordPress MultisiteCraig Taylor

SoCal WordPress Meetup - iWeb to WordPress aka WP99Noel Saw

Building a Moodle theme with bootstrapBas Brands

Creating a Wordpress Theme from ScratchPatrick Rauland

WordPress Developer toolsSudar Muthu

La actualidad más candente (20)

Rapid WordPress Theme Development

How to Build Custom WordPress Blocks

WordPress 15th Meetup - Build a Child Theme

Wordpress 101 Training

Professional WordPress Workflow - WPDay 2015

Web Fundamentals Crash Course

Agile Wordpress

WooCommerce: Customization FAQ

Theming websites effortlessly with Deliverance (CMSExpo 2010)

What Multisite can do for You - Anthony Cole - WordCamp Sydney 2012

WordCamp Mumbai 2017: How to get more involved with WordPress

WordPress Tips and Tricks (DFW Meetup)

Intro to wordpress short course

Meet The Family

Debugging WordPress Core and Plugins!

Introduction to WordPress Multisite

SoCal WordPress Meetup - iWeb to WordPress aka WP99

Building a Moodle theme with bootstrap

Creating a Wordpress Theme from Scratch

WordPress Developer tools

Similar a Rapid WordPress theme development

WordPress Intermediate WorkshopThe Toolbox, Inc.

WordPress Themes and Pluginssuperann

The WordPress UniversityStephanie Leary

Websites With WordpressCharly Leetham

WP 101 - Local Development - Themes and PluginsJoe Querin

WordPress Theme Reviewers TeamMario Peshev

WCBos13 intermediate workshopBoston WordPress

Meet The Family (Philippines Remix)Beau Lebens

WordCamp Kent 2019 - WP 101: Local Development - Themes and PluginsJoe Querin

WordPress Complete TutorialOpenSource Technologies Pvt. Ltd.

Get Involved with WordPressMario Peshev

WordCamp Nagpur 2022 - Maitreyie Chavan.pptxMaitreyieChavan1

From WordPress With LoveUp2 Technology

Wordpress beyond bloggingJulien Minguely

Word press bootcamp By Sourcescript Innovations and Mentors Dojolightshire

Theme Development: From an idea to getting approved to wordpress.orgThemeHorse

Wordpress introthe-colab

NEPA BlogCon 2013 - WordPress Customization & SecurityMichelle Davies (Hryvnak)

WordPress - Open Source Overview PresentationAndy Stratton

Building Websites with WordPress UBC Summer 2012Tris Hussey

Similar a Rapid WordPress theme development (20)

WordPress Intermediate Workshop

WordPress Themes and Plugins

The WordPress University

Websites With Wordpress

WP 101 - Local Development - Themes and Plugins

WordPress Theme Reviewers Team

WCBos13 intermediate workshop

Meet The Family (Philippines Remix)

WordCamp Kent 2019 - WP 101: Local Development - Themes and Plugins

WordPress Complete Tutorial

Get Involved with WordPress

WordCamp Nagpur 2022 - Maitreyie Chavan.pptx

From WordPress With Love

Wordpress beyond blogging

Word press bootcamp By Sourcescript Innovations and Mentors Dojo

Theme Development: From an idea to getting approved to wordpress.org

Wordpress intro

NEPA BlogCon 2013 - WordPress Customization & Security

WordPress - Open Source Overview Presentation

Building Websites with WordPress UBC Summer 2012

Más de Jonny Allbut

WordCamp Bristol 2019 - WordPress custom theme buildingJonny Allbut

Your Online Marketing  & Social Media Toolkit - WiderJonny Allbut

WordCamp Manchester 2016 - Making WordPress Menus SmarterJonny Allbut

How to use WordPressJonny Allbut

How to create and develop a winning brandJonny Allbut

Turbo charged WordPress theme development - WordCamp Edinburgh 2012Jonny Allbut

Freelance presentation v2Jonny Allbut

Wordcamp 2010 presentationJonny Allbut

WordCamp UK 2009 presentationJonny Allbut

WordPress Is Not A Blog from WordCamp UK 2008Jonny Allbut

Más de Jonny Allbut (10)

WordCamp Bristol 2019 - WordPress custom theme building

Your Online Marketing  & Social Media Toolkit - Wider

WordCamp Manchester 2016 - Making WordPress Menus Smarter

How to use WordPress

How to create and develop a winning brand

Turbo charged WordPress theme development - WordCamp Edinburgh 2012

Freelance presentation v2

Wordcamp 2010 presentation

WordCamp UK 2009 presentation

WordPress Is Not A Blog from WordCamp UK 2008

Último

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup

办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1

Passbook project document_april_21__.pdfvaibhavkanaujia

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

Pharmaceutical Packaging for the elderly.pdfAayushChavan5

办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco

Design Portfolio - 2024 - William VickeryWilliamVickery6

韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd

Call Girls in Pratap Nagar, 9953056974 Escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss

专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort

How to Empower the future of UX Design with Gen AIyuj

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档208367051

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1

Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi

西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e

3D Printing And Designing Final Report.pdfSwaraliBorhade

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 Wonderﬂux

3. Use the right tools (for you) • Local development server • Your favourite code editor(s) • VIrtual machines • deﬁne('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 Wonderﬂux? • Built for ﬂexibility • 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 - ﬁlters, 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.wonderﬂux.com @wonderﬂux 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!

Rapid WordPress theme development

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Rapid WordPress theme development

Similar a Rapid WordPress theme development (20)

Más de Jonny Allbut

Más de Jonny Allbut (10)

Último

Último (20)

Rapid WordPress theme development