Starter Themes for Appleton WordPress Meetup

Slide 1

Slide 1 text

Starter Themes & Theme Frameworks

Slide 2

Slide 2 text

Hi, I’m Brad Parbs. I write code. I build themes. I build plugins. I build tools. I make stuff for clients. I make stuff for people. I like working efficiently.

Slide 3

Slide 3 text

What’s a starter theme? Difference between starter theme and theme framework? Why should I use one? How do I pick one to use? What ones are our there? Where do I go once I picked one? Overview

Slide 4

Slide 4 text

We might get a little code-y. I’m a little biased in this department. Some of this stuff is only my opinion. There’s probably more options I don’t cover. Disclaimers

Slide 5

Slide 5 text

The term "Theme Framework" currently has two meanings: • A "drop-in" code library that is used to facilitate development of a Theme • A stand-alone base/starter Theme that is intended either to be forked into another Theme, or else to be used as a Parent Theme template What’s a theme framework?

Slide 6

Slide 6 text

Not much really. But we’ll talk more about the theme you hack on, not the drop-in stuff. Difference

Slide 7

Slide 7 text

Why should I use one? “Gold chains around my neck just like Michael Phelps” - Akon – I'm So Paid

Slide 8

Slide 8 text

But Biggie was wrong “It's like the more money we come across. The more problems we see” - The Notorious B.I.G. – Mo’ Money, Mo’ Problems

Slide 9

Slide 9 text

D.R.Y. Code

Slide 10

Slide 10 text

D.R.Y. Code “A 1000-HOUR HEAD START” http://themeshaper.com/2012/02/13/introducing-the-underscores-theme/

Slide 11

Slide 11 text

How do I choose?

Slide 12

Slide 12 text

How do I choose? What are your requirements? What are you doing with it?

Slide 13

Slide 13 text

How do I choose? Pick one and stick with it.

Slide 14

Slide 14 text

What’s out there?

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Bones Mobile-first & Responsive LESS & SASS support Licensed under the WTFPL (GPL comp.) Lots of fun functionality under-the-hood Good commenting for functions Well-structured & Semantic

Slide 17

Slide 17 text

Bones http://themble.com/bones/

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Roots Grunt power & magic Cool sidebar class for hide/show Does weird stuff w/ your URLs Fun template parts for easy dev Online docs, minimal code comments Don’t use as your first starter theme MIT License

Slide 20

Slide 20 text

Roots http://roots.io

Slide 21

Slide 21 text

What’s out there? Hybrid Base

Slide 22

Slide 22 text

Hybrid Core Hard to download Comes bundled w/ Hybrid Core Comes w/ no styling Most functionality is hidden in Hybrid Core Large amount of files, minimal organization Lightweight-ish No given license - Hybrid Core is GPL, though Built to teach Hybrid Core usage

Slide 23

Slide 23 text

Hybrid Core https://github.com/justintadlock/hybrid-base http://themehybrid.com/themes/hybrid-base

Slide 24

Slide 24 text

What’s out there? Foundation for WordPress

Slide 25

Slide 25 text

Foundation Throws some warnings in 3.6 Foundation is awesome 3 different CSS files out of the box Shortcodes for most Foundation features Minimal files, lightweight

Slide 26

Slide 26 text

Foundation https://github.com/drewsymo/Foundation

Slide 27

Slide 27 text

What’s out there? Whiteboard Framework

Slide 28

Slide 28 text

Whiteboard Framework Throws some warnings in 3.6 Kind of ugly out of the box Ugly markup Bloated templates Ugh

Slide 29

Slide 29 text

Whiteboard Framework http://whiteboardframework.com/

Slide 30

Slide 30 text

What’s out there? WP Bootstrap

Slide 31

Slide 31 text

BootstrapWP Twitter Bootstrap luv Lots of good markup and stuff Hasn’t been updated since May

Slide 32

Slide 32 text

BootstrapWP http://bootstrapwp.rachelbaker.me/

Slide 33

Slide 33 text

What’s out there? WP Bootstrap

Slide 34

Slide 34 text

BootstrapWP Twitter Bootstrap luv Lots of good markup and stuff Hasn’t been updated since May

Slide 35

Slide 35 text

BootstrapWP http://320press.com/wpbs/

Slide 36

Slide 36 text

What’s out there? 2013/12/11

Slide 37

Slide 37 text

2013/2012/2011/2010/Kubrick It’s a great starting point Child theme, not hacking the theme

Slide 38

Slide 38 text

What’s out there? _s

Slide 39

Slide 39 text

_s The right amount of lean, commented templates Helper functions to keep templates lean Minimal, smart CSS 100% awesome Patrick & I are contributors

Slide 40

Slide 40 text

_s http://underscores.me/

Slide 41

Slide 41 text

What’s out there? wolf

Slide 42

Slide 42 text

Wolf Built off of _s Built for using SASS Lots of fun tweaks / awesomeness What I use Some minor bugs that will be fixed this month

Slide 43

Slide 43 text

Wolf https://github.com/bradp/Wolf

Slide 44

Slide 44 text

Where do I go once I picked one? Look through all the code Use it for your next / current project Keep using it to get more familiar Fork w/ things you add to every theme Build your functionality into plugins

Slide 45

Slide 45 text

“Gold chains around my neck just like Michael Phelps” - Akon – I'm So Paid Where do I go once I picked one?