スマホでサイトの表示が崩れたら、まず確かめること

「パソコンでは普通なのに、スマホでは画像がはみ出す」

「文字が重なって読みにくい」

WordPressのサイトで、こうした表示になることがあります。

まず「どのページで、いつからか」を整理すると、原因を探しやすくなります。

■ どの端末の、どのページか

次の内容を、分かる範囲で書き出してみましょう。

・スマホの機種名

・サイトを開くときに使ったアプリ

・ページの名前（トップ、お知らせ一覧など）

・崩れている場所（一番上の画像、2つ目の見出しの下など）

ほかのページも見てみます。特定のページだけか、全体かを確認しましょう。スマホを横向きにすると表示が変わる場合もあります。

■ いつから崩れているか

直前に、次のような変更がなかったか思い出してみてください。

・テーマ（サイトの見た目を決めるもの）を更新した

・プラグイン（機能を追加する部品）を入れた、または更新した

・画像や文章を差し替えた

変更のあとに崩れ始めた場合は、その変更が関係している可能性があります。「先週は大丈夫だった」など、おおよその時期でも手がかりになります。

■ 画面を画像で残す

崩れている部分が分かるよう、画面を画像で保存しておくと、あとで見返しやすくなります。

・多くのスマホでは、電源ボタンと音量ボタンを同時に押すと撮れます

・崩れている部分が画面に入るように撮ります

・同じページをパソコンで見た画面も残しておきます

スマホとパソコンの画面を見比べると、違いを確認しやすくなります。

■ 確かめた内容は、修正を頼むときにも役立ちます

「この機種で、このページの、この場所が、変更のあとから崩れた」と伝えると、確認する範囲を絞りやすくなります。

ココナラで「WordPressの修正を1か所から行います」を出品しています。整理した内容と画面の画像を添えていただければ、原因の見当をお伝えします。

設定を変える前に、まずは今の状態を記録してみましょう。