【WordPress初心者】Cocoonで記事タイトル部分の表示がおかしいとき

ブログを見返していたら、ある記事の冒頭部分の表示が変になっていました

こんなふうに↓

  • アイキャッチ(タイトル部に表示させたい画像)が表示されていない
  • 記事冒頭の文章とタイトルが重なってしまっている
  • ブログの全部の記事がこうなってしまっているわけではない(1記事だけ)

正しく表示させるのに苦労したので
健忘録をかねて記事にしました

ちなみに私のブログ環境は次のとおり

  • WordPress バージョン6.0(最新版)使用中
  • テーマはCocoon バージョン2.4.6(最新版)使用中
  • HTMLやCSSの知識はまったく無いので、そのあたりの変更は何もしていない

HTMLやCSS、勉強せねば…

Cocoon(コクーン)は、わいひらさんが作られた最強のWordPress無料テーマです。
Cocoonのマニュアルはこちら
CocoonのGutenberg(ブロックエディター)対応状況はこちら

本来なら、こう!

本当はこのように表示されるはずなんです

いつの間に変になったんや〜〜〜

原因はプラグイン:EWWW Image Optimizer

ネットをいろいろ検索した結果、

悪さをしているのは「EWWW Image Optimizer」というプラグインのようでした

このプラグインは、ブログに載せる画像を圧縮して、動きを軽くしてくれるものです

そして、できるだけ簡単な解決策を2つ見つけました

EWWW Image Optimizer を「無効化(=使わない)」して、別のプラグインを使う

EWWW Image Optimizer の一部の機能を停止する

できるだけ簡単に修正したかったので
とりあえず「一部の機能を停止する」方法をためしてみたところ

無事なおりました!

「遅延読み込み」のチェックマークを外すだけ!

3秒で解決!

EWWW Image Optimizer の「遅延読み込み」に入っているチェックマークをはずすだけです

チェックを外したら、
忘れずに「保存」をクリックしてくださいね!(ウッカリしがち)

これで正常になりました

フォッフォッフォ♡

このようにおかしな表示になってしまう原因ですが
CocoonとEWWW Image Optimizerのプログラムの一部がケンカして(?)
うまく表示されないのではないか…ということのようです

通常、EWWW Image Optimizerでこんなふうになるのは珍しいようで
たまたま私の場合はダメだったみたいです

この方法で解決しなければ
EWWW Image Optimizer を無効化して、別のプラグインを使うと良いようです

ご参考になればうれしいです

タイトルとURLをコピーしました