Free blank HTML5 WordPress theme

Last year Ian Stewart at ThemeShaper wrote a series of articles on the subject of coding a WordPress theme from scratch. This theme is a very well crafted blank WordPress theme that you can re-use on your projects.
It has several widget areas, it’s SEO optimzed, and supports translation among other things. Take a look at the code, it’s one of the best blank themes out there in my opinion. I’m not talking about frameworks such as ThemeHybrid or Thematic which take a different approach (they use child themes).

So, in the process of redesigning my web design portfolio website , I converted the “Shaper” theme to use HTML 5 markup. Where it makes sense, I use the new HTML 5 tags such as header, section, article. I didn’t use hgroup for the logo/tagline pair, because the way the theme works is the tagline is a H1 on the homepage and a div on the other pages for SEO reasons.
The comments use the article tag, as recommended.
Please download the theme, and let me know what you think.

WordPress dynamic searchable table with Jquery UI

Features : custom page template with dynamic post table. The table is then enhanced with Jquery dataTables to add search and sort functionality.
The goal was twofold : to present data in a searchable format for visitors. To make it easy to update for the website admin with no html knowledge.
Using custom fields, the client can enter a new post in a specific category, and it will appear in the table.
Here is the code for the custom page template:

	<div id="table-wrapper">
	<?php query_posts('cat=3'); ?>
	<table cellpadding="0" cellspacing="0" border="0" class="display" id="food" style="width:580px"
	    <thead>
        <tr>
            <th>Location</th>
            <th>Dish</th>
            <th>Type</th>
        </tr>
    </thead>
	    <tbody>
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<?php
		$food_location = get_post_meta( $post->ID, 'food-location', true );
		$food_name = get_post_meta( $post->ID, 'food-name', true );
		$food_type = get_post_meta( $post->ID, 'food-type', true );

 echo '<tr>';
 if ( !empty( $food_location ) ) {
		echo '<td class="rightcol">' . $food_location . '</td>';

		/* Add any additional code. */
	}
 if ( !empty( $food_name ) ) {
		echo '<td class="rightcol">' . $food_name . '</td>';

		/* Add any additional code. */
	}
	 if ( !empty( $food_type ) ) {
		echo '<td class="rightcol">' . $food_type . '</td>';

		/* Add any additional code. */
	}
 echo '</tr>';
?>

You can see the demo at:
http://kingrichardsfaire.net/food-drinks/

PSD to WordPress for a catering business

wordpress theme for a catering businessA client came to me with a website design in Photoshop and I converted it to a WordPress theme.
I enjoyed creating the theme as it was quite challenging, and I learned a lot about creating child themes for the Hybrid framework.
This is my fifth Hybrid child theme.
The homepage has a featured post area, a latest posts area, all widgetized and easily editable from the admin panel.
There are different page layouts, 1,2 & 3 columns.
I used the widgets logic and query_posts combo extensively which allows a lot of control from the admin panel, which is one of my goals when creating a theme. I try to make everything dynamic and editable.

PSD to WordPress for a surfer’s personal blog

My latest project was the conversion of a PSD file to a fully functional WordPress theme.

Features:

  • Child theme based on the Hybrid framework
  • Use of sIFR for the headings
  • Use of CSS3 rgba for transparency, for IE, use of proprietary declarations in conditional stylesheet