ウズベキスタンの写真を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;
}
コメント