画像をクリックしても Easy FancyBox が機能しない!

どうも、スマコマのコマ太郎です。元気もりもり

つい先ほど、WPプラグインである「Easy FancyBox」周りの設定で悩みましたので、記録がてら記事を書いてます。

Easy FancyBoxを導入することで、クリックして表示した画像に「×」ボタンを追加し、直感的に操作できるようになります。

Easy FancyBoxを入れたサイト

Easy FancyBoxを入れたサイトの画像

これを導入していない WordPress で記事中の画像ファイルをクリックされると、画像ファイルだけが表示されます。(メディアファイルにリンクされていると)

この画面から戻る方法が分からずページを閉じられることもしばしば。

そこで使いたいのが Easy FancyBox というわけです。これを入れておけば、上図のように表示され、「×」ボタンをクリックすれば記事に戻ることができます。

Easy FancyBox の設定

Easy FancyBox は、ほぼデフォルト(既定)の設定で問題ありません。

が。

今回、問題が起きました。

クリックしても Easy FancyBox が機能せず、画像ファイルがそのまま表示されてしまう・・・

設定をチェックしてもおかしいところはない。

この問題、実は以前にも起きたのですが、どう解決したのかすっかり忘れてしまっていて、悩むこと10分少々。

ああ、ここか!

と気づいたのが、これ。

Easy FancyBox の設定

Easy FancyBox の設定

Images にある Autodetect の設定の問題でした。

ここ。デフォルトでは、.gif がなかったのです。だから GIF画像はクリックしても Easy FancyBox が機能しなかったのですよ。

ここに .gif を追加することで解決しました。

追加するときは、半角文字。区切り文字として半角スペースを入れるのを忘れずに!

まとめ

Easy FancyBox プラグインは、画像を使ったサイトならぜひ使いたいプラグインです。

細かな設定が可能ですが、基本的にデフォルトで使えます。でも今回のようにGIF画像を使っている場合、1か所だけ変更する必要があるんですね。

でも何でGIFを外してるんでしょうね。GIFはサイトのアイコン画像でよく利用されますが、それに反応させないためかな?

でもEasy FancyBoxはメディアファイルにリンクしている画像にしか反応しないから、アイコンの問題でもなさそうだし。

一応、GIFを追加して半年以上が経ちますが、特に不具合は起きていません。なので、Easy FancyBoxの設定にGIFを追加して大丈夫です。

 コメント/質問、お気軽にどうぞ。

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

手軽にWordPressの画像ファイルを更新したい!そんなときに使えるプラグイン

トップページをおしゃれに自作カスタマイズしたいなら、このプラグイン

トップページにカルーセルを配置する

SiteOrigin を使ってカテゴリー単位のカルーセルを配置する

超簡単なWordPressの引越し(サーバーの乗り換え)手順

All In One WP Security

Securityプラグインを入れてセキュリティ対策(初心者向け)

見ている記事と同じカテゴリーの記事一覧をサイドバーに表示できるプラグイン