Flickr Photo Album for WordPress
Current Version: 1.1
WordPress.org page |
Past versions
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.
Author: Joe Tan ([email protected])
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)
Installation:
- Unpack / unzip the archive
- Copy the entire “
tantan-flickr” directory to your WordPress plugins directory ([WORDPRESS DIR]/wp-content/plugins). Upgrading note: just overwrite all the files inside thetantan-flickrdirectory. If you made edits, make a backup first. - 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.
- Follow the on-screen prompts to link your photo album to your Flickr account.
- Once linked, 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. To insert a photo, click the Flickr icon in your “Add media” bar when editing posts. Click on a photo, select a size, and an HTML snippet for that photo will appear in the post’s textarea.
Photo Album Customization:
- All templates are located inside a “
templates” folder inside thetantan-flickrdirectory. - To customize one template, copy it into your current theme directory.
- To completely customize the look and feel, copy all 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 site. All the CSS is referenced from
photoalbum-header.html. - That’s it!
Popup Overlay Support:
- Depending on your blog’s theme, this may require a little bit of JavaScript / CSS work.
- See the documentation page for detailed instructions on how to use popup overlays.
- Take a peek inside
photoalbum-resources.phpto see how to hook up the plugin with the display library. Example implementations are provided for Lightbox, Facebox, FancyZoom, and Fancybox.
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: post them to the Google Project page.
Source code: browse at the Subversion repository.
Want more WordPress goodness? Check out my other plugins and scripts ›