WordPress Media Flickrの導入方法

• Wordpress Media Flickr
• Download
• 対応バージョン: 2.8 – 3.2.1
• ダウンロード数: 19,314
• 評価: 5
• 最終更新日: 2011-08-11

1. ダウンロード先のページからファイルをダウンロード
2. 解凍したフォルダごとwp-content/pluginsにアップロード
3. プラグインを有効化

管理画面の設定→Media FlickrからFlickrの認証を行います。

Flickrにログインした状態で認証開始ボタンを押すと、上記ページにジャンプするので、表示されているボタンを押して認証を完了させます。

設定画面では写真のリンク方法とrel属性、class属性の設定を行うことが可能です。Lightboxなどを使用している場合は助かりますね。

WordPress Media Flickrの使い方

インストールと認証が無事に完了すると、投稿画面の「メディアを追加」のところに「Flickrの写真を追加」ボタンが追加されます。写真を挿入する場合は、このボタンを押して挿入したい写真を選択します。

写真は自分の画像のほかにFlick全体から検索することができます。他の人の写真も貼り付けることが可能ですが、クレジットは自動で付加されないので、他の人の写真を挿入する場合はライセンスに注意して下さい。

表示されたサムネイルをクリックすると、大きさと位置を指定することができるので、チェックをいれて挿入ボタンを押すだけです。検索速度も速いのでストレスなく使うことができます。

とても便利なプラグインですが、要望というか、こうだともっと便利かなーと思うのは・・・

画像を一枚貼り付ける度にダイアログが閉じてしまうので、複数の画像を挿入したい場合は『検索して画像を挿入』を何度も繰り返さなければいけません。これは画像が増えてくるとかなり時間がかかってしまうので、いっぺんに複数の画像を選択できるか、画像を貼り付けてもダイアログは自動で閉じないようになると便利かなと思いました。

関連サイト

• yujilog – Flickrの写真をWordpressの記事に直接貼り付けるプラグイン

それでは説明します。

Flickr!

Flickrのホームから丸の部分をクリック。

使用しているOS向けのプログラムをダウンロードし、インストール。

ソフトを起動してサインインボタンを押すと、上のダイアログが表示されるのでOKをクリック。

認証を行う必要があるので、青いボタンをクリック。

上記画面が出ると認証完了です。

ソフトに戻ると、このデカイREADY!ボタンをクリックしようぜ！みたいな文字が出るので、クリックして使用準備完了。

アップロードの前に、メニューから Upload → Preferences をクリックし設定画面を確認。ほぼデフォルトで問題ないとは思いますが、一応説明すると、

• Authorization：アカウントが一つの場合はそのまま
• Automatic resizing：画像のリサイズを自動でしてアップするかどうか
• Default Privacy：公開、またはプライベート設定。
• Default safety level：そのままでいいと思います。
• Defoult content type：写真が中心の場合はphoto、あとはスクリーンショットだったりですが、photoで問題ありません。

という感じになります。

メニューから、Upload → Addでアップロードする写真を選択。ツール上で複数の写真を選択すると、一括でタイトルなどを編集することができます。

直接ドラッグ＆ドロップも可能。複数の画像をまとめてアップロードをする場合はこちらの方が便利です。Windowsの場合はCtrlを押しながら左クリックで選択すると、任意の写真のみを次々選択することができます。

全ての編集が終わったらUpload photosボタンでアップロード開始。タイトルなどはアップロード後も編集可能なので、とりあえず空白でアップしとけ、という感じでも大丈夫です。

写真のサイズや回線速度にもよりますが、アップロードにはかなり長い時間がかかります。枚数が多い場合は、会社に行っている間や寝ている間にアップロードをしておくと効率がいいかもしれません。

Flickr Uploadrの日本語フォルダエラー

最初、何回やっても上記エラーが出て写真をアップロードすることができませんでした。どうやら写真が入ってるフォルダや写真自体に日本語を使っているとエラーが出るようです。

フォルダを日本語で管理している場合は、フォルダ名をアルファベットにしてからツールを起動してアップロードして下さい。

もしかしたらもっといいソフトが色々あるかもしれません。何か便利なツールを見つけたらまた紹介します。もし他にいいのを知っているという方がいれば是非教えてください。

Flickrに登録するには米Yahooのアカウントも取得しなければいけません。面倒だなと思ったけど、同時に登録できる流れになっているので大丈夫。ちなみに、YahooJapanのアカウントは使えません。

それでは以下でFlickrへの登録手順と写真のアップロード方法を説明していきます。そういえばまだアカウントを取得してないなぁ、という方は是非一緒に取得しましょう。

Flickr登録方法

Flickr!

まずはFlickrのトップページから丸の箇所をクリック。

YahooIDを取得しなければいけないので、右下からサインアップ。

個人情報を入力。認証部分のアルファベットは大文字小文字を区別します。

ツールバーは必要ないと思うので、ノーチェックでオレンジ色のボタンをクリック。

フォームで入力したアカウントが表示されているので、一緒に設定したパスワードを入力。

screen nameとはFlickr内での名前。後で変更可能なので、ここは特にいじらないでボタンをクリック。

これでFlickrアカウントの取得が完了です。

ついでなので、流れのままテスト画像をアップロードしてみます。アップした画像は削除可能なので、適当な画像で問題ありません。丸部分のリンクをクリックしてください。

写真をアップロードしてみる

Choose　photosをクリック。PC内の画像を選択することが可能になるので、アップロードしたい写真を選択。とりあえずテストなので一枚だけ。

ここではPrivateとPublicを選択可能。テストなのでPrivateでもよかったが、とりあえずPublicを選択。Publicは誰でも写真を見ることができる設定です。

アップロードの進行状況が表示されるので、完了まで待ちます。

この画面が出たらアップロード完了。次にリンク部分をクリック。

この画面で写真のタイトルや説明、タグの設定が可能。何もない場合は空白でも大丈夫。沢山の写真をアップする場合はタグやセットを作成して整理しますが、テストなので適当に。

この画面で公開完了。下のリンク部分で好みのレイアウトに変更することできます。

フォーム入力時に記入したメールアドレスに上記メールが届くので、丸部分のリンクをクリックしてください。これでYahooアカウントも取得完了なのでブラウザを閉じても大丈夫です。

以上お疲れ様でした。アップロードツールを使ったりプロに移行したいと思っているので、その時はまた記事にします。

photo credit: Koichi Suzuki

これはどこかのお寺でしょうか。
バックに見える東京タワーとのミスマッチ具合が絶妙な写真ですね。

このようにFlickr上にある画像の中で、一定条件の元に転載が許可されている画像を検索し、ライセンスにそった形で掲載することが可能になります。ライセンスって英語で書いてあったり、条件が複雑でなかなか理解できない部分がありますが、このプラグインを使えば誰でも簡単にFlickrの画像を掲載することができます。

PHOTO DROPPERの導入方法

ダウンロード → Get the Photo Dropper Flickr WordPress Plugin

1. ダウンロード先のページからファイルをダウンロード
2. 解凍したフォルダごとwp-content/pluginsにアップロード
3. プラグインを有効化

PHOTO DROPPERの使用方法

プラグインを有効化にすると投稿画面にキーワードを入力するフォームが出てくるので、挿入したい画像のキーワードを入力します（日本語でもある程度は拾ってきます）。

出てきたサムネイルの下にS/M/Lの文字があるので、記事に挿入したい大きさの文字をクリックします（S=100px / M=240px / L=500px）。するとコードが自動で入力されるので、後は公開するだけです。

オプション設定

Images per page

検索結果に表示する画像数。多すぎても画像の表示が重くなるので20件程度が見やすいと思います。

Show only photos that can be used commercially

これは転載を許可している画像のみ検索する、というような意味（違ったらスイマセン）だと思うので、チェックを入れときます。外したらソースを挿入できませんでした。

Sort photos by “most interesting”

ちょっと意味がわかりませんでした。人気がある画像なのか、コメントが多い画像をさすのか。特にチェックは入れなくてもいいと思います。

Code Wrapping

挿入されるコードの上下にいれるタグを設定できます。ただ、ちょっと文字化けしたので、ソース挿入後に自分でタグをふった方が確実かもしれません。