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