14Aug,2006
ネットのサラダボウルのリニューアルと同時にプロフィールページを作成したりと久しぶりに自分のサイトをごにょごにょしてるわけですが、Six ApartのPlugin DirectoryにFlickr関連のプラグインがあったので、以下の3つのうち、FlickrPhotosを入れてみました。
FlickrPhotos | FlickrTags | FlickrPhotosets
尚、動作環境はMT3.3で実施しています。
プロフィールページの表示の通り、目的としては「自分のFlickr に投稿した写真を表示する」といったシンプルなものなので、どれをチョイスしてもよさそうではありますが、色々試した結果、FlickrPhotosに落ち着きました。
MTのバージョンが3.1x以下の方でランダム表示や日本語版のプラグインが良いという方は、eternalheart.comさんの「Flickrの写真をMovableTypeに表示 (FlickrPublicPhotos Plugin)」や、blog:N@TURE BRAINさんの「FlickrのPhotosetをMovableTypeに表示する (MTFlickrPhotosets)」のエントリーが参考になると思います。
前者では日本語プラグインであるFlickrPublicPhotos Plugin.ja JPの導入について、後者ではFlickrAPIを使うためのPerlライブラリのアップロード手順について参考になります。
初めは僕も日本語プラグインのFlickrPublicPhotos Plugin.ja JPに挑戦しましたが、サポートが3.2より前のVer.だったということで小一時間格闘しましたが、あきらめました;)
さて、話を「FlickrPhotos」に戻します。
MT-HACKSさんから最新版をダウンロードしてファイルを展開します。
そのままアップロードすれば、プラグインのインストールは完了です。
いままで苦労が何だったというくらいサクッと完了して、Flickr表示用のタグを確認します。
MTになれている方ならすぐに理解できる簡単な内容でこれまたサクッと完了します。
以下は僕のプロフィールページで使用したものです。
実は、一部意図通り表示されていませんが、そこは目をつぶります。
画像を表示するために必要なコンテナタグです。
アトリビュートは以下のものを使用しました。
username
自分の画像を表示するために必要なアトリビュートです。Flickrのユーザ名を入れましょう。
僕の場合はryokenhideyoと入力しています。
例:username="ryokenhideyo"
lastn
表示する写真の数を制御するアトリビュートです。デフォルトのMTタグではおなじみです。
僕の場合は20件表示です。
例:lastn="20"
sort
写真の並び順を制御するものです。
オプションには以下のようなものがあります。デフォルトではdate-posted-descとなっています。
僕の場合はdate-taken-descでソートしたかったのですが、どうもうまくいきませんでした。
なので、それまでの格闘疲れもあり、スルーしています。
例:sort="date-taken-desc"
僕の設定したMTFlickrPhotosのアトリビュートは以上でまとめると下記のようになります。
<MTFlickrPhotos username="ryokenhideyo" lastn="20" sort="date-taken-desc">
</MTFlickrPhotos>
アトリビュートには以下のものを使用しました。
size
表示する画像のサイズを制御するものです。
以下の5つのオプションのうち、s(75×75)とmed(500×375または375×500)を使用しました。
例:size="s"
Flickrに投稿されている画像のタイトルが入る変数タグです。
<img>タグのalt属性に入力するため使用しました。
アトリビュートはありません。
今回使用した、2つの変数タグを組み合わせ、コンテナタグ(MTFlickrPhotos)で囲むと
<MTFlickrPhotos username="ryokenhideyo" lastn="20" sort="date-taken-desc">
<a href="<$MTFlickrPhotoThumb size="med"$>" title="<$MTFlickrPhotoTitle$>"><img src="<$MTFlickrPhotoThumb size="s"$>" width="75" height="75" alt="<$MTFlickrPhotoTitle$>" /></a>
</MTFlickrPhotos>
このような具合になります。
以外とあっさりFlickrPhotos が動作して非常に助かりました。
このエントリーのトラックバックURL:
http://saladbowl.org/mt/mt-tb.cgi/435
このリストは、次のエントリーを参照しています:
MTのFlickrプラグインを入れてみた。
flickrを利用した写真ページの作成
from とあるアフィリエイターカップルのおはなし
24日の両親との旅行で、写真をけっこう撮ってきたので、それらをまとめてアップしたい! けれど、Movable Typeは複数の写真をアップロードするときに...
[続きを読む]
トラックバック時刻: 2006年12月05日 14:56
MovabletypeにFlickrの画像を表示させる方法
from plugint-T
当ブログのサイドバーにすでに表示してありますが、MovabletypeにFlic...
[続きを読む]
トラックバック時刻: 2007年07月31日 15:30
flickrのページも作りました。
from eternalheart.com
本当に写真好きの私は先日ブログ内の写真をランダムに表示するページを作ったばかりだ...
[続きを読む]
トラックバック時刻: 2007年11月19日 21:43
コメントしてください