COCOONテーマで吹き出しのアイコンが表示されなくなった…理由はJetpackにあり？

COCOONのテーマで吹き出しがおかしくなった件

今日ブログのダメ出しを妹にお願いしていたら、吹き出しの名前を変えた方がいいんじゃない？と言われ、修正して、吹き出しを入れ替えたら…

あれ？顔のアイコンが表示されない…となりまして…
色々試した結果、どうやらプラグインのJetpackが問題だったようです。

今回は、多くの方が入れていると思われるJetpackプラグインとCocoonの吹き出しの競合について、ご紹介したいと思います。

吹き出しの顔が表示されなくなった…

まずは、どんな風に表示されなくなったのかを画像でご紹介。

こんな感じに、名前は出るんですが、内容を入力してください。の位置もおかしくなり、修正後は、何をしてもおかしい？！

これはグーグルさんに聞いてみようと、検索をかけたところ、もしかしたら、画像の名前を変更しないとダメ？と思い、新しく同じ画像をリネームしたものを使ってみました。

これで、名前の問題はクリアできたはず…
改めて、吹き出しのところで、画像を入れ替えましたが…

やっぱり、表示はこのまま

何が悪いのか…もう一度検索しなおすと、今度は、プラグインのJetpackが原因じゃないかな？と思い、Jetpackプラグインの設定から、以下の「サイトアクセラレーターを有効化」の部分をOFFにしてみました。

その上で、再度吹き出しを選ぶと…今度はちゃんと表示されました。

そうかぁ。Jetpackプラグインの設定がまずかったんだと気づき、やっと無事修正後の吹き出しがちゃんと表示されるように。

そして、ここも私が躓いたところですが…
吹き出しを入れるときには、ちゃんと改行してからでないと、またこんな表示になります。

今更かもしれませんが、私と同じ悩みの方がいるかもしれないので、備忘録の意味でも残しておきます！

記事が参考になりましたら、嬉しいです！＾＾