WPにFlickrのphotostreamを入れる

Flickrは米国Yahoo!が運営する写真ギャラリーのSNSです。写真ギャラリーすなわち写真共有サービスとしてはInstagramの方が有名ですが、写真の大きさがMax 800 pxに制限されていて大きなファイルを保存したりできません。

Flickerでは、写真1ファイルあたり最大200MBまで、動画は最大1GBまでOKです。またアップロードできる容量は1TBと非常に大きく十分な容量が確保されています。更にデジタル写真に付いているExifというデータも掲載できます。基本的な使い方についてはこちらのサイトで確認して下さい。ただし残念なのはFlickrは英語版だけです。

写真を趣味にしている方なら、お気に入りの写真を載せるならFlickrにされる方が多いと思います。これをWPと連携して使うと便利だと誰しも考えるのは当然で、やはり関連Pluginが沢山出ています。そのうちFlickr Justified GalleryというPluginを使ってみました。

Flickr Justified Gallery はWordPress公式サイトからインストールできます。インストールし有効化すると「ダッシュボード>設定」の中に、Help(説明)とSet(設定方法)が記載されています。
続いて「Setting」をしてSave Changeを押すと、ショート・コードが有効になります。

ショート・コードの作成は、先程のHelp(説明)とSet(設定方法)が記載されているものを、コピペして自分用のIDに変更して使用します。

では、Setting の内容について説明しておきます。その前に自分のflickrにログインしておいて下さい。

  1. Flickr API Key
    先ずはFlickr API Keyが必要です。Get your Flickr API Key from Flickr API のFlickr APIをクリックっすると、ログインしているflickrのAPIが表示されますので、これをコピペ(copy & paste)して使います。
  2. User ID
    flickrのaboutかphotostreamに行くとURLの末尾に乗っていますが、これも Get the User ID from idgettr からUser IDを取得できます。
  3. ここまでくれば以下の例示ようなショートコードを、固定ページか投稿に貼り付けるだけでデフォルトでのphotostreamが表示されます。
    [flickr_photostream user_id=”67681714@N03″](67681714@N03は仮版です。自分のに変更して下さい。)
  4. Images Height (in px)
    写真の高さだけ設定する方法です。横幅は写真のアスペクト比で決まってしまいます。何回か調整してみて下さい。
  5. Maximum number of photos per page
    1ページに何枚表示するかを指定します。
  6. Last Row
    最後の行(Row)をどうするか?Flickrでは通常ヘッダーになる写真です。これを最後に横幅いっぱいに表示するにはJustify、元の写真の大きさのままにするには no Justify、隠すにはHide if it canot be justifiedです。デザイン的には隠しておいたほうが良いでしょうね。
  7. Fixed Height
    高さ固定です
  8. Pagination
    ページ繰りをするかどうかです。Maximum number of photos per pageを超えた時に出てきます。以下のような表示が出てきます。
    ← Older photos
    Newer photos → 
  9. Lightbox
    Lightboxのスタイル指定です。
  10. Captions
    写真のキャプションの表示、非表示です。
  11. Show descriptions
    写真説明の表示、非表示です。
  12. Randomize order
    順番のランダム表示
  13. Margin between the images
    写真間隔で、pxで表示します。
  14. Open original images
    これを指定するとflickrを更新しても、改めて更新操作しないとリニューアルしません。
  15. Block right click
    right clickで画像コピーできなくさせる機能です。
  16. Flickr API Wrapper Version
    FlickrのAPIとの通信に問題がある場合は、phpFlickrの現在のバージョンを変更するのに役立つと書いてありますが、よく分かりません。取り敢えず「php Flickr(alternative version)」にしてあります。

 

とにかくシンプルで使いやすそうです。お試しあれ。

%d人のブロガーが「いいね」をつけました。
%d人のブロガーが「いいね」をつけました。