Flickr Photo Album for WordPress

827 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:

  • 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 (Firefox only) 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. Eg: [flickr album=1234567] will insert into your post photos from album with id of “1234567″.
  • Supports WordPress Widgets: Pull in your recent photos into your sidebar.

WordPress 1.x: This plugin HAS NOT been tested with older versions of WordPress. If you are using an old version of WordPress, and want to be able to easily insert photos into your blog posts, then you can download the Flickr Post Bar instead.

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:

  1. Depending on your blogs theme, this may require a little bit of JavaScript / CSS mojo.
  2. First you’ll want to download and install a display library into your blog. Here’s a page with a list of all the various libraries you might want to use.
  3. Take a peek inside the file photoalbum-resources.php to 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 >

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 >

827 comments

  1. Pingback: 博客资源与博客工具大全(国外版) - DreamRainy
  2. Pingback: neil.lolin.net » Blog Archive » My Flickr Page
  3. Pingback: Plugin: my flickr album on my wordpress blog! | Loopboy
  4. # Small Web Design May 04, 2008

    This plugin is very good

  5. Pingback: Photo Javi, fotoblog de mi novia y mío « Un poco de mucho
  6. Pingback: Weltblick » Meine Flickr-Bilder eingebunden
  7. Pingback: Pluginuri Wordpress pentru editarea şi implementarea Imaginilor » Tehnic NET
  8. Pingback: As nossas férias: viagem a Barcelona | planetasoares.com
  9. # HTML Guru May 06, 2008

    This is really cool, do you need a flickr API key for it to work?

  10. # Wesley May 07, 2008

    Whenever I display photos by tag, the plugin only displays the first 100 photos. Is there any way to either display them all or set how many get displayed?

  11. # Wesley May 07, 2008

    Nevermind, I figured it out… I just added a “per_page” argument to the getPhotosByTags function in lib.flickr.php. Thanks.

  12. # galar May 07, 2008

    thanks for this great plugin. :)

    i got it going with jquery.lightbox-0.5, but… ;)

    i dont want that my fotos (thumbnails) in my posts link to the html sites. i want lightbox showing up everytime.
    if i add a whole set to the post its working, but single fotos always link to html. can i change that in the photoalbum-resources.php? i dont know what to change.
    help would be much appreciated :)

  13. # Mark May 08, 2008

    Ive gone thru the whole support base, and am still no closer to being able to customise. The customise documentation constantly refered to does not appear to exist in the zip folder, nor does the files view.php which is supposed to be changed to photos.php, Ive copied all templates into my theme directory and the default gallery appears fine in my theme but then im stuck.

  14. Pingback: Say Cheese! » The Planet Blog
  15. Pingback: 104 Useful Wordpress Plugins | General Marketing Blog
  16. # Thomas Squirrel May 09, 2008

    A rock was found of which I took photos, but I’m unsure as to what the fossil is?? Can you help Email me if you could. Thank You

  17. Pingback: Blog Anything » 104 Useful Wordpress Plugins
  18. # Jones May 10, 2008

    This is really cool, do you need a flickr API key for it to work?

  19. Pingback: Options for Easily Adding Flickr Photos to Your Website | Vandelay Website Design
  20. # bunny May 13, 2008

    boring

View all 827 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!