888888.888888.88""Yb..dP"Yb..8888b..Yb..dP.88b.88....db....8b....d8.88..dP""b8..dP"Y8
88__...88__...88__dP.dP...Yb..8I..Yb.YbdP..88Yb88...dPYb...88b..d88.88.dP...`".`Ybo."
88""...88""...88"Yb..Yb...dP..8I..dY..8P...88.Y88..dP__Yb..88YbdP88.88.Yb......o.`Y8b
88.....888888.88..Yb..YbodP..8888Y"..dP....88..Y8.dP""""Yb.88.YY.88.88..YboodP.8bodP'


88b.88.888888.888888.Yb........dP.dP"Yb..88""Yb.88..dP
88Yb88.88__.....88....Yb..db..dP.dP...Yb.88__dP.88odP.
88.Y88.88"".....88.....YbdPYbdP..Yb...dP.88"Yb..88"Yb.
88..Y8.888888...88......YP..YP....YbodP..88..Yb.88..Yb

February 12, 2008

Small Potato has written a really interesting post listing the things that he intends to include within his paid WordPress themes from now on. I want to consider what free themes should include.

Like Small Potato I am not keen on the term ‘Premium’ when it comes to themes. Everyone seems to have a feel of what it means, but opinion varies widely on how that feeling actually corresponds to concrete features.

With paid themes I think you get what you pay for, just make sure you know what you are paying for before you pay.

With free themes however their value is craftily hidden behind the absense of cost and so I think the distinction is more important than it is for paid themes.

The free themes arena seems similar to where web design itself was a few years ago. The quality of both code and design vary wildly from garbage to genius, a significant minority at the lower end being minor variations on previous themes with varying degrees of finesse, and at the high end a few ‘freemium’ themes that really capture the imagination.

What I want to do is set a baseline which, when I develop a theme, represents the minimum levels of thought necessary, but more that that I want a checklist that serves as confirmation that the template is minimally complete.

So what do I think is important in a theme?

Web Standards

It goes without saying that it should be cross browser, that html and css should validate, and that there should be a base level of accessibility (WCG-A). Aiming to produce everything to this standard before beginning makes it much easier to do that.

Layout

Every part of the theme has to fit into whatever layout framework is put in place so a theme needs to take into account certain uses.

With 125 ads so popular at least one sidebar needs to be wide enough to accept two, side by side, with a 5px border either side and between. This gives a minumum sidebar width of 265px plus margins. However, for tabbed sidebars, something even wider may be desirable and so it is worth considering a 395px sidebar, to allow 3 125 ads, with margins, and a suitable space for tabbed content. I believe the smaller option would be best for an
770px width theme, and the wider for a 990px width theme.

I still don’t discount 770px pixel width themes, these work best where there is little extraneous content. My preference though is for 990px wide, fixed width themes. I don’t like fluid themes so I won’t expressely produce one.

It is debateable whether the layout of pages should change between the home page, pages, and single posts. I don’t think magazine options are important for minimum standard; although, they are a nice to have.

Type

Something I am particularly keen on is typography. I have, in the past, designed WordPress themes with no content except text purely so I could concentrate on the typography.

Font size, consistent line height, padding, and margins to ensure a vertical rhythm are all important before getting on to the specific styling of individual elements.

CSS Styles

Individual styling of content elements is essential:

A key to a lot of these is documenting them. Most require classes to be applied to elements and users that are not familiar with the css work that has come before will not even know these exist.

Template pages

Finally, once all that is done, it is worth considerng how things should differ between page types. This mostly involves template tags and loops but may include alterations to the fundamental layout of each page.

Not every page type must be included, but it must have been considered.

These are my basic requirements, although, as with any development process, prior planning is essential and will probably add to these. I would consider features beyond these things to be the beginnings of a ‘freemium’ theme.

Updating Code Snippets Here
Wordpress fun?
one comment
page 1338
Why I Ditched Disqus
Disqus email?
5 comments
page 1175
Html 5 Gallery
Themeatic html5?
6 comments
page 1305
Premium Ithemes Review Photo Gallery
Ithemes review?
4 comments
page 226
Updating Code Snippets Here
Wordpress fun plugins?
one comment
page 1338
Post Image The Easy Peasy Way
Wordpress first image?
26 comments
page 1065
Quick N Dirty Admin Login Screen
login screen using css?
no comment
page 128
Html 5 Gallery
Picture gallery html5?
6 comments
page 1305
Post Image The Easy Peasy Way
Wordpress first image gallery?
26 comments
page 1065
Post Image The Easy Peasy Way
Resizing images in thecontent?
26 comments
page 1065
Html 5 Gallery
Html 5 photo gallery?
6 comments
page 1305
Dont Mess With My Toot Toot
Wordpress custom content?
16 comments
page 599
Post Image The Easy Peasy Way
Inserting an image url in comments?
26 comments
page 1065
Post Image The Easy Peasy Way
Wp attachment functions?
26 comments
page 1065
Using Your Own Url Shortener
String shortner?
4 comments
page 1190
Quick N Dirty Admin Login Screen
My admin login page?
no comment
page 128
Using Your Own Url Shortener
How to build a shortner link?
4 comments
page 1190
Post Image The Easy Peasy Way
Get post attacments?
26 comments
page 1065
Theming Habari Vs Wordpress
Habari vs wordpress?
13 comments
page 440
Upload From Url
Upload to url?
6 comments
page 326
Are Child Themes The Best Option
Wp child themes?
15 comments
page 1262
Silence Is Golden
Silence is golden wordpress?
3 comments
page 213
How To Add Sidebars To A Theme
Html hot add a side bar?
10 comments
page 1053
How To Add Sidebars To A Theme
How to add picture to the wordpress sidebar on sidebarphp?
10 comments
page 1053
Fun With Sidebar Tabs Styling
Position of the tabs thematic?
2 comments
page 336
Using Your Own Url Shortener
Short url?
4 comments
page 1190
Why I Ditched Disqus
Styling disqus widgets?
5 comments
page 1175
Wordpress 25 Exif Fields
Wordpress exif?
12 comments
page 230
Html 5 Gallery
Html 5 gallery?
6 comments
page 1305
Dont Mess With My Toot Toot
Fun with toots?
16 comments
page 599
Dont Mess With My Toot Toot
Fun with toots?
16 comments
page 599
Converting Wordpress Themes To Habari
Habari timthumb?
one comment
page 694
Wordpress 25 Exif Fields
Habari timthumb?
12 comments
page 230
  1 query every 1824 seconds, updated 1 seconds ago.
Saturday, 7pm
 __
(__)
   `

 WP-Premiums News: Edition 2 | WP-Premiums

[...] Rickmann of Fun with WordPress responds with a rigorous list of standards for free themes (coining a new name for these fremium [...]

Tuesday, 5pm
 __
(__)
   `

 Andrew Rickmann

Thanks,

This is really intended to be my starting point for any theme I make, i.e. my basics, beyond which, I would start to think the theme constitutes a fremium one. (If I say it enough it might catch on, just wait for fremium 2.0!)

In general I agree that sidebar width shouldn’t be pre-determined, but for a general theme you really do have to try and pre-judge what it may be used for. I wouldn’t want to make limits for others but I would like to have a general steer toward what is accepted as a default, with the understanding that specific uses may change it.

Premium themes are a quite different kettle of fish. Perhaps they apply, perhaps not.

Tuesday, 4pm
 __
(__)
   `

 Ptah Dunbar

haha, fremium theme? please, we don’t need another coin tossed around the commnuity. lol

I like this list, and assuming if these are the minimum requirements for a “freemium theme,” then they should be inculded into Premium Themes too. HOWEVER, I don’t think a list of standards should inculde any specifics such as sizes of sidebar width. Doing so will only limit a designer and that’s not what standards are for.

P.S. I updated my post, “What does Premium in Premium Wordpress Themes mean?” and included a link to this one.
.