ikedaさん

すみません、以下のコードは、どこにあるのか教えていただけますか。

.lazyload[data-src] {
display: none !important;
}

出来ることならば、フォーラムのガイドラインをご一読いただき、環境情報のご提示をお願い致します。

mk2さま

すべての画像の<img>にコードがついています。

例えば、投稿ページのアイキャッチのhtmlは以下の通りです。

<div class="eye-catch-wrap">
　<figure class="eye-catch" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
　　<img width="900" height="600" src="https://〇〇〇/wp-content/ewww/lazy/placeholder-900x600.png" class="attachment-900x600 size-900x600 eye-catch-image wp-post-image 　　lazyload" alt="〇〇〇"   data-src="https://〇〇〇/wp-content/uploads/〇〇〇.jpg" data-srcset="https://〇〇〇/wp-content/uploads/〇〇〇.jpg 900w,  https://〇〇〇/wp-content/ 　　uploads/〇〇〇-500x333.jpg 500w,  https://〇〇〇/wp-content/uploads/〇〇〇-768x512.jpg  768w,  https://〇〇〇/wp-content/uploads/〇〇〇-375x250.jpg  375w" data-sizes="auto" />
　　<noscript>
　　　<img width="900" height="600" src="https://〇〇〇/wp-content/uploads/〇〇〇.jpg" class="attachment-900x600 size-900x600 eye-catch-image wp-post-image" alt="〇〇〇" 　　　srcset="https://〇〇〇/wp-content/uploads/〇〇〇.jpg 900w,  https://〇〇〇/wp-content/uploads/〇〇〇-500x333.jpg  500w,  https://〇〇〇/wp-content/uploads/〇〇〇-768x512.jpg  　　　768w,  https://〇〇〇/wp-content/uploads/〇〇〇-375x250.jpg  375w" sizes="(max-width: 900px) 100vw, 900px" data-eio="l" />
　　</noscript>
　　<meta itemprop="url" content="https://〇〇〇/wp-content/uploads/〇〇〇.jpg">
　　<meta itemprop="width" content="900"><meta itemprop="height" content="600">
　</figure>
</div>

これでいうと、画像のURLがすべて「data-src」になってしまっているため、

.lazyload[data-src] {
display: none !important;
}

が適用されてしまっています。

これがすべての画像に適用されているので、表示できていません。

そもそも、<img>のコードは、こんなにも長文なものなのでしょうか？

よろしくお願いします。

ikedaさん

そもそも、なぜ以下のものが書いてあって、どこのCSSに書いてあるのだろうという疑問です。

.lazyload[data-src] {
display: none !important;
}

そもそもこのCSSって、必要なものか。。。と思ったのです。

それはそれとして、ご提示いただいたimgの件で、なんとなくはイメージはつきました。

実際に拝見はしておりませんので、想像であることはご承知おきください

プラグイン「EWWW Image Optimizer」が影響している可能性が高いです。

このプラグインの遅延読み込み設定がどういう状態かご確認ください。
「有効」になっているならば、「無効」にしてみてください。

なるほど。

CSSは、プラグイン「EWWW Image Optimizer」の遅延読み込みを有効にすると<style>タグで出てくるんですね。

「EWWW Image Optimizer」は、こうやってlazyloadを実現しているんですね。
妙に納得しました。

mk2さま

ご対応ありがとうございました。

ご指摘のとおり、「EWWW Image Optimizer」の設定を変更したところ、無事にすべての画像が表示されるようになりました！

<img>のコードも短くなりました。

本当にありがとうございました！

今後ともよろしくお願いします。