Flickr Photo Album for WordPress
1,183 Comments
Current Version: 1.1
Plugin Downloads:
download mirror | past versions
Get notified of when updates are made to this plugin.
Other Related Links:
Project Page,
Support Group
This Flickr plugin for WordPress will allow you to pull in your Flickr photosets and display them as albums on your WordPress site. There is a pretty simple template provided, but you can customize the templates 100% to match the look and feel of your own site. And if you want, you could also hook it up with Lightbox or any other number of display libraries.
On the backend, this plugin will also add a new Flickr icon to your WordPress edit screen which will allow you to easily insert your Flickr photos into your blog posts with just a couple clicks. You can either have your inserted photos link back to your WordPress Flickr photo album or directly to your Flickr.com photo page.
Demos
- Default Gallery Demo — The gallery you get out of the box (except of course, with your own photos).
- Popup Overlay Demo — Including demos of the Lightbox, Fancybox, Fancyzoom, and Facebox display libraries. See below for implementation instructions.
- Admin Screencast — Screencast demo of how the admin works in WordPress 2.5
Screenshots
WordPress 2.5+![]() |
Click the screen shot to see what the pop up overlay looks like |
| Older WordPress: |
|
Author: Joe Tan (joetan54@gmail.com)
License: GPL
Features:
- Supports Flickr videos
- Display your Flickr photo sets as albums on your site
- Search engine friendly URLs
- Complete control over the look and feel, see below for customization details
- Show or hide your photos that have been marked ‘private’
- Flickr notes and Flickr comments are supported
- Adds a new Flickr icon
to your media bar which allows you to easily add Flickr photos to any blog post. Browse your photos by tags, album, or search everyone’s photos by tags - Use WordPress shortcodes to easily insert photos from an album into a post (and also Flickr videos).
- Supports WordPress Widgets: Pull in your recent photos into your sidebar.
- Use a popup overlay to display your photos.
- Allow your visitors to leave comments without leaving your blog (via third party commenting services).
- Coming soon Support for over 10+ languages. Learn how you can help.
Installation:
- Unpack / unzip the archive
- Copy the entire “
tantan-flickr” directory to your Wordpress plugins directory. Your wordpress plugins directory should be something like [WORDPRESS DIR]/wp-content/plugins. Upgrading Note: Just overwrite all the files inside the tantan-flickr directory. If you made edits, then make sure you make a backup just in case something goes wrong! - Go into your Wordpress admin, click on the “Plugins” tab, and then activate “Flickr Photo Gallery”.
- Click on the “Options” (or “Settings”) tab, and click the “Photo Album” subtab to bring up the options screen.
- Just follow the onscreen prompts to link your photo album to your Flickr account.
- Once your photo album is linked to your Flickr account, enter a URL where you want your photo album to appear.
- You’re done! To view your photo album, just go to the URL you entered in the previous step. To insert a photo, just click on the Flickr icon
in your “Add media” bar when editing posts. Click on a photo, select a size, and a HTML snippet for that photo will appear in the post’s textarea. Cool!
If you’re using WordPress 2.3 or older, then you should a new “Photos” tab next to your uploading tabs.
Photo Album Customization:
- All the templates are located inside a “
templates” folder inside the tantan-flickr directory. - If you just want to customize one particular template, just copy that template into your current theme directory
- To completely customize the look and feel, copy all these template files (they all start with photoalbum-) into your current theme directory and modify as necessary.
- Modify the HTML and CSS in the template files to fit your own site. All the CSS is referenced from the template file photoalbum-header.html
- That’s it!
Popup Overlay Support:
- Depending on your blogs theme, this may require a little bit of JavaScript / CSS mojo.
- See this page for more detailed instructions on how to use popup overlays.
- Take a peek inside the file
photoalbum-resources.phpto see how to hook up the plugin with the display library. Example implementation is provided for Lightbox, Facebox, FancyZoom, and Fancybox. Here’s a quick demo of these display libraries >
Support:
If you are having problems setting up or customizing this plugin, please
visit the support group for help.
Someone may have already posted a solution to your problem!
More Documentation: Modification History, Known Issues and Bugs
Bug Reports:
If you find a bug or have a feature request for this plugin, please post them to this Google Project page.
Developers:
Browse this plugin's source code at the Subversion repository.
Want more WordPress goodness? Check out some of my other plugins and scripts >

Joe and Victoria
openbox9
Laity Lodge Youth Camp
Parkside Services
South Shore Baptist
Parkside Youth
Military Ministry
Campus Ministry
Know H2O
IFCJ
1,183 comments
this seems to be a cool plugin and I would love to use it, but there is one thing missing: collections! I have to many flickr sets to put them all to my website.
Is there a possibility to support collections?
cheers
Doreen
Collections are not yet officially support by the flickr API, so the plugin can’t do it just yet. Hopefully soon!
Hi and a huge THANK YOU for the awesome flickr plugin for wordpress. I use it in my online-portfolio at hyperislandinternship.se, but I have one issue and I just can´t get it…
When I have a thumbnail and click it in my portfolio the image appears in only 500px width – I want those fully sized. I´ve been looking into the css and trying to modify php/html where thumb should pick up the image inside flickr and redirct from the medium size – but I just can´t get it…
I´ll be so glad to hear from you, or just a link to a forum where this has been discussed. Thank you!
best regards
samuel larsson, sweden
View all 1,183 comments
Leave a comment