Flickr から写真を読み込むプラグイン「Slickr Flickr」

ウズベキスタンの写真をFlickrから読み込ませたいと思い、
以前のように Flickriver を利用しようと思った。
が、Album(セット)の写真を表示するタグがどうしても取得できない。badge creator で Generating badge… Please wait… がずっとグルグルしているだけなのだ。

調べたら、「Slickr Flickr」というプラグインでは、ショートコードの埋め込みによって三タイプの画像表示が可能とのこと。しばらく前に検索した時には良いプラグインに当たらず、そもそも作動までこぎつけられるものがなかったのだが、今回は当たりだった。

ただし、日本語の解説記事が少ないので最初少し戸惑った。ショートコードもどのように入れればいいのか。これらは設定画面の Extra Info > Getting Started に全てリンクがあった。

まず設定で推奨になっている Flickr ID は、Find your Flickr ID をクリックし、自分のFlickr >You>photostream のURLを入力すれば取得できる。以後、id を入力する必要はない。

Flickr API Key は同様に Get Your Flickr API Keys をクリックすると、The App Garden が開くので、そこから取得する(このときFlickrにログインしておく必要があるのかな? 深く考えずにやってしまった)。
Get Another Key >Non-Commercial(商用の場合はCommercial)と選択し、設定画面で任意の名前と説明を入力し[SUBMIT]で取得できる。

あとはショートコード。これも How To Use The Plugin をクリックすれば確認できる。Free Video Tutorials をもらうにはメールアドレスを送信しなければいけないのでやめておいた。

ショートコードは例えばこんな具合。コードは [ ] で囲む。

slickr-flickr search="sets" set="112233445566(表示したいAlbumのID番号)" items="12" type="galleria" sort="date"

 

タイプは、
gallery…タイル状に並ぶ
galleria…上記スライドショー+サムネール
slideshow…スライドショー の三つ。

id を入れれば、設定で入力した自分のid以外でも、公開されている全てのFlickrの画像を取得できる。

AlbumのID番号は、Album(旧set)のURL末尾の数字。set の設定をしないと全ての写真が設定制限数まで出てしまう。 set ではなく、tag で表示制御するのもいいかもしれない。tag の場合は search は不要。

slickr-flickr tag="uzbeki-1" items="5" type="gallery" sort="date" thumbnail_size="thumbnail"

 

※gallery の見え方を調整するため、CSSを修正。

.slickr-flickr-gallery img {
    border: 0 solid #A9A9A9;
    padding: 3px 6px 3px 0;
    width: 100px;
    height: 100px;
}
.slickr-flickr-gallery {
    padding: 0;
    margin: 0 auto;
}
  • トップへ戻る
  • カテゴリアーカイブ
  • HOME

コメント

メールアドレスが公開されることはありません。* は必須項目です。


*


*