Flickr Photo Album for WordPress

1,030 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,030 comments

  1. # dppeak Oct 02, 2008

    Is there a way to grab specific photos from a photoset?

    I want to grab say the first 25 and place on one page and then the next 25 on another page. I see in the Flickr API for the photoset.getPhotos to tell it the number of photos per page and what page you want. Does this plugin support that? Where should I look to modify to add this option? Thanks!

  2. Pingback: Flickr Photo Album For Wordpress
  3. Pingback: SEO plugin for wordpress | ahadproject dot com
  4. Pingback: 50+ Plugins de Wordpress para Multimedia « Quest’s Blog
  5. Pingback: Off to WordCamp | Lyndonology
  6. Pingback: Los mejores plugins Wordpress - Megacolección | El blog de Crix
  7. Pingback: 放下 » Blog Archive » Flickr Photo Album V1.1 支援多國語言
  8. Pingback: Páginas » Blog Archive » Plugins
  9. Pingback: Brett Gross Photography » WordPress is Cool
  10. Pingback: Geeks With Issues - Taking Over The World, One Show At A Time
  11. # Dozzer Oct 09, 2008

    This is excellent..

    I have one minor problem though.. when displaying several pictures from an album on a post.. the links to the pictures refer back to the post not to the actual picture jpg.

    See what I mean here:
    http://whatson.110mb.com/2007/11/27/rugby-pictures/

    Click the pictures should show the lightbox (large) as per the photo album page. But it doesn’t…

    Any ideas on how to fix it ?

  12. # leon Oct 09, 2008

    Nice plugin!

    Is there anyone can tell me how to insert this plugin into a theme that not “widgetable”?
    or how to insert it into the outside of the widgetable area (ie. sidebar)??

    thanks!

  13. Pingback: Miracle Studios Blog » Blog Archive » Wordpress Flickr Integration
  14. Pingback: Wordpress Flickr Integration « Web Design Company in Chandigarh : MiracleStudios.us
  15. Pingback: فارسی‌سازی افزونه‌ی آلبوم عکس فلیکر
  16. # Christian Oct 09, 2008

    ok,

    I installed the plugin, and then edited my wp-config.php the way it is supposed to be, and i can’t get the lightbox to happen. All it does is put up a gallery of my flickr photos and then when i click on the link it brings me to the flickr site where my photo album is.

  17. Pingback: Hits Singapore » Blog Archive » How To Integrate Flickr Photos Into Your Blog Post
  18. Pingback: How To Integrate Flickr Photos Into Your Blog Post | AdResidual
  19. Pingback: 6+ Flickr Plugins for WordPress | lab209
  20. Pingback: How To Integrate Flickr Photos Into Your Blog Post | Money Maker

View all 1,030 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!