急にブログのプロフィール画像、サイドバーの記事一覧のアイキャッチ画像、吹き出しアイコンの画像の周りが点線の枠で囲まれてしまいました。見た目も悪く困りました。結果プラグインの設定を変更したら改善したのでこの謎の現象の原因と改善方法をお伝えします。
「EWWW Image Optimizer」の「高度な設定」を全て解除する
今回の画像のトラブルは「EWWW Image Optimizer」という画像を最適化するプラグインの設定を変更したら改善されました。「EWWW Image Optimizer」は画像ファイルを自動で圧縮、最適化してサイトの読み込み速度を向上させサイトの表示速度を改善してくれる便利なプラグインです。
私が設定で解除した設定は下記の項目です。
設定を解除する項目
「Advance」(高度な設定)を全て解除し、チェックボックスのチェックも全て外す。
「ExactDN」で「DNを使いページに自動的にフィットするように画像のリサイズを有効化する」のチェックを外す。
上記の設定を解除したら、画像が点線枠で囲まれる現象が改善されました。よくわからない方は、まずEWWW Image Optimizerを一旦削除してデフォルト設定のまま使って一旦様子を見て自分に合った設定を探すといいかもしれません。
また、「EWWW Image Optimizer」の設定方法をまとめたのでこれから設定する方は参考にしてみてください。
AFFINGER5とEWWW Image Optimizerが競合した事が原因？
ただ、引っかかている事が1点あります。今回の「プロフィール画像」「サイドバーの記事一覧のアイキャッチ画像」「吹き出しアイコン画像」が点線の枠で囲まれてしまった現象は、これらは全て「AFFINGER5」の機能で設定しています。(楽ちんなのですが)
よって、今回の現象にはその影響も有るかもしれません。同じく「AFFINGER5」を使っている方は「EWWW Image Optimizer」の設定を上記のように変更すれば直る可能性は高いと思いますが、他のテーマを使っている方は今回の解決方法が該当しない可能性もあります。が、同じような画像のトラブルでお困りなら試す価値はあると思います。
したがって、今回のトラブルは「AFFINGER5」と画像の最適化を行ってくれるプラグインである「EWWW Image Optimizer」が競合してしまった可能性もあるかなと考えました。もっとも、別のテーマ使用の方でも、同じようにEWWW Image Optimizerを導入していて画像系のトラブルが起こってしまい原因がわからない方は、同じように設定に原因がある可能性は高いのでぜひ試してみてください。
また、何かトラブルがあった時は、まず、「ブラウザとWordPressのキャッシュクリアを行う」事をおすすめします。
康聖/YAPでした。