what to include in a boilerplate theme

15
WHAT TO INCLUDE IN A BOILERPLATE THEME For Faster WordPress Development @timbdesignmpls on Twitter timbdesign.com/themer

Upload: tim-brown

Post on 26-Jan-2017

188 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: What to include in a boilerplate theme

WHAT TO INCLUDE IN A BOILERPLATE THEME

For Faster WordPress Development

@timbdesignmpls on Twitter

timbdesign.com/themer

Page 2: What to include in a boilerplate theme

WHY? WordPress themes are unwieldy when you’re trying to make a custom site.

You find that you’re doing some of the same things over and over again at the beginning of custom builds.

Page 3: What to include in a boilerplate theme

Simplify and homogenize your process so you don’t have to (and your team doesn’t have to learn a new theme or process every time.)

BEING HANDED A LEGACY CODEBASE YOU HAVE NO IDEA ABOUT

Page 4: What to include in a boilerplate theme

We start with the loops. Make it easy on your self and get them all in one clean package

from the creators of WordPress at:

UNDERSCORES.ME

Page 5: What to include in a boilerplate theme
Page 6: What to include in a boilerplate theme

Bootstrap Foundation Semantic UI You’re own grid (Home cookin!)

COMBINE THIS STRUCTURE WITH PREFERRED RESPONSIVE

FRAMEWORK

Page 7: What to include in a boilerplate theme
Page 8: What to include in a boilerplate theme

INCORPORATE A NAVWALKER

The WordPress menu working with your responsive framework

is super useful.

bit.ly/bootstrap-navwalker

bit.ly/jasny-menu

Page 9: What to include in a boilerplate theme

USE THE CUSTOMIZER TO ADD A FEW KEY THINGS

Logo Colors Main background or universal fallback hero image

bit.ly/wp-customizer

Page 10: What to include in a boilerplate theme

SET UP YOUR WIDGET AREAS IN FUNCTIONS.PHP

Sidebars Footer Widgets

bit.ly/wordpress-widgets

Page 11: What to include in a boilerplate theme

SET UP YOUR HERO IMAGE ON POSTS AND PAGES

If this is a convention you use often

Page 12: What to include in a boilerplate theme

INCORPATE A SIMPLER DEVELOPER’S CAROUSEL

Bootstrap’s Owl Slider Unslider

Page 13: What to include in a boilerplate theme

TAKING IT TOO FAR Things I’ve added that haven’t sped up development Advanced Custom Fields Deep Color options in the theme customizer Switching out light and dark color schemes

Page 14: What to include in a boilerplate theme
Page 15: What to include in a boilerplate theme

WHAT TO INCLUDE IN A BOILERPLATE THEME

For Faster WordPress Development

@timbdesignmpls on Twitter

timbdesign.com/themer