Hanami Theme for WordPress 2.5

Hanami is a two-column widget-ready theme, inspired by the WP Admin palette and the Seed Conference font-stack. Simple and clean, the intention was (as always) to display content in clear and concise manner. And it's not brown.

Features

• No plug-ins required
• Widget enabled
• Valid XHTML 1.0 Strict and CSS 2.1 (provided you don't add any strange tags in your post)
• Gravatar enabled for WordPress 2.5
• Support for child-pages, displayed as sub-navigation
• Special formatting, such as dropcaps for posts and captions for photographs and other images

Demo

A live demo of Hanami can be seen here.

Download

Hanami is available for WordPress 2.5.

Hanami Theme

• Download Hanami (zip)
• Download Hanami (tar)

Installation

Installation is straightforward, and follows the conventions of other WordPress themes. Simply upload the Hanami folder and its contents to the 'themes' directory of your WordPress install. Log-in to your site, go to the admin panel, and under 'Design', activate Hanami. That should do it!

Using Drop Caps

To use drop caps, simply enclose the first letter of your post in a span, and give it the class "dropcaps", like this:

<span class="dropcaps">T</span>he sky above the port was...

Captioning Images

Often when adding images, we want to add some extra text, such as the title of the image, where it was taken, or why you happened to be staring at your best friend's bum. To display captions under an image, you need to enclose the caption in a paragraph element and give it a class of "caption", like this:

<p class="caption">I was actually staring at...</p>

Using Post Thumbnails

If you want to use post thumbnails, like you see in the demo and screenshot to the right, simply add the image you want to use at the beginning of the post and assign the image a class of thumbnail, like this:

<img src="http://path/to/images/image.jpg" class="thumbnail"/>

Additional Bits

Hanami has been tested on a number of browsers, but by no means all of them. If you come across something strange please send me a screenshot, along with the operating system, browser, and browser version.

IE users will not be able to see the » displayed to the left of the links in the sidebar because IE does not support the :before pseudo class. This applies to both IE 7 and IE 6. In addition, IE 6 will render a slightly downgraded display because, honestly, it's an old, cranky browser and I get cranky messing with its idiosyncrasies.

And yes, I made extensive, if not exactly judicious, use of the xmp tag (on *this page only*) because it works! And browsers support legacy, even though it was depricated back the ice age.

Feedback, Comments, and Questions

Shoot me an e-mail at themes@protocol7.net.
I can also be found in #wordpress on irc.freenode.net. My nick is pnts.

ChangeLog

June 29th, 2008

• Support for child pages added as sub-navigation.
• Comment link added to post meta-data on the main page.