プラグインシェアボタンを押して情報を共有しましょう。4000041どうも、こんにちは!橋尾渡(@hashio_wataru)でっす!WordPressを使っていると、様々な障壁にぶつかることがあります。プラグイン関係のトラブルは、後を絶ちません。今回、僕もあるプラグインによって、問題が起こってしまいました。Cache」という、キャッシュプラグインになります。Cacheのプラグインを使って、なんの問題が起こったかと言うと、WordPressのテーマである、「Simplicity」のSNSフォローアイコンに、異常がでてしまったのです。この画像を見てもらえばすぐわかると思いますが、本来あるべきアイコンが、別のアイコンにすり変わっているのです。FireFoxブラウザでは、表示に異常がでないのに、IEとChromeブラウザではこのように表示されていました。Cache」のプラグインにどうして気付いたのかを、今からお話ししましょう。まとめわいひらさんに相談した最初僕は、SimplicityのSNSアイコン表示がおかしくなっているのは、Simplicity側の問題だと思っていたんです。Simplicityの作者である、わいひらさんに相談したんですよ...。こんにちは、わいひらさん。いつもアップデート楽しみにしています。いつからかわかりませんが、IE11ブラウザと、ChromeブラウザでSNSアイコンの表示がおかしくなる現象が発生しています。表示している位置は、サイドバーとフッターです。ツイッターの場所に、PUSH7のアイコンが表示され、PUSH7の場所には、LINEのアイコンが表示されています。あとRSSの部分には、ピンタレストのアイコンですね。色に関しては、特に問題ありません。僕の、環境下だけで発生している問題かもしれませんが、一度、ご確認の程お願いいたします。一応、CCleanerでキャッシュなどを削除してから再確認してみましたが、アイコンは同じままでした。駄文ながら、一生懸命考えて失礼のないように返事を出しました。わいひらさんから返事が返ってきた。橋尾さんのサイト上の不具合は確認しました。僕は開発環境でも、実際の環境でも、そのようになったことはありません。不具合の再現方法がわからないと、ちょっと原因はわからないかもしれません。動作不良時のガイドラインに書いてあることはやってみられましたか?「プラグインを一度全て停止する」とか「親テーマを上書きアップロードする」とか「テーマを一度親テーマのみにしてみる(自前のカスタマイズを取り除いた状態にしてみる)」などは、一度試してみてもらえればと思います。ここで僕の環境だけで起こっている問題だということがわかりました。わいひらさんが提示してくれた「動作不良時のガイドライン」を読んでみるとそこには...。「完全レスポンシブ」機能がオンになっていないデフォルト状態のSimplicityはファイルキャッシュプラグインなどとの相性が悪いです。(正確には正しく設定しないと表示がおかしくなる)Simplicityが「正常に動作していないかな?」と思ったらキャッシュプラグインを停止して確認してみてください。Simplicity動作不良時のガイドラインどうやら、Simplicityはキャッシュプラグインとの相性が悪く、正常に表示されなくなることがあるようです。Cache」の存在に気がつきましたね。Cacheはキャッシュ関係のプラグインなので、一度、機能を停止したらSNSのフォローアイコンが正常に表示されるようになりました。このままキャッシュプラグインを使わなければ、ページの表示速度が下がってしまい、SEO的に悪影響がでてしまいます。お返事ありがとうございます。Cacheのプラグインを無効化してみたら、ちゃんとアイコンが表示されるようになっていました。Cacheのプラグインを無効化にすると、ページの表示速度が下がってしまいます。Cacheのプラグインをお使いのはずでしたよね。わいひらさんの場合、なぜアイコンの表示が崩れないのでしょうか...?差支えなければ、教えてください。Cacheのプラグインを使っているはずなのに、どうして僕の環境だけで表示がおかしくなるのか疑問に思ったので、再度質問してみました。あることを試してみたそして、わいひらさんからまた、返事が返ってきた。僕は特に何もしていません。わかりませんが、ソースを見たところCSSを縮小化されているようなので、そういったことが原因の可能性もあります。完全に同じとなる動作環境がないと詳しい原因まではわからないです。プラグインの競合とかが原因の場合もありますし、様々な要因が考えられます。Cacheとかを使うとかそういった対処法もありだと思います。うん...?CSSの縮小化だと...?もしかしたら、あれを使えば直るかもしれない...。Cacheにある、とある機能を使ってみた。