WordPressで横スクロールが出る原因7選|スマホ表示が崩れるときの確認方法
こんにちは、Dr.WordPressです。WordPressサイトをスマホで確認したときに、「なぜか左右にスクロールできる」「画面の右側に余白ができている」「一部の画像や文字が画面からはみ出している」といったことはありませんか?PCでは正常に表示されているため、スマホで確認するまで気づかないこともあります。WordPressで横スクロールが発生する場合、サイト全体ではなく、特定の要素がスマホの画面幅より大きくなっていることがよくあります。今回は、WordPressで横スクロールが出るときに考えられる7つの原因と確認方法をご紹介します。① 画像の横幅が大きくなっているまず確認したいのが画像です。記事やページ内に設置した画像の横幅がスマホ画面より大きくなっていると、画像に合わせてページ全体が横に広がる場合があります。例えば、・画像に固定の横幅が設定されている・追加したバナーがスマホ対応していない・テーマのCSSが画像に適用されていない・独自に追加した画像だけサイズがおかしいといったケースです。「特定のページだけ横スクロールが出る」という場合は、そのページに追加されている画像を確認してみましょう。② 固定幅の要素が入っている画像以外でも、横幅が固定された要素が原因になることがあります。例えば、・ボタン・フォーム・ボックス・広告・独自に追加したHTMLなどです。PCでは問題なく表示できる横幅でも、スマホでは画面に収まらないことがあります。特に自分でCSSを追加している場合は、横幅を固定していないか確認してみましょう。③ 表やテーブルがはみ出している記事内に表を設置している場合も注意が必
0