fotologueの写真をブログサイドバーなどに表示するツール「view_fotologueRSS」
2008年08月12日
Comment(2)
Trackback(0)
当サイトのトップページの右サイドバーにて表示している写真は、fotologueから表示しています。
つまり、fotologue内にアップした自分の写真を、表示しているわけです。
こうすると、自分の写真をfotologueだけで管理すれば良いことになるし、
RSS配信なので新しい写真を投稿したら即反映されるので、管理がラクなんですよ♪
当初は
「自分のサイトだけで表示できればいいや〜♪」
ぐらいの気持ちで作ったツールなので、公開する気はさらさらありませんでした。
ですが、このツールを欲しい！という方がいらっしゃったため、公開する運びとなりました。
趣味のレベルなのでソースはスマートではありませんので、利用される場合はご了承くださいませ<(_ _)>
ということで、fotologueをMTなどのサイト上に表示する方法をご紹介します♪
必要要件
fotologueはRSS配信されているので、このRSS情報を利用して今回のツールを作成しています。そこで今回参考にさせていただいたのは、
ぱふぅ家のホームページさんで解説されている「PHPで作るRSSビューア」というものです。
今回ご紹介するツールは、PHP使用可能サイトでのみご利用できますので、あらかじめご了承ください。
ちなみに、MTで当ツールを使用される場合はPHP化が必要です。
PHP化については、こちらを参考されてくださいね。
「Movable Type の PHP化（その1）」（小粋空間さん）
１．MagpieRSSの取得＆インストール
まず、RSSパーサのソースをダウンロードします。MagpieRSSダウンロードページ >>
ファイルをダウンロードしたら解凍し、「rss_fetch.inc」のソースに手を加えます。
"rss_fetch.inc" の 358行目が "define('MAGPIE_OUTPUT_ENCODING', 'ISO-8859-1')" となっているが、この"ISO-8859-1"を "UTF-8" に置換しておく。これで、 パーサからの出力コードが UTF-8 になる。
Shift_JIS に置換することも可能だが、MagpieRSS が呼び出している PHP の xml関数群が現バージョンでは Shift_JIS には対応していないため、ここでは UTF-8 にするのが無難だろう。
これに伴い、メイン・プログラムも UTF-8 で記述する。
※Thanks!!ぱふぅ家のホームページ
ソースの修正が完了したら、全てのファイル＆フォルダをPHPが動作するフォルダに保存します。
２．view_fotologueRSSを取得＆インストール
下記のリンクから、fotologueRSS表示プログラム「view_fotologueRSS」をダウンロードします。view_fotologueRSS ダウンロード >>
ファイルをダウンロードしたら解凍し、ソースに手を加えます。
「view_fotologueRSS.php」のソース内で、★印がついたコメント部分を修正します。
★１．MagpieRSS保存場所を指定
ソース内10行目に、MagpieRSS保存場所を指定してください。
★２．fotologueのRSS用URLを指定
ソース内12行目に、fotologueのRSS用URLを指定してください。
※ 自分のfotologueギャラリーを表示すると、画面下に「PHOTOCASTING」というリンクがあります。
そのリンク先がfotologueRSS用URLになります。
★３．写真画像の幅(ピクセル)を指定
ソース内29行目に、表示させる写真画像の幅（ピクセル）を指定してください。
★４．写真の表示件数を指定
ソース内36行目に、写真の表示件数を指定してください。
1〜20件まで指定可能です。
★５．文字コードを指定
ソース内47行目に、ご使用のブログ（サイト）の文字コードを指定してください。
EUC-JP、SJISのいずれかを指定します。
UTF-8なら、変換の必要はありませんので、この行をコメントアウトしてください。
ソースの修正が完了したら、「view_fotologueRSS.php」をPHPが動作するフォルダに保存します。
３．PHPソースへの設置
PHP(HTML)ソース内の表示したい箇所に、以下のソースを設置してください。★の箇所は修正してくださいね。
実際の表示サンプルはこちら >>
ちなみに、表示サンプルのHTMLソースは↓のような感じ。
画像を羅列させているだけの、シンプルなソースです。
横幅を指定したテーブル内などにview_fotologueRSSを設置すれば、その幅で画像が折り返されます。
この習性を利用して、当サイトの写真も表示しています。
おまけ．画像に影をつける場合
小粋空間さんで、画像に影をつける方法を紹介されています。「CSSで画像に影をつける（ドロップシャドウ）」
「view_fotologueRSS」では、↑の記事内「１．画像のHTML記述方法」に対応しています。
よって、２番以降を参考に対応してください。
●ランキングに参加中です♪この記事が参考になった！共感した！と言う方、応援していただけると嬉しいです！その「一票」が更新の励みになります。よろしくお願いします！
1日1回のクリックが更新の励みになります！
にほんブログ村 写真ブログ 写真講座・教室へ >>
1日1回のクリックが更新の励みになります！にほんブログ村 写真ブログ 写真講座・教室へ >>
きょん♪が愛用中のイチオシ御用達ショップです。ネット通販は実店舗よりも安く購入できるのが魅力ですヨ♪
● カメラのキタムラ インターネット店 >>
カメラ＆レンズを購入するなら「とにかく安心」のカメラのキタムラと決めています。
無料で５年間保証&全国1200店舗の実店舗修理が受けられるので、ネット通販初心者さんも安心♪
金曜夜8時以降の
この記事をソーシャルブックマークに追加すると、いつでも読めます。
携帯版「カメラ女子」もテスト的にサービス開始しました♪外出時の撮影にお役立て下さい。不具合の報告は↓のメールフォームにてお待ちしております。
コメント
この度は、ご依頼させて頂きました内容のエントリーありがとうございます。
私の知識不足もあり設置に試行錯誤しましたがなんとか表示させることは
できました。
そこで、きょんさんのように写真に縁をつける方法などまた、サイドーバーに
写真を設置した時のレイアウトなど、きょんさんのように2列に表示させるなどは
どのように修正すれば良いのでしょうか？
お手数ですがまた、お手すきの時にエントリーなどでサポートして頂ければ
幸いです。
あれから一眼レフで撮影などをしたいと思いながらも
なかなか機会もなくまた、撮影しようと思うピンとくるショットにも巡り合わず
なかなか写真の更新もできないままでいます。
もう少ししたら岡山の方に旅行にいく予定がありますので
その時にでも多いに一眼レフで写真を撮ろうと思っています。
沢山写真を撮りその中でお気に入りの写真が撮れれば少しでも多く撮れれば
いいなぁと思っています。
また、最近少し購入検討のレンズでシグマ「18-50�� F2.8 EX DC MACRO」と「APO 50-150�� F2.8 �� EX DC HSM」で迷っています。
どちらかを先に購入すれば良いのか？ おのおの用途が違うと思うのですが
どちらを先に購入するのが賢いのか？また、良かったらこちらの方もご意見アドバイス
頂ければ幸いです。
どうぞ宜しくお願いします。
Posted by conan at 2008年08月26日 00:12
◆conanさん
なんとか表示できたようで安心しました(´▽｀) ホッ
ちなみに、写真に影をつける方法や、MTのカスタマイズ方法については、
小粋空間さんで分かりやすく説明されております。
小粋空間さん http://www.koikikukan.com/
ワタシもその方法どおりにカスタマイズしましたので、参考になると思いますよ♪
また、MTのカスタマイズについては、本などを参考にするのも良いと思います。
（すでに参考にされているかもしれませんが･･･）
>最近少し購入検討のレンズでシグマ「18-50�� F2.8 EX DC MACRO」と「APO 50-150�� F2.8 �� EX DC HSM」で迷っています。
両者、まったく異なる用途のレンズですので、conanさんがまず何を第一に撮りたいのか、ということを絞ることが出来れば、おのずと答えは見えてくると思います。
18-50なら、広角を生かした風景写真や雑貨・料理などの撮影、ポートレートに。
50-150なら、雑貨･料理・ポートレート、または、近づくことの出来ない動物や木の花、鳥などの撮影に。
ただ、50mmでレンズを分けるとなると、APS-C機の場合は75mm相当になり、雑貨・料理などの撮影はしづらいと思います。
近づけない遠景を撮る頻度が少ないのなら、18-50を購入し、遠景は足でおもむいて焦点距離を稼ぐというのが無難ではないでしょうか。
基本的に焦点距離は足で稼げ、といわれますから♪
岡山旅行、楽しいひと時をすごせると良いですね(*^m^*) ムフッ
Posted by きょん＠管理人 at 2008年08月27日 09:26