Downloads

Preview

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.

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:

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:

• 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.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

Installing Word Press on your own server space only sounds intimidating. It’s actually a fairly easy process that can be accomplished in a few steps. The most important part of the whole thing is backing up your data, just in case something goes awry.

Note: This how-to assumes limited familiarity with common Web terminology such as FTP, server and directory.

Getting Started

The first thing you need to have a Word Press blog from WordPress.org is server space. If you have a WordPress.com blog, you don’t need space - they host it for you. Same company, same interface, slightly different software and more limited functionality.

Once you have your server space (you can get this through a company like BlueHost or GoDaddy for very little money per month), you need to grab your log in information from your cPanel (control panel, usually found on the hose Web site). This is so that you can use an FTP program to log in and install WordPress and any other software you might want to use on your blog.

If you have chosen a host like BlueHost or similar, you can almost stop here. Hosts such as these also offer a tool called Fantastico. Fantastico will install and configure your Word Press files and related databases for you. If you either didn’t choose a host like that or just want to do it yourself, it’s a fairly simple process.

First, log in to your host’s cPanel - your dashboard for controlling the things stored on your Web server. Find the thing that says PHP Admin. Open that, and create a new database. This takes only a moment. Once it is created, some hosts already have you set up as a user of the new database, some need you to set that up. If you need to, add a new user to your new database. Write down the name of the database, your new user name for it and the password.

Prepping Your Installation

Now you need to download Word Press. Go to the WordPress.org site and click the Download link. This will put a .zip file on your computer. You will want to unzip this so that you can add some basic information to the wp-config.php file. You can unzip this right into your FTP folder (directory) /public_html or a new directory you create called /wordpress or /blog on your host server, but I’d recommend not doing that for your first time installing Word Press, just in case.

Once you have unzipped the file, you’ll need to go in to the wp-config-sample.php file and enter in your server log in and location information. You can do this in any text editor program, or a program like Dreamweaver if you have it. You will need the name of the database you made earlier, the server name, your user name, your blog url, and your password. The people who wrote Word Press have made it really simple figure out where to enter this information. Just look for the text that says ‘localhost’ and replace it with your database name, replace ‘password’, ‘user name’ and the rest as you as well. Once you are done, save the file under a new name: wp-config.php.

Installation Basics

Now use your FTP program to upload the entire collection of files and folders from Word Press to your server. Some people put them in their own subfolder named WordPress or Blog, but many just install the files right to the top level directory. To do this, just open the Word Press folder where the unzipped files are stored and select all, then upload them exactly as they are organized into the appropriate spot on your server.

Once the files are done uploading, double check to make sure you renamed the config sample file as wp-config.php. Go to your browser and type in the address of you blog plus /wp-admin/index.php. When you are done it will look something like this: http://example.com/blog/wp-admin/install.php or http://example.com/wp-admin/install.php. That will bring you to the Word Press install script. This will ask you to fill in a few blanks with basic information. One you are done, Word Press will automatically take you to the Dashboard (main editing screen) of your new blog, where you can start writing right away, upgrade a theme, add widgets or plugins and more. We’ll go over adding some extras in our next tutorial, but for now…

Happy Blogging!

Current supported release at time of writing: Word Press 2.6.5, Word Press 2.7 is in Release Candidate 1, and is considered a stable development release.