Picasaed
Picasaed is a WordPress widget for Google’s Picasa Web that works pretty much the same as the Flickr Widget. It is all sorts of XHTML friendly, if that’s what gets your motor running. It doesn’t do anything fancy, it just displays X number of photos from a specific album’s RSS feed. I might add one bell or one whistle in the future, but right now I’m interested in making what’s there a bit better and not much else.
The important thing to know is that there are no styles attached to the output, that’s up to you. You can use #picasaed for the main widget and .picasaed_image for the specific images in your CSS stylesheet.
I can offer you this as a basic CSS suggestion, though you might not even need it. You could add this to your style.css file:
/*———PICASED STYLES———*/
#picasaed ul li {text-align:center}
.picasaed_image {width:90%}
Latest Version: 0.4
-
Instructions
-
Installation:
- Put the picased.php file in the plugins folder of your WordPress installation.
- Activate the plugin.
- Put the widget into your sidebar.
-
Using— to make it work you need to do two things:
- Put the url of the rss feed for one of your Picasa albums in the proper field
- Put the number of pictures from the album you’d like to display in your sidebar
- If you want the photos to link to images and/or to display random images use the appropriate check boxes
-
Version History
-
Version 0.4
- Picasaed now uses the thumbnail image (faster loading!)
- photo titles are used when present
- photos now link to album
- optimized code
-
Version 0.3
- added random photo option (picks random from rss feed)
- optimized code
Hi, neat little plugin – it works well on my page, but I would like to arrange thumbnails in a group, maybe 4across x 4down – is there any way of doing this. At the moment, they display as a list, with one photo under another.
Hey Steph, glad you like the plugin. Since the plugin doesn’t define any of the styles you should be able to make it look however you’d like. You just need add the CSS to your current theme’s style sheet.
The easiest way to make a grid would be to define the width of #picased so that it is wide enough to fit multiple images and then set <li> to float and the .picased_image to your desired width.
for example adding (and setting picasaed to display 4 photos):
#picasaed {width:24em}
#picasaed li {float:left;width:10em;margin:1em}
.picasaed_image {width:10em}
would create a 2×2 square. To get 4×4 you could change the above so that the images are a bit smaller and/or the #picasaed element is a bit wider.
Hope that helps!
—Jon