I noticed a great photo thumbnail layout on a friend’s blog recently, and asked him about it. He told me that he was using a cool WordPress photo plugin called PicasaView that easily pulls photos from Picasa into a WordPress blog. I’ve been playing around with different photo galleries lately as I try to resurrect this blog, and thought I’d give it a try since wordpress plugins are so easy to install.
So, I went into my wordpress control panel and added, activated, and setup the plugin in just a few minutes. Easy as pie.
I then went to a test page and added a Picasa photo album from a recent trip to Phoenix, Arizona.
I added this code:
[picasaview album='Arizona-August 2011']
This works great, and looks just like this:
picasaView plugin: Could not load data from picasaweb. Maybe the user or specified album does not exist?
This was the generated url which failed at picasaweb:
It returned the following data:
The Picasa API is deprecated. See https://developers.google.com/picasa-web/ for more details and the migration guide.
Now, I’m going to come back to it, but notice that that there is a space in my album name. That’s perfectly fine to both Google and to PicasaView, up to a point.
What I really wanted was a bunch of thumbnails like I had seen on my friend’s blog. So, I added the “instantView” option to my PicasaView tag so it looked like this:
[picasaview album='Arizona-August 2011' instantView='yes']
This is when things went downhill fast.
In addition to messing up the entire CSS for my site, including messing up the header and background, it also generated this:
The issue here took me some time to find. The problem is that I used the title of the album as I entered it. This is the part that doesn’t work, because I have a space in the album name. The fix is to go to the url for the album that Picasa generated, and use that instead in the album name. In this image, you can see the album name and the url that works:
After I changed the PicasaViewer tag to look like this:
[picasaview album='ArizonaAugust2011' instantView='yes']
it generates thumbnails like this:
That’s all there is to it. I hope this helps someone else.