I’m proud to announce a new html5 portfolio theme. It uses custom post types for portfolio pages, takes advantage of the new menu navigation, and includes a ton of neat features. Here’s a video screencast of how it works:

Download It | Demo It

The theme just got included in the WordPress Themes Directory. You can demo it here. Or download a copy and try it out.

Examples of the Portfolio Theme in Action

Peter Bergting – Comic Book Artist and Writer

What’s New in Version 0.4

• Changed title filter priority in simple-custom-post-type-archives.php
• Added better handling for the Simple Custom Post Type Archives plugin
• Updated the menu_postion for the portfolio post type
• Combined the portfolio post type and custom taxonomy into the same init hook
• Added better labels to the portfolio post type
• Updated the hover states on the menu to use stop(true)
• Added thumbnails and taxonomy tags to the column view for portfolio post type
• Added an icon to the portfolio post type

Credits

Portfolio was built on the solid foundation of Toolbox:
http://wordpress.org/extend/themes/toolbox

Styles, especially the menus and buttons, were inspired by Canvas:
http://www.woothemes.com/2010/02/canvas/

Jquery rollovers for portfolio items was based on code by:
http://graphpaperpress.com/themes/workspace/

Uses Custom Post Type Archives plugin to enable portfolio paging and permalinks:
http://www.cmurrayconsulting.com/software/wordpress-custom-post-type-archives/

Special Thanks

Also, special thanks to Michael Fields and Jake M Gold who helped test the theme and gave excellent feedback + code suggestions.

Instructions and Common Questions

How to Set Up a Portfolio Item:

When you activate the Portfolio Theme, you will see a new post type called “Portfolio”. Click “Add New Item” and you will be taken to the edit page where you can add a title, description, and tags for your portfolio piece.

To add the portfolio image, click “Set featured image” on the right side of the screen beneath “Portfolio Tags”. This will take you to the media uploader to add your image. When you finish, click “Use as Featured Image”.

404 Errors:

This theme uses custom post types. If you are getting a 404 error when you try and view the portfolio posts, reset your permalinks. You can do this by going to “Settings > Permalinks” and re-saving the permalink structure.

Portfolio Items Disappear:

If you change themes, chances are your portfolio pieces will disappear from the dashboard. Fear not! They are still saved in the database- your new theme just wasn’t programmed to list and display them.

If you are handy with code, you can just copy the two extensions “portfolio-post-type.php” and “simple-custom-post-type-archives.php” into your new theme and call them from the functions.php file. You’ll also have to build new template files to display the custom post types in your theme. If coding isn’t your thing, you could hire a WordPress developer to help you out with the project.

How do I change the size of the thumbnail images?

At some point I will probably make theme options for this, but for now you’ll have to do this through the code. Open the file portfolio-post-type.php in the “extensions” folder, and fine the line of code that says: add_image_size( ‘portfolio-thumbnail’, 215, 175, true );. The first number “215″ is the width- the second number “175″ is the height. Note, that there is a clear div generated every 3 items to start the next row- so if you change this to only have two items across, you’ll also need to update that code in type-portfolio.php.

Can I stop the featured image showing in double in the portfolio?

The featured image should not show up twice in the single post view. Make sure that you didn’t accidentally insert the image into the post (it pulls automatically). If you want to manually insert the images and put whatever content you want into the post- delete these lines from single-portfolio.php:

34
35
36

<?php if (has_post_thumbnail()) {
     the_post_thumbnail('large');
 }?>

Can I display my portfolio items in with my regular posts?

Yes, but you’ll just need to update the query call on every template where you want both to appear. See Justin Tadlock’s article about this. The intention of this theme was to have them live separately.

Can I change the permalink slug from “portfolio” to a name of my own choosing?

If you know a little about how custom post types work it shouldn’t be that difficult. You’d need to change the registered post type from “portfolio” to something like “art” (for example), and update the labels and queries. Perhaps in a later version of the theme I’ll make an option for this, but for now you’ll have to dig through the code a bit or hire someone to make the needed changes.