画像をクリックしても 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を追加して大丈夫です。

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

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

関連記事

カテゴリーの順番を手軽に並び替えたいなら、このプラグイン

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

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

XMLサイトマップを作成するプラグイン

WordPressでXMLサイトマップを作成するなら、このプラグインがおすすめ

WordPressのエディタだけバージョンアップ前に戻し、以前のビジュアルエディ...

「次のページ」ボタンを追加

WordPressの記事投稿画面に「次の記事」ボタンを追加するプラグイン

画像をポップアップ表示させるプラグイン

画像をクリックするとポップアップさせ、閉じるボタンも表示するプラグイン