Difference between revisions of "WP themes"

From Things and Stuff Wiki
Jump to navigation Jump to search
(a restore and change)
(things)
Line 1: Line 1:
 
{{techy}}
 
{{techy}}
  
−
http://wordpress.org/extend/themes/
+
== Repositories ==
 +
* http://wordpress.org/extend/themes/
  
 
== Base themes ==
 
== Base themes ==
−
looking for; HTML5 (h5bp=[http://html5boilerplate.com/ 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)
+
=== Requirements ===
 +
# HTML5 ready. Many use [http://html5boilerplate.com/ HTML5 Boilerplate] (or 'h5bp')
 +
# Responsive, with a mobile first aproach such 320 And Up.
 +
# A grid system, to help with layout (though not too hard to add)
 +
# Accessability (WCAG 2.0 compliant would be nice)
 +
# Theme settings for easy change of, say, header (Settings API, etc.)
 +
**
  
 +
=== Interesting candidates ===
 
* [http://themble.com/bones/ Bones]
 
* [http://themble.com/bones/ Bones]
 
** https://github.com/eddiemachado/bones - very recent
 
** https://github.com/eddiemachado/bones - very recent
Line 11: Line 19:
 
** 320andup
 
** 320andup
  
 +
* https://github.com/matt-bailey/320semanticgs - recent
 +
** h5bp, 320andup
 +
** http://320semanticgs.mattbailey.co/
 +
** [http://semantic.gs/ semantic.gs] grid
 +
** preprocessor - LESS (LESS.js), SCSS, or Stylus
 +
 +
* [https://github.com/Automattic/_s ] (underscores) - few months
 +
** http://themeshaper.com/2012/02/13/introducing-the-underscores-theme/ - from Automattic
 +
** http://themeshaper.com/2012/02/21/getting-started-with-the-underscores-theme/
 +
** modern stuffs
 +
** seperate layout .css
 +
** reset is based on Eric Meyer
 +
** for hacking (not a parent theme)
 +
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 +
and Blueprint http://www.blueprintcss.org/
 +
 +
* http://pea.rs/
 +
** https://github.com/simplebits/Pears
 +
** to research
 +
 +
=== Hmm ===
 
* 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. "
 
* 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
 
** https://github.com/simplethemes/skeleton_wp - recent
 +
** http://demos.simplethemes.com/skeleton/documentation
 +
** uses the Options Framework plugin
 +
** uses the [http://www.getskeleton.com/ Skeleton] css framework
 +
** grid using shortcodes
 +
** basic typography, element and button css
 +
** not mobile first
  
−
* http://themefortress.com/reverie/ - "Reverie Framework is an extremely versatile HTML5 WordPress framework based on ZURB's [http://foundation.zurb.com/ 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."
+
* http://themefortress.com/reverie/ - [http://themefortress.com/demo/ demo]
 
** https://github.com/milohuang/reverie - kinda recent
 
** https://github.com/milohuang/reverie - kinda recent
 +
** h5bp
 +
** uses ZURB's [http://foundation.zurb.com/ Foundation] framework
 +
** hNews microformat ready
 +
** optimized for Search Engine and redability
 +
** not mobile first
  
 
* http://whiteboardframework.com/ - HTML5, responsive, Less
 
* http://whiteboardframework.com/ - HTML5, responsive, Less
 
** https://github.com/johanbrook/whiteboard - Jul 17, 2011
 
** https://github.com/johanbrook/whiteboard - Jul 17, 2011
 +
** [http://lessframework.com/ Less Framework 4] - An adaptive CSS grid system.
 +
** accessability support (WAI)
 +
** http://whiteboardframework.com/testdrive/ - not exactly a clear whiteboard..
 +
** not mobile first
 +
 +
* http://html5reset.org/#wordpress
 +
** https://github.com/murtaugh/HTML5-Reset-Wordpress-Theme - year ago
 +
** does note http://blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
 +
** semantic HTML5 markup + CSS reset
 +
** CSS declarations for basic WordPress elements
 +
** widget-ready sidebar
 +
** Modernizr
 +
** hNews microformat
 +
** Google Analytics
 +
** not mobile first
  
 
* https://github.com/scottlyttle/Sass-WordPress-Reset-Theme - Sass, Modernizer, jQuery, form components
 
* 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
 
** https://github.com/scottlyttle/Sass-WordPress-Reset-Theme/blob/master/SCSS/style.scss
 +
** Modernizer
 +
** needs ruby+sass on the server, not handy for shared hosting
  
−
* http://html5reset.org/#wordpress - jQuery, Modernizr, hNews Microformat and Analytics
+
* http://randyjensenonline.com/thoughts/handcrafted-wp-starter-theme/
−
** https://github.com/murtaugh/HTML5-Reset-Wordpress-Theme - year ago
+
** h5bp
 +
** jQuery
  
−
* http://randyjensenonline.com/thoughts/handcrafted-wp-starter-theme/ -  HTML5 [Boilerplate], jQuery
+
* [http://viewportindustries.com/#starkers starkers] - 3 months ago
 +
** https://github.com/viewportindustries/Starkers
 +
** uses WP core Twenty Ten theme as its base
 +
** update possibly maybe soon. twenty twelve is due though..
  
−
* https://github.com/nathanstaines/starkers-html5 - HTML5, bare-bones
+
* https://github.com/nathanstaines/starkers-html5 - most a year ago
−
 
+
** based on [http://viewportindustries.com/#starkers starkers]
−
* http://designwoop.com/2012/01/wordpress-html5-frameworks/
+
** HTML5, bare-bones
 +
** Modernizr
  
 
* http://weavertheme.com/ - recommended by Danny
 
* http://weavertheme.com/ - recommended by Danny
−
** all fluid, no breakpoints :/
+
** all fluid, no breakpoints
 +
** not motbile first (a lot of "@media all")
 +
** three stylesheets
 +
** many features [http://pro.weavertheme.com/ paid for version] only
  
 
* http://wordpress.org/extend/themes/thematic
 
* http://wordpress.org/extend/themes/thematic
Line 42: Line 107:
 
** h5pb
 
** h5pb
 
** not 320andup
 
** 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
 
* https://github.com/320press/wordpress-bootstrap
 
** Twitter Bootstrap framework as a WordPress theme. Bootstrap is very overused these days though.
 
** Twitter Bootstrap framework as a WordPress theme. Bootstrap is very overused these days though.
  
−
=== With Settings API ===
+
* https://github.com/wycks/WP-Skeleton-Theme - a few months ago
−
Premade custom theme config pages are nice, but whether the theme follows best practice still needs checking.
+
** http://skeleton.phpfogapp.com/ - demo
 +
** IE HTML5shim
 +
** etc.
 +
** not mobile first
  
−
* https://github.com/wycks/WP-Skeleton-Theme
+
article;
−
 
+
* [http://designwoop.com/2012/01/wordpress-html5-frameworks/ Blank & Bare WordPress HTML5 Frameworks]
−
* 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/
 

Revision as of 12:06, 20 July 2012


Repositories

Base themes

Requirements

  1. HTML5 ready. Many use HTML5 Boilerplate (or 'h5bp')
  2. Responsive, with a mobile first aproach such 320 And Up.
  3. A grid system, to help with layout (though not too hard to add)
  4. Accessability (WCAG 2.0 compliant would be nice)
  5. Theme settings for easy change of, say, header (Settings API, etc.)

Interesting candidates

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/

Hmm

article;

Retrieved from "https://wiki.thingsandstuff.org/index.php?title=WP_themes&oldid=2261"