what to include in a boilerplate theme
TRANSCRIPT
![Page 1: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/1.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/4.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/5.jpg)
![Page 6: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/7.jpg)
![Page 8: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/8.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/9.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/10.jpg)
SET UP YOUR WIDGET AREAS IN FUNCTIONS.PHP
Sidebars Footer Widgets
bit.ly/wordpress-widgets
![Page 11: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/12.jpg)
INCORPATE A SIMPLER DEVELOPER’S CAROUSEL
Bootstrap’s Owl Slider Unslider
![Page 13: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/14.jpg)
![Page 15: What to include in a boilerplate theme](https://reader031.vdocuments.net/reader031/viewer/2022030216/5888fe501a28abcf5f8b5e8f/html5/thumbnails/15.jpg)
WHAT TO INCLUDE IN A BOILERPLATE THEME
For Faster WordPress Development
@timbdesignmpls on Twitter
timbdesign.com/themer