注目キーワード
  1. 駐車完全ガイド
NO IMAGE

番外編「wordpressにて画像が二重に表示されてしまう」アイキャッチの設定?プラグイン?google先生とchatGPT先生

※本記事はペーパードライバー講習とは全く無関係です。

普通に画像表示をしたいだけなのに、同じ画像が2枚連続で表示されてしまう不具合

久しぶりにホームページの新規ページを作成しました。
中古車の販売を始めたのでそのお知らせ+中古車を宣伝する為です。

ところが下記のように画像が二重になってしまうという事象が発生しました。

ホームページの一部をスクショした画像
3枚とも二重に表示されています

3枚だけ出したいのに合計6枚も。。。見栄えも悪い。
google先生とchatGPT先生のおかげで最終的には解決できました。

割愛しザックリ書きますが、google先生が言うには、アイキャッチ画像の設定にチェックが入っていてチェックを外すと解決するというものでした。
しかし私の設定画面にはチェックボタンそのものがなく、使用しているテーマでもチェック箇所がなく、アイキャッチに関する設定を色々変更してみましたが解決せずでした。

同時にchatGPTさんにも確認したところ、まず全てのプラグインを無効化して原因の切り分けをするべき→プラグインを無効化して事象が解決すればプラグインに問題がある。と教えてくれました。
ただ画像に関するプラグインは入れてないはずなのでプラグインの無効化はしませんでした。

またgoogle先生に伺ったところ、最近はwordpressでも高速化が意識され《画像の遅延ができるようになった》と教えてもらいました。そこであるプラグインが思いつきました!

YWS lazy loading v2プラグイン

このプラグインはwordpressを高速化する為に、遅延作業などを行なってくれるものです。
cssやjavascriptなど、ファイルを指定して遅延読み込みが出来ます。

まさかとは思い、そのプラグインだけを無効化したところ画像の二重表示がなくなりました。

プラグインを無効化したら直った!

しかしプラグインを無効にすると他のcssやjavascriptの遅延読み込みも無効になってしまいます。
そこで設定画面を見たらありました!
【画像遅延読み込みを有効にする】というチェックボタンがあり、チェックが入っていました。
このチェックを外しプラグインは有効のままで更新したら求めていた結果に辿り着けました!
無事解決!

誰かのお役に立てるといいな&私自信の備忘録として本記事を投稿します。

NO IMAGE
最新情報をチェックしよう!