Just recently I did some WordPress development work for a graphic design company. I thought their portfolio section was quite nice and used a few custom NextGen Gallery templates to pull it off. Here’s how I did it (mostly so I can do it again easily, but I hope this might help someone else too!).

Here’s a screenshot of the finished album:

NGG Custom Album

And here’s one of the galleries:

NGG Custom Gallery

(This post assumes you’ll need both Albums and Galleries, if that’s not the case, skip ahead as needed.)

After setting up each of the galleries and the album in NGG with some sample photos, I made two custom templates based off the existing NGG ones: album-clientname.php from album-extend.php, and gallery-clientname.php from gallery-caption.php. To make these, open the NGG plugin and you’ll find the original templates in the /view folder. Copy them and paste them into a new /nggallery  folder in your theme, then change the names as needed. Don’t forget to then go to the album and gallery pages in your site and change the shortcode to match the new template names:

[ album id=1 template=clientname] and [ nggallery id=1 template=clientname]

You’ll remove that extra space between the opening bracket and the first word in your own shortcode.

Here is the code for album-clientname.php:

And the code for gallery-clientname.php:

I didn’t change them too much; in the gallery template I removed some unneeded code and added a container around the alttext (which I’m using for the title on top of the thumbnail). In the album template, I removed the photo number and moved the album title, again adding a container to make it easier to style with CSS.

Here are the styles for the album – pretty simple:

Here’s the styling for the galleries:

For the gallery, I also needed to use a modified page-title on those pages that would show over the header image:

I made a new page template called page-galleries.php to use for the gallery pages so I’d have a body style I could hook into.

All in all this took about an hour to do, start to finish. I think it’s a nice-looking portfolio and I hope you find this useful!

I just upgraded WP (yes, I know I should have done this a few weeks ago) and my NextGen-driven portfolio disappeared. That scared me for a minute until I discovered it had deactivated during the upgrade.

I’ve added two new projects to the portfolio and hope to be adding another later this week. I was incredibly busy over Thanksgiving working on a WordPress pet project that I hope to launch very soon. Fun, but it seems to be going so slowly.

On Saturday I sat down with WordPress and the NextGen image gallery plugin and added my web design portfolio to my site in about three hours total. Actually, it only took about one hour to get the gallery set up with all the images; the rest of the time was spent adding descriptions, links and tags.

I’m using the default Thickbox effect, but had to go into the Thickbox .css file to make my two-line captions fit properly. And NextGen is still giving me a scripting error that I can’t resolve.

But all in all I’m happy with the appearance. Let me know what you think.

I’d used phpslideshow for my website’s portfolio a few years ago, but lately it had gotten unwieldy. Because of the layout of my site, I could only fit in three columns of thumbnails, and I’ve launched quite a few projects recently. The thumbnails were way below the actual content of the page, so I decided it was time for something new.

I really like SimpleViewer after using it for a client’s site, and that’s the one I started working with first, but I needed more control over the captions.

One of my tweeple pointed out how nicely Javascript-based Highslide allows you to style captions by showing my his own nicely-done portfolio, so I decided to try it. I liked that Highslide is a thumbnail viewer and not primarily a slideshow – that’s just what I needed. I also really liked the very nice caption styling options.

I downloaded a copy and found it extremely easy to work with – in about 30 minutes I had the first few thumbnails set up and working. This is a very nice script. It took me several hours to dump all 36+ projects into the page, but I’m very happy with the results in my new portfolio.