1 of 15

Josh Leuze

jleuze.com

2 of 15

Building Better Themes

3 of 15

Theme Types

-Parent Themes

-Child Themes

-Starter Themes

-Frameworks

4 of 15

Starter Theme

-Underscores: http://underscores.me/

-Regolith: https://github.com/JLeuze/regolith

5 of 15

Getting Setup

-Plan ahead: Sketch, Notes, Wireframes, PSD

-Don't edit on live server in WP admin

-Do use FTP/Git

-Do use a local server LAMP stack: XXAMP, WAMP, MAMP

-Do use a code editor: Sublime Text, Notepad++, Text Wrangler

6 of 15

Best Practices

-Do define('WP_DEBUG', true);

-Do prefix EVERYTHING

-Do use function_exists for new functions

-Do use WP coding standards: https://codex.wordpress.org/WordPress_Coding_Standards

7 of 15

Theme Features

8 of 15

Theme Features

-Templates Files: Underscores markup & templates.

-CSS Styling: Basic minimalist styling.

-Responsive: Fixed max width, fluidly for tablet & mobile.

-Retina-ready: No images, only CSS & Font Awesome: http://fortawesome.github.io/Font-Awesome/

9 of 15

Theme Features

-Mobile Friendly: Lightweight with minimal scripts & stylesheets.

-Responsive Nav: Improved mobile menu: http://responsive-nav.com/

-Highly Widgetized: Extra widget areas for end users.

10 of 15

Plugin Territory

11 of 15

Plugin Territory

-Custom Post Type

-Custom Taxonomy

-Shortcode

-Custom functionality or queries

-Functionality Plugin:

http://jleuze.com/building-your-first-functionality-plugin/

12 of 15

Theme Testing

Monster Widget: https://wordpress.org/plugins/monster-widget/

Theme Unit Test: https://codex.wordpress.org/Theme_Unit_Test

Theme Check: https://wordpress.org/plugins/theme-check/

WordPress.org Theme Review, Required: https://make.wordpress.org/themes/handbook/review/required/

13 of 15

Theme Evolution

-Underscores

-Regolith

-And beyond!

14 of 15

Go Build Some Themes!

15 of 15

Josh Leuze

jleuze.com