FooGalleryは、
こういう記事の中で撮った写真をギャラリー風にアップするときに使っているプラグインなんですが、ここしばらく調子が悪かったんです。
*もくじ*
FooGalleryの画像のサムネイルがちゃんと表示されない!!
例えばスマホ上では、本来は、
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1304.jpg)
こんな感じで見えて欲しいのが、
こんな感じに、
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1305.jpg)
サムネイルが小さくなりすぎたり、はたまた全く見えなくなったりと、ちゃんと表示がされない状態。パソコン上でも同じような状態。
何度かページをリロードするときちんと表示されるようになるのですが、また時間を置いてページを開いてみると元の変な表示なってるので困ってました。
原因は不明ですが、設定をいじってみたらちゃんと表示されるようになったので、まとめてみます。
あと、ついでにFooGalleryでアルバムページを作れることが分かったのでそのやり方も。
こういうやつ↓
![](http://beingmelol.com/wp-content/uploads/2017/12/r40_1298.jpg)
FooGalleryの設定を変えてみた
各Galleryの設定、いままではSimply Portfolioというのを使っていたのですが、
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1297.jpg)
それをMasonary Image Galleryに変えました。
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1296.jpg)
たったそれだけ。
なんかよくわかんないけど、これでサムネイルがきちんと表示されるようになりました。
あとサムネイルの横幅を120にしたら、iPhone5Sの画面でもいい感じでサムネイルが表示されるようになりました。
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1306.jpg)
FooGalleryでアルバムをつくる
FooGalleryのメニューからExtensionsをクリックします。
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1307.jpg)
拡張機能から、FooGallery AlbumsのActivateボタンをクリック。
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1308.jpg)
メニューにAlbumsが追加されます。
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1309.jpg)
Albumsからアルバムを新規作成し、追加したいGalleryをクリックします。
チェックマークがついているGalleryがそのアルバムに追加されたGalleryです。
ページにショートコードを貼る
![](http://beingmelol.com/wp-content/uploads/2018/03/r40_1311.jpg)