ブログ運営

【JIN】Easy FancyBoxで画像がポップアップ化しない原因がわかった!CARATが関係していた

Word Pressのテーマ【JIN】+デザインプラグイン【CARAT】を使っている方へ

「Easy FancyBox」をはじめとする画像をクリックするとふわっと拡大できるプラグインの導入を検討しているなら、「CARAT」を入れていると機能しないので注意してください。

※この問題は『2020.03.23』に確認しました。

現状の解決方法は、「CARAT」を無効化することです。

 

通常は

画像をクリックすると、同ページ内で画像がふわっと拡大します

 

「CARAT」を入れた状態だと

画像をクリックすると、新しいウィンドウに画像だけが表示される

 

 

CARATと相性が悪かったプラグインを紹介

解決策が不明な時に「Easy FancyBox」と似たようなプラグインも複数導入してみました。

が、、

導入した全てのプラグインで「Easy FancyBox」と同じ現象(画像をクリックすると、画像のみのページに移動する)が起きました。

▼CARATと相性が悪かったプラグイン一覧です

画像をふわっと拡大できなかったリスト
  • Easy FancyBox
  • FansyBox for WordPress
  • Responsive Lightbox by dFactory
  • Simplicity
  • Simple Lightbox
  • WP JQuery Lightbox

 




問題解決の糸口はテーマを変えてみたこと

「CARAT」が画像をポップアップ化できない原因だと気づけたのは、

「JIN」から「他テーマ」に変更した状態で「Easy FancyBox」が動くのか試したときでした。

原因を解決するために、「Easy FancyBox」などを紹介しているブログを片っ端から読み漁りました。

中には私と同じテーマ「JIN」を使っている方も発見。

同じ「JIN」を使っているのに正常に動いているんですよね。画像をクリックするとちゃんと画像がふわっと拡大します。

検索キーワードをあの手この手で変更して調べてみましたが、解決策は見つからないまま。

 

もう、、わたしのブログでは、画像をふわっと拡大表示できないのか・・・(泣)

 

その後、お風呂につかりながらブツブツとひとり言つぶやいてたんですが…

  • 他の人は正常に動いている
  • 私のブログだけが正常に動かない

ということに引っ掛かりました。

 

画像をポップアップ化してくれるプラグインは、

  • 画像のリンク先を「メディアファイル」に変更
  • 設定不要。導入するだけで画像をふわっと拡大

基本の設定はコレだけなのに、「なぜ私のブログだけ機能しないのか…」と理解に苦しみました。

 

もう悩むのはやめて「JIN」から「SANGO」にテーマを変更しようと決意したものの、

はたして「SANGO」に変更したところで解決できるのか?という疑問がわきあがってきました。

「何かが『Easy FancyBox』を邪魔している」

 

そこで、ドメインだけ取得して何も更新していないブログを使って色々実験してみることにしました。

 

CARATが原因だと気づいた経緯

プラグインをほぼデフォルトの状態にする

もしかしたら「何かのプラグインと相性が悪い」と考え、プラグインをほぼデフォルトの状態にしてみました。

この時「CARAT」は「JIN」のテーマに関連するプラグインなので入れたまま。

 

結果:

「CARAT」を入れたままなんで、画像のポップアップ表示化は失敗におわりました。

 

無料のテーマに変更する

もしかしたら「JINが相性が悪い」と考え、無料のテーマに変更してみることにしました。

この時、CARATの存在をすっかり忘れてまして…。

無料のテーマにすると、画面が真っ白になる不具合が発生。

原因を調べると

「プラグイン」が関係している

ことがわかりました。

プラグイン一覧を見ると、「CARAT」を入れたままにしたことに気づきます。

 

CARATを無効化すると、、、、

真っ白だった画面が元通り。

 

もしかして!と思って記事内の画像をクリックしてみると、なんとなんと画像がふわっと拡大したじゃないですかーー。

感動ものですよ。

 

無料テーマからJINに戻して試す

テーマを「JIN」。「CARAT」を無効化した状態で再度「Easy FancyBox」が機能するか試してみました!

画像がふわっと拡大しましたよ!

やっとのことで問題解決です。ここまで10時間くらい頑張った。

嬉しくって何度もクリックして拡大しては閉じを繰り返しました。

 

そんなわけで!




結論:CARATと画像ポップアップ化するプラグインは相性が悪い

▼ワードプレスのテーマ「JIN」&「CARAT」を使っている人対象▼

画像をふわっと拡大するプラグインと「CARAT」は相性が悪いので、どうしても使いたい場合は「CARAT」を無効化してみてね!

それにしても、、まさか

デザインプラグイン「CARAT」が原因だったなんてショックです。

当ブログでは、CARATを使ってデザインしている記事も結構あるので、しばらくはEasy FancyBoxはお預けです。

解決するかわからないけど、、CARAT製作者さんへ問合せしてみます。

 

それでは~