フリーで活動するWebデザイナー/コーダーのWeblog

flickrRSSを使って、WordPressの任意の場所にInstagramに投稿した画像を表示する方法です。
flickrRSSの名前の通り、Flickrにアカウントを持っていて、更にInstagramからFlickrに連携させていることが前提です。
ここではFlickrへの登録方法、Instagramへの登録方法、その連携の仕方の説明は省かせてもらいます。

インストール

配布元 → http://eightface.com/wordpress/flickrrss/

flickrRSSをダウンロードし、解凍してできたflickr-rssフォルダをwp-content/pluginsフォルダにアップロードします。
WordPressのプラグイン画面で有効化します。

設定

有効化が済むと、設定タブにflickrRSSが追加されていますので、その画面で設定を行います。

Display：

画像の表示枚数と表示する種類（？）
表示枚数は任意で、種類（？）は“user”を選択。

User ID：

入力欄の横の“Find your id”をクリック。
すると「http://flickr.com/photos/your_username/」と入力されたテキストボックスがポップアップしますので、“your_username”のところをご自身のFlickrのユーザー名に変更し、OKをクリック。

Tags (optional)：

ここでタグを設定すると、設定したタグが付いた写真のみを表示できます。
InstagramからFlickrに投稿すると、「instagramapp」というタグが自動的に付きます。
なので、Instagramからの写真のみ表示させたい場合は、「instagramapp」と入力します。

※ 2010/12/24　追記
数日前から、表示されていたはずの最新の写真が表示されないと思っていたら、本日全ての写真が表示されなくなっていました。
タグを設定しなければ問題なし。現在様子見中。

※ 2011/01/26　追記
「Tags (optional)」に「instagramapp」を設定してみました。
問題ない様です。

HTML Builder：

ここで細かく表示の体裁などをいじれます。

Enable the image cache：

チェックを入れると、サーバーに画像のキャッシュを保存します。
これより下の項目で、画像サイズや保存するフォルダの設定などができます。

設置

ウィジェットのページを見てみると、「利用できるウィジェット」の中にflickrRSSがあります。
それを任意の場所に設置し、タイトルを付けましょう。

もしくは、任意の場所に以下の様に記述します。

<?php get_flickrRSS(); ?>

Finish !

これで、InstagramからFlickrに投稿した画像が任意の場所に表示されるようになりました。
Instagramに投稿するときに、Flickrと共有するようにしてください。

環境

・　flickrRSS 5.1
・　WordPress 3.0.3

参考

・　Instagramの画像をWordPressブログのサイドバーに表示する – iPhone Syndrome
・　flickrRSS for WordPress – 7-oceans