标签： plugin

What Is Flickr Photo Album(FPA) Plugin?

Flickr Photo Album for WordPress is a fantastic plugin that allows you to pull in your Flickr photo sets and display them as albums on your WordPress blog.

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 this post will guide you through the process of the customization. It’s pretty easy thanks to the great structuring of this plugin. See FPA in action here.

Preliminaries before We Start

From the “Look and Feel Customization” part of FPA’s wiki, we know that to customize this thing, we have to make sure the photoalbum-index.php template file (which is located inside the “template” folder in the plugin’s directory) closely match your own theme’s page.php.

Let’s first take a look at what the photoalbum-index.php file is like:

It is just like a standard page template of WordPress theme, isn’t it?

Then we shall look into the page template as indicated. There should be a page template file sample in your theme’s directory, named page.php or something like that. Take my current theme as an example, the codes inside look like:

Compare these two code snipplets and you’ll realize that the main structure is nearly the same. Hence what we’re going to do next is pretty simple bearing this in mind. Besides, those comments inside photoalbum-index.php almost have told you everything you need to do(not very much, though ^^).

Step 1: Merging the two

First thing’s first, copy everything between <?php get_header(); ?> and <?php get_footer(); ?> from page.php to photoalbum-index.php to replace its counterpart.

Step 2: Main Replacement

Our purpose is to make the structure of photoalbum-index.php accords with that of page.php. So we ought to wipe out lines between <div id=“secondary”> and its closing </div>, then add following codes there:

Keep the promotion link as a tribute to the author.

Step 3: Tiny Moderation

In fact, we’ve already finished the job. But there’s a little more to be done: Make the patching where necessary. In my sample, the navigation title should be fixed as below:

<div id=“location”>
<p><a href=“<?php echo get_option(‘home’); ?>/” title=“<?php bloginfo(‘name’); ?>“>Home</a> / <?php e(‘Gallery’); ?></p>
</div>

Mission Accomplished!

Now the photoalbum-index.php should look like this:

In case you need more customization like hooking FPA up with Lightbox or any other display libraries, you can find out more info about how to customize this plugin here.