画像が表示崩れを起こしたらプラグインEnhanced Responsive Imagesを無効化してみて!

どんなトラブルが起きたのか?

クライアント様のサイトで画像が表示崩れを起こしました。泣
もちろん現時点では表示崩れは直ってます
「Lightning Block Template Parts」で作成したフッターのパーツにあるロゴが、以下の画像のとおり、縦に伸びていました。

原因は画像系プラグイン
このプラグインが原因でした。
Enhanced Responsive Images
遅延読み込みされた画像のサイズ計算と自動サイズ調整を改善し、レスポンシブな画像を改善します。
<原文> Improves responsive images with better sizes calculations and auto-sizes for lazy-loaded images.

無効化 ⇒ 削除で解決しました!

ことり的とりまとめ

画像に異変があったときは画像系のプラグインを疑うべし!

特に遅延読み込み系のものに画像は影響を受けやすいよ!

今後はこのようなチュートリアル記事を少しずつ増やしていこうと思ってます。

記事のリクエスト下さいなー!
チュートリアル記事の執筆リクエスト

ところで「Lightning Block Template Parts」とは?

本家 (ベクトルの石川さん) の解説をご覧ください!

最後までお読みいただき
ありがとうございました!