現在、思うところがあって２つ目のブログを作っております。
その際、なかなかプロフィール画像が表示されなくて困ったので、解決方法をメモしておきます。
原因究明の方法もご紹介しますので、ご参考になれば幸いです。
なお、タイトルにあるとおり、本記事は『EWWW Image Optimizer』プラグインを入れておられる方を対象としております。
が、別の画像遅延読み込み系プラグインが原因の場合にも応用できるかもしれません。
- 対象商品のお急ぎ便やお届け日時指定便が無料
- 10,000本以上の映画やテレビ番組が見放題
- 1,000冊以上の電子書籍が読み放題
- ３０日間の無料体験あり（無料体験期間中のキャンセルも可能）
発生した問題
サイドバーに「プロフィール」ウィジェットを追加したところ、プロフィール画像が表示されませんでした。
「カスタムHTML」にして直接imgタグを書き込んでも表示されませんでした。
解決法
まず、「設定」→「EWWW Image Optimizer」を選びます。
そして、「遅延読み込み」のチェックを外します。
おまけ：原因究明にいたるまで
おまけとして、私が「EWWW Image Optimizerの遅延読み込みが原因だ」と思いついた経緯をご説明します。
まずはChromeブラウザで問題のブログを開き、プロフィール画像があるはずの場所で右クリック→「検証」を開きました（ちなみに、Firefoxなら「要素を調査」です）。
すると、imgタグのsrcが画像URLとは異なる文字列に置換されており、その文字列の中には「EWWW」が含まれていました。
さらに、imgタグのなかにdata-srcという見慣れない属性が追加されていました。
調べてみると、このdata-src属性は遅延読み込み（Lazy Load）に使われるものとのこと。
以上の事実から「EWWW Image Optimizerの遅延読み込みが原因だろう」と推測したら、ドンピシャだったというわけです。
というわけで、ホームページでなにか問題が起きたなら「検証」や「要素を調査」を使ってみることをおすすめします。
コメント
よく原因といわれている「アバター表示する」にチェックをしても解決しませんでしたが、こちらの記事のおかげで無事表示されました！
ありがとうございました(•‿•)
ごーやさん
コメントありがとうございます。
私も最初「アバター表示する」にチェックを入れましたが、それでも表示されなくて右往左往していました。
解決のお役に立てて嬉しいです！