ネットのサラダボウル

SQ Life - スピリチュアル・ライフはじめよう

  • 前のエントリー
  • 次のエントリー

MTのFlickrプラグインを入れてみた。

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になれている方ならすぐに理解できる簡単な内容でこれまたサクッと完了します。

以下は僕のプロフィールページで使用したものです。
実は、一部意図通り表示されていませんが、そこは目をつぶります。

FlickrPhotos v0.80

MTFlickrPhotos

画像を表示するために必要なコンテナタグです。
アトリビュートは以下のものを使用しました。

username
自分の画像を表示するために必要なアトリビュートです。Flickrのユーザ名を入れましょう。
僕の場合はryokenhideyoと入力しています。
例:username="ryokenhideyo"

lastn
表示する写真の数を制御するアトリビュートです。デフォルトのMTタグではおなじみです。
僕の場合は20件表示です。
例:lastn="20"

sort
写真の並び順を制御するものです。
オプションには以下のようなものがあります。デフォルトではdate-posted-descとなっています。

  • date-posted-asc (アップロード順:最初にアップロードした順番)
  • date-posted-desc (アップロード順:最後にアップロードした順番)
  • date-taken-asc (写真のシャッターを切った順:日付の古い順)
  • date-taken-desc (写真のシャッターを切った順:日付の新しい順)

僕の場合はdate-taken-descでソートしたかったのですが、どうもうまくいきませんでした。
なので、それまでの格闘疲れもあり、スルーしています。
例:sort="date-taken-desc"

僕の設定したMTFlickrPhotosのアトリビュートは以上でまとめると下記のようになります。

<MTFlickrPhotos username="ryokenhideyo" lastn="20" sort="date-taken-desc">
</MTFlickrPhotos>

MTFlickrPhotoThumb

Flickrに投稿されている画像のURLが入る変数タグです。 <img>タグののsrc属性にMTFlickrPhotoThumbを入力すれば、見事に画像が表示するというわけです。

アトリビュートには以下のものを使用しました。

size
表示する画像のサイズを制御するものです。
以下の5つのオプションのうち、s(75×75)とmed(500×375または375×500)を使用しました。

  • s(small square):75×75
  • t(thubmnail):100x75または75x100
  • m(small):240×180または240×180
  • med(medium): 500×375または375×500
  • o(original size):オリジナルサイズ

例:size="s"

MTFlickrPhotoTitle

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 が動作して非常に助かりました。

2006年08月14日 | Movable Type , アイデア・ヒント | コメント(0) | トラックバック (3) | Hatenaブックマークに追加 このエントリのHatenaブックマーク詳細 del.icio.usブックマークに追加

トラックバック

このエントリーのトラックバック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

コメント

コメントしてください

保存しますか?

注目のエントリ

  • 簡単にプロフィールが作れちゃう「iddy.jp」を公開Hot!
  • サイト流通サービス「サイトストック」をリリースHot!
  • モバイルSEOサービス始めます!Hot!
  • .htaccess Editorが Web Designingに掲載されました。Hot!
  • スピリチュアルのスピリチュアルによるスピリチュアルのためのサイト SQ Life オープンHot!
  • Movable Type コンテスト 2006Hot!

最近のエントリ

  • @font-face規則でウェブフォントを表示してみた
  • 銀座週間
  • twitter.jp から学ぶ多言語サービスの提供に関する姿勢
  • デジパのデザイナーがこういうのやり始めました。
  • .htaccess Editor 翻訳プロジェクトが一気に加速
  • AXIS Condensed 発売予定日ほぼ決定!
  • あなたのサイトをオンライン査定します!
  • KAYAC、CUPPY リニューアル
  • 小林章さんの新しいブログ「ここにも Futura」
  • XHTML+CSS関連の書籍出ます。

タグクラウド

カテゴリ

  • Movable Type 
  • WEB2.0 
  • お知らせ 
  • アイデア・ヒント 
  • ウェブデザイン 
  • ウォッチング 
  • ポッドキャスト 
  • 写真・カメラ 
  • 動画関連 
  • 広告・メディア 
  • 日常コラム 
  • 書体関連 
  • 検索エンジン 
  • 注目のエントリ 

月別アーカイブ

  • 2008年03月
  • 2008年02月
  • 2007年12月
  • 2007年11月
  • 2007年08月
  • 2007年07月
  • 2007年06月
  • 2007年05月
  • 2007年04月
  • 2007年03月
  • 2007年02月
  • 2007年01月
  • 2006年12月
  • 2006年11月
  • 2006年10月
  • 2006年09月
  • 2006年08月
  • 2006年07月
  • 2006年06月
  • 2006年05月
  • 2006年04月
  • 2006年03月
  • 2006年02月
  • 2006年01月
  • 2005年12月
  • 2005年11月
  • 2005年10月
  • 2005年09月
  • 2005年08月
  • 2005年07月
  • 2005年06月
  • 2005年05月

フィード

  • Atom
  • RSS 1.0
  • RSS 2.0
  • RSD
Copyright © 2005-2007 Hideyo Ryoken. All rights reserved.