[WordPress]flickrの画像をショートコードで挿入するSlickr Flickrプラグイン

Pocket

flickrにアップロードした写真をショートコードで挿入するSlickr Flickrプラグインを試してみた。

どんな事ができるプラグインかというと、任意の場所(投稿、ページ、テキストウィジェット)に「どの様な条件に合致する画像を表示するか」「どのように表示するか」等をショートコードにより指定し表示する。

エディタのコード補完機能は無いので、頻繁に表示条件を変更する場合は向かない印象。逆に、表示する画像の条件が決まっている場合は、導入の段階でショートコードを埋め込めばいいだけなのでメンテナンスの労力は減るだろうと思う。


スポンサードリンク


実際にどのように表示されるのか見てみよう。

ここからの画像は全て私が撮影したものです

以下の3通りの表示方法が選択できる

ちょっと重いです…。

gallery

[slickr-flickr id=”86087803@N08″ type=”gallery” items=”10″]

galleria

[slickr-flickr id=”86087803@N08″ type=”galleria” items=”10″]

slideshow

[slickr-flickr id=”86087803@N08″ type=”slideshow” items=”10″ start=”20″]


上記の例では表示件数を10に設定してある。
flickrから取得できる画像の数には制限が設けられておりデフォルト値は20だが、api keyを取得すれば50に拡張することが可能。

参考までに上記の画像表示に必要なショートコードを記載する。
gallery
slickr-flickr id=”86087803@N08″ type=”gallery” items=”10″
galleria
slickr-flickr id=”86087803@N08″ type=”galleria” items=”10″
slideshow
slickr-flickr id=”86087803@N08″ type=”slideshow” items=”10″

idは自分に限らず他のユーザのものも指定可能。(もちろんpublicな画像しか取得されない)
設定画面で自分のidを保存しておけば、id=xxxの部分は省略可能だ。

もちろん画像のサイズを指定したり、画像がタグ付けしてあれば任意のタグの画像のみを表示する事も可能。


設定方法

正直、上記の例を表示する為に行った設定はインストールしてショートコードを入力したのみ。

Slickr Flickrにおける設定とは、ショートコードを簡潔にするためのものと考えて良いと思う。

Flickr Identity

設定画面
  • Flickr ID
    設定するとショートコードのid=xxxが省略可能
  • Flickr User or Group
    Flickr IDがUserのものかGroupのものかを指定
  • Flickr API Key
    API Keyを入力すると画像の取得制限が拡張される(20→50)

Display Options

設定画面
  • Number Of Photos
    デフォルトの表示件数。ショートコードのitems=xxxに相当
  • Flickr User or Group
    デフォルトの表示形式。ショートコードのtype=xxxに相当(ショートコードのtypeを省略した場合この設定が適用)
  • Photo Size
    デフォルトの表示サイズ。ショートコードのsize=xxxに相当
  • Captions
    キャプション(画像タイトル)の表示有無。ショートコードのcaptions=xxxに相当
  • 自動再生
    自動再生の有無。ショートコードのautoplay=xxxに相当
  • Delay Between Images
    画像が切り替わる間隔。ショートコードのdelay=xxxに相当
  • Slideshow Transition
    Proエディションでのみ有効化される項目らしい。スライドするスピードかな?ショートコードのtransition=xxxに相当

LightBox Options

LightBoxを導入しているサイトの場合に指定すると適用されるっぽい。

※LightBoxとは簡単に言うと超オシャレに画像が表示されるjavascriptのスクリプト。
参考:chamanetさまのLightboxサンプル。画像をクリックすると格好良くポップアップします。

Galleria Options

Galleria(jQueryのプラグイン)の設定。
type=”galleria”の際の見栄えに関係する。

参考:All About「jQuery ギャラリープラグインGalleria」


お役に立てましたか?

ブックマークをどうぞ!

スポンサード リンク

コメントを残す