WordPressの写真ギャラリープラグイン「FooGallery」のサムネイルが表示されない!?

FooGalleryは、

2017年4月 京都一人旅 Nikon D40と桜を撮りに行ってきた

こういう記事の中で撮った写真をギャラリー風にアップするときに使っているプラグインなんですが、ここしばらく調子が悪かったんです。

FooGalleryの画像のサムネイルがちゃんと表示されない!!

例えばスマホ上では、本来は、

こんな感じで見えて欲しいのが、

こんな感じに、

サムネイルが小さくなりすぎたり、はたまた全く見えなくなったりと、ちゃんと表示がされない状態。パソコン上でも同じような状態。

何度かページをリロードするときちんと表示されるようになるのですが、また時間を置いてページを開いてみると元の変な表示なってるので困ってました。

原因は不明ですが、設定をいじってみたらちゃんと表示されるようになったので、まとめてみます。

あと、ついでにFooGalleryでアルバムページを作れることが分かったのでそのやり方も。

こういうやつ↓

FooGalleryの設定を変えてみた

各Galleryの設定、いままではSimply Portfolioというのを使っていたのですが、

それをMasonary Image Galleryに変えました。

たったそれだけ。

なんかよくわかんないけど、これでサムネイルがきちんと表示されるようになりました。
あとサムネイルの横幅を120にしたら、iPhone5Sの画面でもいい感じでサムネイルが表示されるようになりました。

FooGalleryでアルバムをつくる

FooGalleryのメニューからExtensionsをクリックします。

拡張機能から、FooGallery AlbumsActivateボタンをクリック。

メニューにAlbumsが追加されます。

Albumsからアルバムを新規作成し、追加したいGalleryをクリックします。


チェックマークがついているGalleryがそのアルバムに追加されたGalleryです。

ページにショートコードを貼る

できあがり!

出来上がり見本。