Photobloggin with Wordpress

Having recently gone online with a photoblog, I went through several different software packages before deciding on the one to use. In the end, I decided to go with Wordpress for a few different reasons.

I found a good list of photoblog software on photoblogs.org Wiki. I looked at a few of them and the most promising seemed to be pixelpost and OneReaction. OneReaction looked especially cool. Unfortunately it runs on ASP.net, and my domain provider doesn’t offer this (I need to use MySQL). Pixelpost is a very solid platform for photoblogging. It was designed specifically for this purpose and has many usefull and easy to use features. As well, it is easy to customize the look of your photoblog. The big downside to pixelpost is that you need to store your photos on the server that it is running from. I wanted to host all of my photos on zooomr, and I cannot do this with pixelpost. I’m not sure how important it is for me to host photos on zooomr. I managed to get a Pro account for free, so I have 2gb of storage available. My domain provider only allows me a total of 300mb for storage, and this includes all files including my general photoalbum. As well, zooomr provides another method for sharing photos within a community and it also provides cool features such as geotagging. If you want to upload and store your photos on your webserver, I advise to give a good try with pixelpost.

In the end I decided on Wordpress (I didn’t bother looking into other blogging software). Wordpress does everything that is needed, but maybe somethings aren’t as elegant as they could be since the software isn’t designed specifically for photoblogging. Now onto the “how-to” portion of photoblogging with Wordpress!

First thing I needed to do was choose a theme to start with. The three obvious choices were: start with the classic theme and basically build a new theme from the ground up; use K2; or use BlueBlurry. I tried starting with the classic theme but found it was going to be too much work at the time. As well, the navigation functionality needed for a photoblog was confusing. BlueBlurry was very good too. I could have used either BlueBlurry or K2. I decided to use K2 in the end although I can’t exactly remember why. K2 can be quite confusing, so be warned. Okay, so if you are going to use K2 then the first thing you need to do is check out Kristin Pishdadi’s tutorial on using it for photoblogging. This was the key to setting up K2. (Now that I think about it, I believe I used K2 because the archive functionality was there). You’ll need to customize the theme for the look you want. This can be quite tricky in itself. This doesn’t have anything to do with photoblogging in itself, customization is an issue no matter what theme or purpose you have. If you have a particular question about my customized theme, let me know. The next question is how do you want to display your pictures? As linked photos? Inserted photos???? I decided to use a div in the post content to display my photos. Here is an example of a post content: [php]

[/php] As you can see, the photo is inserted as a background. This would allow me to insert text boxes, graphics, or whatever on top of the photo if I wanted to. I set the height of the background in the post so that the footer is always spaced a certain distance from the photo. Without this, it becomes very difficult to incorporate photos that are shot “tall and skinny”. Okay, the photo is inserted now. The next thing I wanted to do is add some photo info. I like the look of pop-ups, so I wanted to do this with the photo info. I tried out several variants of lightbox in order to find a good jjavascript that worked for me. The important aspect I needed from a lightbox hack is that it needed to display inline divs. In other words, I don’t want a separate html filed to be required for each photo info. I wanted the popup to display text that was inside the post. Thickbox is a cool variant of lightbox (which only handles photos afaik), but Thickbox doesn’t do inline divs. The next variant I tried was leightbox. Another cool variant, it handles inline divs and it doesn’t have much overhead. However, I couldn’t get it to work with ie. Finally I found iBox. it also uses inline divs. As well, it supposedly works even if java isn’t installed (I haven’t tested this though). I probably would use Thickbox if I didn’t need inline divs. What I ended up doing is adding my photo info to the post then used the the rel=“iBox” to call the iBox popup. I add the style “display: none;” to the photo info content (via css) to make sure that the photo info text isn’t displayed except in the popup. There was little trick I used to add the photo info to the post content though. I installed a plugin called Get Custom Fields Value. Then at the post of the write post page under custom fields, I add a custom field key called “photo_info”. In the value I enter the text for the custom field. Finally, the the_loop.php I added the code < ?php echo c2c_get_custom('photo_info'); ?>. So the last thing the_loop does is add the photo_info text. In hindsight, since I am now using iBox I could probably just change the post content to: [php]

style=“background:url(http://static.zooomr.com/images/251254_59afe9118b.jpg);no-repeat;border:0;height:335px;text-align:left;">

Here is my photo info text

[/php] Maybe i’ll try that next time.

Finally, I also added another instance of iBox in the “About” at the top corner of the photoblog.

I think that about sums up my experience with photoblogging with Wordpress. I guess there are many more small details involved, drop me an email if you want more specific information.