WordPressの写真はFlickrで管理してしまえい!

Ricoh GRを買ってからのこのブログの運用を考えると、写真をWordPress純正のメディアアップローダーで管理するのはどうかなと思ってます。妄想です。

2年前に上げた写真がFlickrに残ってた。

ブログに使う写真だけでなく、その他に撮った写真もFlickrに上げとけば写真だけ見たい方にはいいかなーと。ちょっと使って見た感じでは、この記事みたいにキャプチャとるだけなら、わざわざFlickr使う必要はないです。でも、せっかく買った一眼レフや高級コンデジ、最新スマホの写真を載せるなら、クリックしてオリジナル表示されるこのプラグインは優秀だと思います。

結構手間かかりますが以下行ってみましょう!

 FlickrでWordPressの写真を管理する方法

  1. WordPressのプラグインwp-flickr-press】をインストール
  2. Flickr.comでAPIを入手
  3. APIKeyをWordPressプラグインに入力
  4. CallbackURLをFlickrに登録して完了

WordPressのプラグインwp-flickr-press】をインストール

早速行きましょう!ちなみにプラグインインストールは、WordPressカスタマイズの超基本です。完成車ロードバイクを買ってから、ペダル買って、サイコン買って、ライト買って、ホイール換えてみたいな感じで、ブログをどんどん自分好みにカスタマイズできます。ロードバイクで言うと。わかりにくくてすいません。ロードと違うのは、パーツ(プラグイン)やコンポ(テーマ)まで自作出来てしまう所でしょう。なんて奥が深いんだ。テクノロジーが進んで個人でついて行けなくなる前に、楽しんでおきましょう!

WP-toolbar-pluginサイドバーのプラグインをクリック。

WP-plugin-newそして新規追加をクリック

WP-plugin-searchwp-flickr-pressとここに入力

WP-Flickr一番上に出てくるはずなので、インストールをクリック(僕の場合既にインストールしてるのでインストール済みとでます。。)すぐに有効化もクリックしてください。

WP-Flickrインストール完了です!サイドバーの設定の所に出てきているはずです。

ひとまず一服しましょう。風立ちぬの喫煙が物議をかもしてますね。僕は茂木さんの意見に賛成。

Flickr.comでAPIを入手

WordPressの方は設定を開いてとりあえず置いときます。

Flickr.comにアクセスします。Flickrはアカウント持ってる方はサインインして、持ってない方は新しく作りましょう!

注:Yahoo!アカウントは、アメリカのYahooなので、日本のアカウントは使えません。GoogleかFacebookのアカウントを使って、アカウントを作りましょう。

めっちゃ英語ですね〜。Flickrの使い方はnanapiさんに聞いて下さい。社長のブログが面白いです。

nanapi Flickrの使い方ガイド

それでは早速APIをとりにかかりましょう。新しいアプリを作って、それで連携させる形となる為、アプリを作ります。

WP-Flickr

メニューバーのExploreにカーソルを合わせ、App Gardenをクリック。

WP-Flickr

そしてCreate New Appをクリック

WP-Flickr

するとAPIとで出来ましたので、そいつが怪しいのでRequest an API Keyをクリック。

WP-Flickr

そのアプリで金を稼ぐのか?と聞かれます。アプリを売ったりしないので左の方を選択。

WP-Flickr

いろいろ入力していきます。

  1. アプリの名前を入力します。なんでもいいですが、分かりやすいWPBlogとかでいいと思います。
  2. 説明です。「ブログの写真を管理するため」とか書いといて下さい。
  3. 4.なんか規約に同意しろ的なやつです。チェックしときましょう!

Submitをクリックして完了!

WP-Flickr

出てきたよーAPI!赤枠で囲ってる所が重要です。写真はテストで作ったkeyですので、みなさんの作ったものを使用して下さい。とりあえずこれもタブ開いたままにして、放置。心配性の方はEvernoteにでも保存しときましょう。

はあ。英語久しぶりなので疲れる。androidアプリもないし、Flickrやる気ないな。。

APIKeyをWordPressプラグインに入力

WP-Flickr

 

上の赤枠がKey。下がSecretの値をコピペして入力。良い感じだ。ここまで来れば後は楽勝!と思いきや、CallbackURLとやらをFlickr.comの方に登録しなくてはなりません。次行きましょう!

CallbackURLをFlickrに登録して完了

WP-Flickr

さっきAPIを入力したページの、シークレットの下にコールバックURLとかいて何かリンクがあります。これをコピーします。

そしてFlickr.comに戻ります。

WP-Flickr

APIの画面はもういーらないので、一旦ホームへもどり、最初のトップメニューからApp Gardenにアクセス!

WP-Flickr

そして、右にあるYour AppsからApps By Youをクリック

WP-Flickr

上でいうtestという所に、先ほどあなたが入力したAppの名前が書いてあると思います。そこをクリック

WP-Flickr

右のAdminという所にEditがあるのでクリック

WP-Flickr

CallbackURLを入力する所があります!ここにさっきプラグインの設定画面でコピーしたものを貼り付けます。

WP-Flickr

入力できたら、SAVE CHANGEしましょう!これで英語のFlickrとはお別れです。Uploadとかは簡単に出来るので、ややこしい設定とはおさらば。ふー。

OAuthトークンとやらを更新しましょう。

WP-Flickr

赤丸の所をクリック!処理が終わるとFlickrのUserIDとUsernameとTokenが表示されると思います。完成です!プラグインも下の方まで行ってしっかり更新しときましょう!

WP-Flickr

記事の投稿画面に、青丸赤丸マークができています!!成功!!この確認の瞬間は、ギターのエフェクターを、図面見ながら右往左往しながら組み上げて、最初に音出しテストする瞬間に似てますね。わかりにくくてすいません。

WP-FlickrクリックするとFlickrにUpした写真が選べます!

Macだと画像ファイルを選択して、右クリックでFlickrに共有できるので、超絶便利です。2年前に作ったFlickrアカウントをやっと活用して行こうと思います。このプラグインの設定方法や、詳しい使い方は使い込んでからまた記事にします。GR欲しい。

Eye-Fi使って更に便利になりそうですな。