WordPress にオシャレな Flickr ギャラリーを表示

WordPress で写真を公開する際に Flickr が欠かせない。WordPress の Media Library を使ってみたり、Google Photo、OneDrive 等のオンラインサービスからの共有など、いろいろ試したけど、結局一番使いやすいのが Flickr なのだ。

写真1枚1枚を普通に WordPress 上で表示するには、Flickr の共有ボタンで簡単にできる。

しかし、アルバム全体を共有となるとどうだろう。Flikcr の共有ボタンだと、ブログに表示した際に矢印マークがさりげなく表示されるだけで、それがアルバムだと分かりにくい。ただの1枚の写真だと思われてしまう。アルバムだとハッキリ分かるように、例えばタイル状にサムネイルを表示させたい。

いろいろツールやプラグインを試した結果、やっといい感じのものを見つけた。

(1)以下のプラグインをインストール、有効化する。

WP Flickr Album Gallery Widget & Shortcode – profile | WordPress.org
wordpress.org/plugins/wp-flickr-gallery/

(2)API を取得するため、以下のページで申請する。今回は非商用なので左の「APPLY FOR A NON-COMERCIAL KEY」となる。アプリ名と説明文は適当なものを書いておく。

Flickr Services
www.flickr.com/services/apps/create/apply/?

(3)表示される Key が API Key となる(下の Secret は今回は不要)。

(4)WordPress の管理画面に戻り「Flickr Gallery>Flickr API Settings」をクリック。

Flickr User ID には自分の Flickr のいずれかの写真ページで URL に表示される、www.flickr.com/photo/oxoxox@oxo/~ の oxoxox@oxo 部分を記入。

Flickr API Key は3の Key を入力。

Save をクリック。

(5)「WordPress の管理画面>Flickr Gallery>Add Flickr Gallery」でフォトギャラリーを作成する。

いろいろとカスタマイズが可能だ。

設定できたら、Publish で完成。その下の Flickr Gallery Shortcode を写真を表示させたいページに貼り付ければいい。

写真がタイル状に一覧表示され、クリックするとライトボックスで写真を表示できる。その写真の中央をクリックすればスライドショーが開始される。

特に Flickr へのリンクは表示されない。


> 記事のタイトルとURL をコピーする <

書籍