Starter Themes for Appleton WordPress Meetup

Transcript

1. Starter Themes & Theme Frameworks
2. 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.
3. 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
4. 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
5. 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?
6. Not much really. But we’ll talk more about the theme you hack on, not the drop-in stuff. Difference
7. Why should I use one? “Gold chains around my neck just like Michael Phelps” - Akon – I'm So Paid
8. 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
9. D.R.Y. Code
10. D.R.Y. Code “A 1000-HOUR HEAD START” http://themeshaper.com/2012/02/13/introducing-the-underscores-theme/
11. How do I choose?
12. How do I choose? What are your requirements? What are you doing with it?
13. How do I choose? Pick one and stick with it.
14. What’s out there?
16. 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
17. Bones http://themble.com/bones/
19. 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
20. Roots http://roots.io
21. What’s out there? Hybrid Base
22. 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
23. Hybrid Core https://github.com/justintadlock/hybrid-base http://themehybrid.com/themes/hybrid-base
24. What’s out there? Foundation for WordPress
25. 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
26. Foundation https://github.com/drewsymo/Foundation
27. What’s out there? Whiteboard Framework
28. Whiteboard Framework Throws some warnings in 3.6 Kind of ugly out of the box Ugly markup Bloated templates Ugh
29. Whiteboard Framework http://whiteboardframework.com/
30. What’s out there? WP Bootstrap
31. BootstrapWP Twitter Bootstrap luv Lots of good markup and stuff Hasn’t been updated since May
32. BootstrapWP http://bootstrapwp.rachelbaker.me/
33. What’s out there? WP Bootstrap
34. BootstrapWP Twitter Bootstrap luv Lots of good markup and stuff Hasn’t been updated since May
35. BootstrapWP http://320press.com/wpbs/
36. What’s out there? 2013/12/11
37. 2013/2012/2011/2010/Kubrick It’s a great starting point Child theme, not hacking the theme
38. What’s out there? _s
39. _s The right amount of lean, commented templates Helper functions to keep templates lean Minimal, smart CSS 100% awesome Patrick & I are contributors
40. _s http://underscores.me/
41. What’s out there? wolf
42. 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
43. Wolf https://github.com/bradp/Wolf
44. 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
45. “Gold chains around my neck just like Michael Phelps” - Akon – I'm So Paid Where do I go once I picked one?
46. demo or questions or anything time