Flickr Photo Album for WordPress

1,183 Comments

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+
safariscreensnapz003.jpg
Click the screen shot to see what the pop up overlay looks like
Older WordPress:
photo-album-screenshot.jpg

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:

  1. Unpack / unzip the archive
  2. 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!
  3. Go into your Wordpress admin, click on the “Plugins” tab, and then activate “Flickr Photo Gallery”.
  4. Click on the “Options” (or “Settings”) tab, and click the “Photo Album” subtab to bring up the options screen.
  5. Just follow the onscreen prompts to link your photo album to your Flickr account.
  6. Once your photo album is linked to your Flickr account, enter a URL where you want your photo album to appear.
  7. 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:

  1. All the templates are located inside a “templates” folder inside the tantan-flickr directory.
  2. If you just want to customize one particular template, just copy that template into your current theme directory
  3. 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.
  4. 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
  5. That’s it!

Popup Overlay Support:

Download the plugin

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 >

1,183 comments

  1. Pingback: Boston Through My Eyes at A Day in the Life
  2. Pingback: Will Sommer - 24 ways to improve your news site
  3. Pingback: Web Quotes & Counterpoints XII | Prose of a Pol
  4. Pingback: 现在的wordpress plugin » 杜海凡
  5. Pingback: Album foto Flickr plugin: Flickr Album Foto « Go Organik with NASA Indonesia
  6. Pingback: arotau » Archive » Web server updates
  7. Pingback: 10 Amazing Wordpress Plugins for Flickr | Rich Magazine
  8. Pingback: jamie allen » Hit refresh
  9. Pingback: links for 2009-02-28 « chikajm
  10. Pingback: AnotherMaria.com » Blog Archive » I Heart Flickr
  11. # Doreen Mar 03, 2009

    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

  12. # Joe Tan Mar 06, 2009

    Collections are not yet officially support by the flickr API, so the plugin can’t do it just yet. Hopefully soon!

  13. # samuel larsson Apr 02, 2009

    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

  14. Pingback: Wordpress Flickr Integration at Expertz
  15. Pingback: unseen » Blog Archive » MossCat.com Redesign
  16. Pingback: Updated Photo Section | Nick Dillon
  17. Pingback: 50 Excellent Image Galleries You Can Use Today « Nvmindmedia
  18. Pingback: wpics | Capital Pictures
  19. Pingback: x0mb1e.com » Blog Archive » New Wordpress installation
  20. Pingback: Top Wordpress Plugins |

View all 1,183 comments

Leave a comment

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!