パソコンではきれいなのに、スマホで読みにくくなっていませんか？

パソコンで記事を整えたあと、そのまま公開していませんか。

公開前に実際のページをスマホで1回見るだけでも、読みにくさや押しにくさを見つけやすくなります。

編集画面だけで確認を終えない

WordPressの表示機能では、デスクトップ、タブレット、モバイルの幅を切り替えられます。ただし、編集画面のモバイル表示は実機そのものではありません。大きな崩れを探したあと、最後に自分のスマートフォンで実際のページを開きます。

4か所を順に見る

1. 最初の画面に入る文字が少なくても、冒頭2〜3文で記事の結論が分かるか

2. 見出しが不自然に折り返していないか

3. 画像内の文字が読めるか、横にはみ出さないか

4. 問い合わせなどの主なボタンを押しやすいか

図：スマートフォンで、冒頭・見出し・画像・ボタンの順に確認します。

スマホ用に記事を作り直す必要はありません

長い一文を2つに分ける、横並びを上下にする、画像内の文字を減らす、ボタンの文言を短くする。まずは小さな修正で十分です。

4か所に問題がなければ、公開前の基本確認は完了です。直しても同じ崩れが残る場合や、ヘッダー・メニューなど全ページ共通の部分が崩れている場合は、無理に共通設定を触らず相談へ切り替えてください。

soraha designでは、今あるWordPressサイトを活かしたスマートフォン表示の部分修正に対応しています。ココナラのWordPress修正・更新サービス（https://coconala.com/services/4194765）で、崩れているページと気になる箇所をお知らせください。料金と対応範囲はサービスページで確認できます。