TROUBLE GUIDE

スマホで見るとWordPressサイトの表示が崩れるときの直し方

パソコンでは問題ないのに、スマホで見ると文字がはみ出す・横に揺れる・ボタンが押せない。いま検索もお問い合わせも大半がスマホからなので、この崩れは見た目以上に機会損失が大きい症状です。

考えられる原因

固定幅の指定が残っている
画像や表に「幅800px」のような固定値が指定されていると、スマホの画面幅を超えてはみ出し、横スクロールが発生します。昔の記事からコピーした表で起きがちです。
テーマがレスポンシブ非対応・設定漏れ
古いテーマや、viewport の設定が抜けているテーマでは、スマホでもパソコン用の表示がそのまま縮小されて出ます。文字が豆粒になるのはこのパターンです。
追加したパーツ・広告タグの崩れ
バナーや埋め込み（地図・予約フォーム等）が幅を固定していると、そこだけ飛び出します。特定のページだけ崩れる場合はこれが疑わしいです。

どのページ・どの部分が崩れるかを撮る
崩れているスマホ画面のスクリーンショットを撮っておきます。機種によって崩れ方が違うため、「どの端末で・どのページか」が特定の近道です。
パソコンのブラウザでスマホ表示を再現する
Chromeでサイトを開き、F12 → 左上のスマホアイコンでスマホ幅の表示にできます。ここで再現できれば、修正の確認もこの画面でできます。
最近追加したパーツを疑う
崩れに気づいた時期の直前に追加した表・画像・埋め込みを一時的に外して、直るか確認します。

やってしまいがちですが、避けてください

崩れている箇所を特定し、スマホ幅での表示を整えます。主要な機種幅（iPhone・Android）での確認まで行った状態で納品します。

現在の納期目安：ご依頼から24時間以内の対応を目指しています。営業のお電話は行っていません。

全ページ直してもらえますか？

定額の範囲は「症状として崩れている箇所の修正」です。サイト全体のスマホ対応を作り直すレベルの場合は、拝見してお見積りをご提示します。

急ぎで一部だけ先に直せますか？

できます。お問い合わせページや料金ページなど、成果に直結するページから先に直す進め方をよくご提案しています。

原因がはっきりしない場合は、URLを入れるだけの無料診断で状態を確認できます（約1分・登録不要）。