画像が表示崩れを起こしたらプラグイン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」とは？
本家 (ベクトルの石川さん) の解説をご覧ください！
最後までお読みいただき
ありがとうございました！
