Rapid WordPress theme development

•

4 gostaram•1,565 visualizações

Jonny Allbut

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

Design Tecnologia Negócios

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!

Mais conteúdo relacionado

Mais procurados

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

Mais procurados (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

Semelhante 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

Semelhante 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

Mais 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

Mais 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

FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066

Government polytechnic college-1.pptxabcdshivubhavv

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404

AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa

Tapestry Clothing Brands: Collapsing the Funneljen_giacalone

CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823

call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588

SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1

Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy

(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat

Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

B. Smith. (Architectural Portfolio.).pdfUniversity of Wisconsin-Milwaukee

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel

CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823

call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR

Design Inspiration for College by Slidesgo.pptxTusharBahuguna2

2-tool presenthdbdbdbdbddhdhddation.pptxsuhanimunjal27

VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...SUHANI PANDEY

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

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Rapid WordPress theme development

Semelhante a Rapid WordPress theme development (20)

Mais de Jonny Allbut

Mais de Jonny Allbut (10)

Último

Último (20)

Rapid WordPress theme development