flickrを利用した写真ページの作成 by さとぼう

flickrを利用した写真ページの作成

Posted by さとぼう

24日の両親との旅行で、写真をけっこう撮ってきたので、それらをまとめてアップしたい！

ただ、Movable Typeは複数の写真をアップロードするときに面倒です・・・。

FTPソフトで画像をまとめてアップロードする手もありますが、それだと今度はタグの作成が面倒(__;)

ということで、flickrという画像共有サイトを利用することにしました。

flickrは、無料で使える画像のソーシャル・ネットワーキング・サービスのようなもので、自分がアップロードした写真にコメントをつけてもらったり、タグ（キーワード）をつけて種類ごとにまとめたりすることもできます。

画像をアップロードするのも専用のソフトを利用すれば、ドラッグドロップだけでとっても簡単にアップロードできてしまいます！

すばらしい！けれど、今のところ英語バージョンしかありません。

英語バージョンといっても、写真に日本語のタイトルや説明をつけることはできるので、それほど困ることはありません。

サイトのロゴもシンプルでかわいいですし、少し使っただけでかなり気に入ってしまいました♪

Flickr Photos プラグイン

そして、このflickrにアップロードした画像をリストアップして表示するページを新たに作成することに！

今回利用したムーバブルタイプのプラグインは、Flickr Photos v0.80です。

参考にさせていただいたのは次の2サイトさま。

MTのFlickrプラグインを入れてみた。（ネットのサラダボウルさん）

flickrのページも作りました。（eternalheart.comさん）

両サイトともデザインがとっても素敵で、参考になる部分がたくさんあります。

かなり詳しく解説してくれているので、迷うことなく進んでいくことができました。

LiteboxのJavaScript

さらに、写真をクリックしたときにかっこよく表示されるようにLitebox1.0というJavaScriptを導入してみます。

Litebox1.0を導入するにあたっては次のサイトを参考にさせていただきました。

Litebox 1.0 をブログに適用する（小粋空間さん）

Liteboxとは、写真をクリックすると背景が黒っぽくなって、センターに大きな写真が表示されます。

そして、写真の右側にマウスポインタを持ってくると、次の写真へのナビゲーションが表示され、逆に左側にマウスポインタを持ってくると、前の写真へのナビゲーションが表示されます。

これは完全に自己満足の世界です！！(^◇^)

写真ページの完成

完成したページは、このブログのトップページの「2人の最近の日記」の下にひっそりと公開してみました。

こちらからも見られますので、興味がある方はみてみてください～。

flickrの写真一覧ページ

まだそれほどアップしていません。

けれど、これからちぃやんも僕もたくさんアップしていきたいと思います！

flickrは、無料アカウントだと月に20MBまでしかアップロードできません。

年24.95ドルの有料アカウントの登録をすると、なんと月に2GBまでアップロードできるらしいので、そのうち登録しちゃうかもしれません。

この記事をソーシャルブックマークへ投稿：

ホームページ | コメント (0) | トラックバック (0) | さとぼうにメールを送る