どうも、スマコマのコマ太郎です。
つい先ほど、WPプラグインである「Easy FancyBox」周りの設定で悩みましたので、記録がてら記事を書いてます。
Easy FancyBoxを導入することで、クリックして表示した画像に「×」ボタンを追加し、直感的に操作できるようになります。
Easy FancyBoxを入れたサイト
これを導入していない WordPress で記事中の画像ファイルをクリックされると、画像ファイルだけが表示されます。(メディアファイルにリンクされていると)
この画面から戻る方法が分からずページを閉じられることもしばしば。
そこで使いたいのが Easy FancyBox というわけです。これを入れておけば、上図のように表示され、「×」ボタンをクリックすれば記事に戻ることができます。
Easy FancyBox の設定
Easy FancyBox は、ほぼデフォルト(既定)の設定で問題ありません。
が。
今回、問題が起きました。
クリックしても Easy FancyBox が機能せず、画像ファイルがそのまま表示されてしまう・・・
設定をチェックしてもおかしいところはない。
この問題、実は以前にも起きたのですが、どう解決したのかすっかり忘れてしまっていて、悩むこと10分少々。
ああ、ここか!
と気づいたのが、これ。
Easy FancyBox の設定
Images にある Autodetect の設定の問題でした。
ここ。デフォルトでは、.gif がなかったのです。だから GIF画像はクリックしても Easy FancyBox が機能しなかったのですよ。
ここに .gif を追加することで解決しました。
追加するときは、半角文字。区切り文字として半角スペースを入れるのを忘れずに!
まとめ
Easy FancyBox プラグインは、画像を使ったサイトならぜひ使いたいプラグインです。
細かな設定が可能ですが、基本的にデフォルトで使えます。でも今回のようにGIF画像を使っている場合、1か所だけ変更する必要があるんですね。
でも何でGIFを外してるんでしょうね。GIFはサイトのアイコン画像でよく利用されますが、それに反応させないためかな?
でもEasy FancyBoxはメディアファイルにリンクしている画像にしか反応しないから、アイコンの問題でもなさそうだし。
一応、GIFを追加して半年以上が経ちますが、特に不具合は起きていません。なので、Easy FancyBoxの設定にGIFを追加して大丈夫です。