wp-flickr-press

wp-flickr-pressTatsuya Blog

wp-flickr-pressとは？

WordPressの投稿画面内でFlickrの画像を気軽に挿入するためのプラグインです。

主な機能

  • Flickrメディアの検索（Photosets、タグ、キーワード）
  • 検索結果のキャッシュ化
  • Flickrメディア挿入時のデフォルト設定登録
  • Flickrメディアの一括挿入
  • aタグのrel,class属性の指定により、LightBox等に対応
  • imgタグのclass属性指定
  • path alias対応
  • PHPセーフモードでも動作可

対応バージョン

3.0以上

スクリーンショット

画像挿入1
挿入順序を指定

画像挿入2
画像挿入画面　有効な画像サイズを個別に取得しないように修正

タグのサジェスト入力
wp-flickr-press screenshot タグのサジェスト入力

一括挿入
wp-flickr-press screenshot 一括挿入

クイック設定
クイック設定を追加

New UI 01
New UI 01

New UI 02
New UI 02

フルスクリーンモード対応
wp-flickr-press_fullscreen_001

設定画面
Add Search Type

インストール方法

基本的に他のプラグインと同様です。
wp-flickr-pressフォルダをWordPressのpluginsフォルダに入れて下さい。
また、同フォルダ内にあるcacheフォルダに書き込み権限を追加してください。

基本的な流れ

  1. wp-content/pluginsへwp-flickr-pressフォルダをアップロード
  2. wp-content/plugins/wp-flickr-press/cacheフォルダに書き込み権限を付与
  3. FlickrのAPIキーの取得方法より、各自使用するFlickrアプリの作成
  4. CallbackURLの設定から作成したFlickrアプリのCallbackURLを指定
  5. 設定画面からOAuthトークンの更新

依存ライブラリ一覧

  • php-curl

FlickrのAPIキーの取得方法

本プラグインを利用するには、自身のユーザIDとAPIキーというものが必要になってきます。
これは何かというと、Flickrを利用するためのアプリIDだと思ってください。
なので、プラグインを利用する方は自身でアプリを作成してそのAPIキーを設定する必要があります。

本題のAPIキーの取得方法についてですが、下記のブログにて写真付きで丁寧に説明されていますので、
こちらを参考にしてください。

Flickr Flash 連携 vol1 〜API Key作成〜 – SINAPlog

CallbackURLの設定

上記のFlickrアプリ編集画面にある「Callback URL」に下記のようなURLを入力してください。入力しない場合、正常に設定画面から正常にユーザID等が取得出来ません。

http://[ブログのドメイン]/wp-admin/admin.php?action=wpfp_flickr_oauth_callback

具体的なコールバックURLに関しては、設定画面のAPIキーなどを入力する箇所に表示されていますので、そちらを参照ください。

画像挿入時のテンプレート

設定画面から画像挿入時のテンプレートを編集することが出来ます。以前までは、imgタグが並んでしまい、その後、画像のタイトルを記載したりなどの作業が必要でしたが、テンプレート機能を用いることで、これらの作業をある程度自動化出来るかと思います。

注意点として、先頭、末尾に改行を付与したい場合、改行コードではなく、
タグを用いてください。

マルチサイトでの利用の場合

マルチドメインでマルチサイトを利用する場合、作成するFlickrアプリは各ドメイン単位で作成してください。そうしない場合、OAuth Tokenの取得フローでクロスサイトドメインの制限により途中でエラーになってしまい、正常に処理が行えません。

対応予定機能

  • Photosets、Tags、キーワードによる検索 => バージョン0.0.2にて対応済み
  • 複数画像の一括挿入 => バージョン0.1.0にて対応済み
  • 設定画面からユーザIDの取得ができるようにする => バージョン0.3.0にて対応済み
  • 画像アップロード機能
  • 独自UIの作成

ダウンロード

■WordPress plugins
http://wordpress.org/extend/plugins/wp-flickr-press/

■github
https://github.com/fukata/wp-flickr-press/

関連記事


関連記事一覧を見る

その他

ご意見、ご要望などございましたら、コメントよろしくお願いします。

  • Pingback: 「WordPress Media Flickr」が動かなくて困ってるらしいカイさんを救えるかもしれない「wp-flickr-press」 | Odysseygate.com

  • Pingback: FlickrPressを試しつつポスト。 » 泣きながら撤退。

  • Pingback: 让flickrpress默认显示大图片

  • Pingback: 让flickrpress默认显示大图片

  • Sippu

    >wp-content/plugins/wp-flickr-press/flickr_oauth_callback.php

    上実行すると下エラーでますけど？

    wp-content/plugins/wp-flickr-press/libs/phpflickr/phpFlickr.php on line 185wp-content/plugins/wp-flickr-press/libs/phpflickr/phpFlickr.php on line 186wp-content/plugins/wp-flickr-press/libs/phpflickr/phpFlickr.php on line 187

    • http://fukata.org/ 深田 達也(Tatsuya Fukata)

      wp-flickr-pressディレクトリ内にあるcacheディレクトリに書き込み権限は与えていますか？
      プログラムコードを見る限り、書き込み権限が無くてエラーになっているようです。

  • Sippu

    ありがとうございます。
    パーミッション設定しました。->707
    >wp-content/plugins/wp-flickr-press/flickr_oauth_callback.php

    別のエラーが出ました。

    Warning: Unknown: open(/tmp/sess_9bb6390d5813afa47fa261ab7c7b237f, O_RDWR) failed: Permission denied (13) in Unknown on line 0

    Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct () in Unknown on line 0

    • http://fukata.org/ 深田 達也(Tatsuya Fukata)

      どうやら、セッションが正常に書き込めていないようです。
      使用しているサーバがレンタルサーバなどでしたら、レンタルサーバ側の人に上記のエラーを質問してみてください。

    • http://fukata.org/ 深田 達也(Tatsuya Fukata)

      お久しぶりです。
      wp-flickr-press v.1.6.1でセッションを使用しないように修正しましたので、
      たぶん、上記のエラーは出ないかと思われます。

      もしよかったら一度使ってみてください。

  • Anonymous

    問い合わせてみましたが個別のプログラムには答えられないという返事でした。
    諦めるか別のプログラムを試してみます。ありがとうございました。

  • http://www.ongaku-heiya.com ongaku-heiya

    はじめまして。
    こちらのプラグインをぜひ使わさせて頂きたくてwordpressにインストールしました。
    APIキーとシークレットも取得してコールバック設定もして、
    あとはOAuthトークンを更新するだけなのですが
    更新ボタンを押してもうまく取得されずOAuthトークンが未設定のままになっています。
    なにか問題があるのでしょうか？
    あとOAuthトークンを手動で入力する方法ってないのでしょうか？

    • http://fukata.org/ 深田 達也(Tatsuya Fukata)

      はじめまして

      更新ボタンを押す前に一度、設定を保存されましたか？
      また、未設定のままとのことですが、何かエラー等は表示されましたでしょうか？

      今後、提供するかもしれませんが、今のところトークンの値を手動で設定する手段は提供していません。

      • http://www.ongaku-heiya.com ongaku-heiya

        早速ご返信ありがとうございます。
        OAuthトークン更新を押すとポップアップでFlickrのページに行き下記の文章が表示されます。

        （Flickrアプリ名） wants to link to your Flickr account.This is a third-party service. If you don’t trust it with access to your account, then you should not authorize it.Access your Flickr account (including private content)Upload, Edit, and Replace photos and videos in your accountInteract with other members’ photos and videos (comment, add notes, favorite)Delete photos and videos from your account下の部分の4つにも全部チェックが入った状態です。その後、OKを押すと自分のページに戻って「ページが見つかりませんでした」と表示されます。そのあとにFlickrPressの設定ページに移動するとOAuthトークン更新が未設定のままの状態になっていて、もう一度試してみても同じ事の繰り返しになってしまいます。こちらのサーバの設定に問題があるのでしょうか？

        • http://fukata.org/ 深田 達也(Tatsuya Fukata)

          コールバック先のURLが見つからないということですね。
          Flickr側で作成したアプリの編集画面でコールバックURLは設定されましたか？

          設定するコールバックURLについては、上記のインストール手順の「CallbackURLの設定」というところに書いていますので参照ください。

          • http://www.ongaku-heiya.com ongaku-heiya

            先ほどコールバック設定をいろいろ試してみたところ無事に設定することが出来ました。ありがとうございます！

            早速試させていただきました。
            ひとつ質問があるのですがrel属性をlightboxにして開くようにしているのですが、画像を開いたらFlickr先でつけたタイトルも一緒に表示させたいと思っています。

            オプション設定でタイトルも一緒に表示されるようにすることは可能でしょうか？

          • http://fukata.org/ 深田 達也(Tatsuya Fukata)

            Lightboxで表示されるタイトルというのは、aタグのalt属性または、title属性の値が利用されていますか？

            上記の場合ですと、現在は設定方法はなく、挿入後のHTMLを手修正して頂く形になっています。

            ただ、Lightboxと併用されている方に関しては、同じ要望があるかと思いますので、近いうちに検討したいと思います。

          • http://www.ongaku-heiya.com ongaku-heiya

            ご返信ありがとうございます。

            そうです。title属性です。
            今「Media Flickr」を使っているのですがtitle属性で反映されるようになっています。
            ぜひご検討頂ければと思います。

            今回はいろいろとありがとうございました。
            今後も楽しみにしています。

          • http://fukata.org/ 深田 達也(Tatsuya Fukata)

            挿入時のaタグにtitle属性を付与したバージョンを1.7.5としてリリースしました。

          • http://www.ongaku-heiya.com ongaku-heiya

            早速ありがとうございます！
            インストールさせていただきました。

            自分がFlickrのタイトル部分に改行させるために「」を使っているのですが、そのタグがうまく認識してもらえなくて画像が表示されずレイアウトがくずれてしまう現象が起きてしまいました。
            「」を使っていない画像は問題なく表示されて、タイトルも反映されています。

            「Media Flickr」を確認してみたところ「」のところが「＆lt;ｂｒ＆gt;」に置き換えられていました。
            試しに「FlickrPress」でも置き換えて見たところ無事に表示されました。
            もし可能であれば「」→「＆lt;ｂｒ＆gt;」変換までしていただければありがたいのですがいかがでしょうか？

            ※ｂｒ、＆は実際半角です。

            ご検討頂ければと思います。
            よろしくお願い致します。

          • http://fukata.org/ 深田 達也(Tatsuya Fukata)

            サムネイル形式検索を利用していますか？リスト形式の方だと正常に挿入されるかと思います。

            サムネイル形式検索についても近いうちに対応する予定です。

          • http://www.ongaku-heiya.com ongaku-heiya

            そうです。サムネイル形式検索で使っていました。
            リスト形式で確認できました！

            今後もいろいろなアップデート期待しています。

            ありがとうございました。

  • Pingback: [WordPress] ブログに貼る画像のアップロード先は、サーバー・Flickr・Picasa のどれにします？ * ラクイシロク

  • makani surf

    はじめまして。

    とはなるのですが、
    imgのなかに src=”hoge.jpg” だけスポット抜けてしまうのは、なぜでしょうか。
    手動でsrc=”hoge.jpg”を入れれば、表示されています。

    • http://fukata.org/ Tatsuya Fukata

      報告ありがとうございます。

      写真の挿入時にsrc=”hoge.jpg”だけが抜けてしまうということですね？

      返答可能な範囲で構わないので、下記の情報も教えていただけると助かります。

      1. ブラウザ
      2. wp-flickr-pressのバージョン
      3. PHPのバージョン
      4. 実際に問題が発生した写真のURL（flickrのページURLで構いません）
      5. 使用していた検索タイプ（リスト形式 or サムネイル形式）

      • makani surf

        Fukataさん、こちらこそありがとうございます。
        そうなんです… imgのclass,altは入るんですがsrcが入ってこないですね。anchorのhrefには画像URLが入っています。
        1. Chrome 17.0.963.79
        2. wp-flickr-press 1.9.5
        3. PHP 5.3.3
        4. 写真URL http://www.flickr.com/photos/makanisurf/
        5. リスト形式、サムネイル形式の両方

        投稿画面のビジュアルモードでは、srcを含めて入らないのですが、HTMLモードでは、src=”"は入っているけどhoge.jpgが入ってこないですねぇ。
        プラグインをインストールしたときは特段のエラーは出なかった気がします。

        • http://fukata.org/ Tatsuya Fukata

          挿入する際に画像のサイズにはチェックされていますでしょうか？画像のサイズが選択されていない場合、同様の現象になります。

          一度、設定画面でデフォルトの画像サイズを変更して再度試していただけますでしょうか。

          • makani surf

            「ダッシュボード/設定/メディア/埋め込みファイルの最大サイズ」 を空欄にしてあったので値を入れて、
            投稿時のファイル選択で「中サイズ」を選択すると….

            おぉぉ、src=”hoge.jpg”入りました。
            ありがとうございます。ありがとうございます。

          • http://fukata.org/ Tatsuya Fukata

            解決してよかったです＾＾
            また何かあれば、おっしゃってください。

  • Pingback: BocaGrande - reHello world!

  • Pingback: W3 Total Cache 설정 | mangazip

  • Pingback: 워드프레스 플러그인 | mangazip