ブログを見返していたら、ある記事の冒頭部分の表示が変になっていました
こんなふうに↓
![](https://nyunyunyu.com/wp-content/uploads/2022/06/91a969312b4a457c227dda04c2c2f749-1024x385.png)
- アイキャッチ(タイトル部に表示させたい画像)が表示されていない
- 記事冒頭の文章とタイトルが重なってしまっている
- ブログの全部の記事がこうなってしまっているわけではない(1記事だけ)
正しく表示させるのに苦労したので
健忘録をかねて記事にしました
ちなみに私のブログ環境は次のとおり
- WordPress バージョン6.0(最新版)使用中
- テーマはCocoon バージョン2.4.6(最新版)使用中
- HTMLやCSSの知識はまったく無いので、そのあたりの変更は何もしていない
HTMLやCSS、勉強せねば…
本来なら、こう!
本当はこのように表示されるはずなんです
![](https://nyunyunyu.com/wp-content/uploads/2022/06/e12b4c4096922a5ef87f17fe133022c6-1024x453.jpg)
いつの間に変になったんや〜〜〜
原因はプラグイン:EWWW Image Optimizer
ネットをいろいろ検索した結果、
悪さをしているのは「EWWW Image Optimizer」というプラグインのようでした
![](https://nyunyunyu.com/wp-content/uploads/2022/06/449dba56e6fcd6282fe89dcfee2b8301-1024x139.png)
このプラグインは、ブログに載せる画像を圧縮して、動きを軽くしてくれるものです
そして、できるだけ簡単な解決策を2つ見つけました
できるだけ簡単に修正したかったので
とりあえず「一部の機能を停止する」方法をためしてみたところ
無事なおりました!
「遅延読み込み」のチェックマークを外すだけ!
3秒で解決!
EWWW Image Optimizer の「遅延読み込み」に入っているチェックマークをはずすだけです
![](https://nyunyunyu.com/wp-content/uploads/2022/06/399e8b6c4f6ec25c7d3bcee83dfbd103-1024x231.png)
チェックを外したら、
忘れずに「保存」をクリックしてくださいね!(ウッカリしがち)
![](https://nyunyunyu.com/wp-content/uploads/2022/06/1893ccf05a78847ace37571b3c33f426-1024x246.png)
これで正常になりました
![](https://nyunyunyu.com/wp-content/uploads/2022/06/e12b4c4096922a5ef87f17fe133022c6-1024x453.jpg)
フォッフォッフォ♡
このようにおかしな表示になってしまう原因ですが
CocoonとEWWW Image Optimizerのプログラムの一部がケンカして(?)
うまく表示されないのではないか…ということのようです
通常、EWWW Image Optimizerでこんなふうになるのは珍しいようで
たまたま私の場合はダメだったみたいです
この方法で解決しなければ
EWWW Image Optimizer を無効化して、別のプラグインを使うと良いようです
ご参考になればうれしいです