ブログを書く時、パソコンを使う方も多いと思います。
スマホアプリよりパソコンの方が機能が多くて作業が捗るというケースもあるでしょう。
ですが、ブログを閲覧する側はスマホの方が多いのではないでしょうか。
そうなると、スマホでの見え方が気になりますよね。
本記事ではブラウザの機能を用いて、スマホでの見え方を確認する方法を解説します！
パソコンのブラウザでスマホ表示を確認する方法
Google ChromeとMicrosoft Edge、２つのブラウザでの方法を解説します。
Google Chrome（グーグルクローム）
ブラウザの右上にある【 ፧ 】をクリックし、【その他のツール】から【デベロッパーツール】を選択します。
デベロッパーツールを開くと、スマホでの表示が確認できます。
iPhoneなどのスマホの他、iPadなどのタブレットでの表示も選ぶことも可能です。
Microsoft Edge（マイクロソフトエッジ）
ブラウザの右上にある【…】をクリックし、【その他のツール】から【開発者ツール】を選択します。
開発者ツールを開くと、スマホでの表示が確認できます。
iPhoneなどのスマホの他、iPadなどのタブレットでの表示も選ぶことも可能です。
Bloggerでのモバイル設定
Bloggerでは、スマホで閲覧した時用のテーマを選ぶ機能があります。
左のメインメニューから【テーマ】を選択し、カスタマイズ横の【▼】をクリックして【モバイルの設定】からモバイル用のテーマを選ぶことが可能です。
公式テーマや配布されているテーマでは大体スマホ用の設定がされているので、表示を【モバイル】に変更してデフォルトのままでも問題ありません。
こだわりたい方は色々なモバイルテーマを試してみてください。
ブログはパソコンとスマホ両方で確認してみよう！
ブログをつくったら、パソコンとスマホの両方での表示を確認するようにしましょう。
意外と見え方が違ったりして、設定の見直しが必要になってくることもあります。
本記事で解説した方法なら、パソコンだけでスマホの見え方を確認できるので便利ですよ！
読みやすさや見やすさを追求して、より良いブログにしていってくださいね。
