自分のブログがスマホからどのように見えるか、簡単にチェック!

   2015/12/05

スマホでブログを更新するという方もいらっしゃるでしょうが、PCでブログを書くという方のほうが多いと思います。すると、「スマホで自分のブログがどのように見えるのか?」を確認したくなるかもしれません。

ブログデザインをカスタマイズしている場合は特にそうでしょう。

スマホといっても、その機種はたくさんあり、画面の大きさもまちまちです。このため、スマホを持っている人であっても、別のスマホでどのように見えるのか、タブレットではどうだろう?と確認するのは有用なことです。

そこで、サクッと確認できる方法をご紹介します。

自分のブログはスマホでどのように見える?

1 まず、自分のブログをPCで開きましょう。ここでは温泉の記事になっています。そして、F12キーを押します。

スマホチェック1

2 すると、左側に自分のブログ、右側にそのブログの作りがどのようになっているかを示す部分が出てきます。今回は左側だけ使います。

下のキャプチャの左上に黄色で囲った部分があります。ここでスマホの種類を選ぶことができます。そして、その選んだスマホでどのように見えるか?が下の画面に出ています。

現在はまだPCの画面なので、F5キーを押して画面を再読み込みします。

スマホチェック2

3 すると、指定したスマホでの画面が出てきます(赤枠部分)。タイトルは「blog」、その下に記事があるのですが、タイトルと記事の間に広告が入っています。これはライブドアが挿入している広告です。

読者がこの広告をクリックしてもブロガーには1円も入ってこないのですが、ライブドアはこれで稼いでいるからブログを無料開放できています。ここは我慢しましょう。

スマホチェック3

4 さて、スマホには様々な種類がありますから、別のスマホでどのように見えるのかを確認しましょう。画面左上のスマホ名部分をクリックすると、選択できるスマホやタブレット一覧がずらっと出てきます。そこで、お好みの機種を選択します。

なお、PCに表示されたスマホ画面のリンクも有効ですので、リンク先を見て使用感を確認するということもできます。

スマホチェック4

5 この画面を終了するには、画面右上の「×」をクリックするか、もう一度F12キーをクリックします。

スマホチェック5

こうして、特定のスマホで読みづらいという点がありましたら、カスタマイズしてより良いブログにすることができます。

  • このエントリーをはてなブックマークに追加
  • Pocket