WP theming

General

• Theme Development
• Stepping Into Templates
• Template Hierarchy
• Template Tags
• The Loop
• Site Design and Layout

• Theme Review - Guidelines for designing and developing WordPress Themes plus WordPress Theme Directory standards and practices.

Theme customizer in 3.4 - still need to grok relation to Settings API, etc...

• http://ottopress.com/2012/how-to-leverage-the-theme-customizer-in-your-own-themes/
  • http://wordpress.org/extend/plugins/customizer/

Tools

• http://wordpress.org/extend/plugins/theme-check/

• http://codex.wordpress.org/Theme_Unit_Test - dummy data
• http://wpcandy.com/made/the-sample-post-collection

Settings API

Custom settings pages. Example given for choosing a background image.

• http://codex.wordpress.org/Settings_API

• http://themeshaper.com/2010/06/03/sample-theme-options/

• http://wptheming.com/options-framework-plugin/ - originally via Thematic Options theme
  • https://github.com/devinsays/options-framework-plugin

Layout

• https://github.com/paulirish/infinite-scroll

Sidebars

• http://codex.wordpress.org/Customizing_Your_Sidebar#New_way_of_adding_sidebars
  • stackoverflow: Adding a 2nd Sidebar in a specific Wordpress theme

Typography

quick webfont plugin hack;

• http://pippinspages.com/wordpress/wordpress-font-uploader-plugin/

Base themes

looking for; HTML5 (h5bp=HTML5 Boilerplate), responsive (mobile first, i.e. 320 And Up), a grid system (though not too hard to add), accessability (WCAG 2.0 compliant would be nice)

• Bones
  • https://github.com/eddiemachado/bones - very recent
  • h5bp
  • 320andup

• http://demos.simplethemes.com/skeleton/- "Skeleton is a simple, responsive WordPress theme based on the Skeleton Boilerplate. It has several useful shortcodes, such as tabs, toggles, cross-browser CSS3 buttons, and layout columns. It also includes a bbPress skin/stylesheet and sample child theme. "
  • https://github.com/simplethemes/skeleton_wp - recent

• http://themefortress.com/reverie/ - "Reverie Framework is an extremely versatile HTML5 WordPress framework based on ZURB's Foundation, a powerful tool for building prototypes on any kind of devices. Reverie follows HTML5 Boilerplate standard and is hNews microformat ready. It is optimized for Search Engine while at the same time improve readability."
  • https://github.com/milohuang/reverie - kinda recent

• http://whiteboardframework.com/ - HTML5, responsive, Less
  • https://github.com/johanbrook/whiteboard - Jul 17, 2011

• https://github.com/scottlyttle/Sass-WordPress-Reset-Theme - Sass, Modernizer, jQuery, form components
  • https://github.com/scottlyttle/Sass-WordPress-Reset-Theme/blob/master/SCSS/style.scss

• http://html5reset.org/#wordpress - jQuery, Modernizr, hNews Microformat and Analytics
  • https://github.com/murtaugh/HTML5-Reset-Wordpress-Theme - year ago

• http://randyjensenonline.com/thoughts/handcrafted-wp-starter-theme/ - HTML5 [Boilerplate], jQuery

• https://github.com/nathanstaines/starkers-html5 - HTML5, bare-bones

• http://designwoop.com/2012/01/wordpress-html5-frameworks/

• http://weavertheme.com/ - recommended by Danny
  • all fluid, no breakpoints :/

• http://wordpress.org/extend/themes/thematic
  • http://www.ejhansel.com/thematic-320-and-up
    • anything below 1024 width is single colum? :/

• https://github.com/retlehs/roots
  • h5pb
  • not 320andup

• https://github.com/matt-bailey/320semanticgs
  • h5bp, 320andup,
  • http://320semanticgs.mattbailey.co/
  • http://semantic.gs/ (LESS, SCSS, or Stylus) (LESS.js)

• https://github.com/320press/wordpress-bootstrap
  • Twitter Bootstrap framework as a WordPress theme. Bootstrap is very overused these days though.

With Settings API

Premade custom theme config pages are nice, but whether the theme follows best practice still needs checking.

• https://github.com/wycks/WP-Skeleton-Theme

• https://github.com/leemason/NHP-Theme-Options-Framework
  • http://leemason.github.com/NHP-Theme-Options-Framework/

• http://wptheming.com/options-framework-theme/

• http://upthemes.com/upthemes-framework/

• https://github.com/Automattic/_s
  • http://themeshaper.com/2012/02/13/introducing-the-underscores-theme/
  • http://themeshaper.com/2012/02/21/getting-started-with-the-underscores-theme/