未常識を生きる

コールセンターで働きつつ田舎で暮らす派遣社員のブログ

ブログ

ブログ記事の見た目を確認【F12でスマホ用画面を表示】

投稿日:

あなたはブログ記事を作成をする際に記事が「スマホ画面」で正しく表示されるか確認されていますか?

 

僕は基本的に記事作成はPCで行います。

 

そして記事投稿前に作成した記事をプレビューしてチェックするのですがその時に「PC画面」だけでなく「スマホ画面」での表示状態を確認するようにしています。

 

この記事では簡単にPCからスマホ表示画面をチェックする方法をお話しします。

 

ブログ記事の見た目を確認【F12でスマホ用画面を表示】

どうしてわざわざ”スマホ画面”を確認する必要があるの???
それは圧倒的に”スマホ”利用者が増えているからです!!

これからブログを始めるのであればスマホユーザーが見やすい記事なのかを意識する必要があります。

 

Googleのスマホに関する調査でこのような結果が出ています。

  • スマホで情報収集した事がある・・・81%
  • その後にスマホやPCで購入した・・・36%

8割もの方々がスマホで情報を収集した後に約4割が購入したとの調査結果が出ているのです。

 

現代はほとんどの方がスマホを利用していますよね。

 

この事を考えるとブログはスマホで見やすい構成にしないと読者も見に来てくれない可能性があるのです。

 

PCでスマホ画面を確認する方法

この方法は簡単にスマホ画面を確認できるのでとても重宝します。

 

先に方法を説明させて頂きますとキーボードにある”F12”を押すだけで確認できます。

 

順番に説明していきますね。

 

F12をクリックする

この画面はワードプレスの記事作成時の画面ですね。

 

早速”F12”をクリックしてみましょう。

 

 

画面の右側にコードの羅列のような画面が表示されます。

 

そのコードの上にある赤枠のアイコンをクリックしてください。

 

そうすると左側の画面表示が狭まりスマホ画面の設定が出来るようになります。

後は表示させる機種の選択もできるので上の画像の赤枠をクリックしましょう。

ここでは”IPhone6”のボタンを押してみましょう。

 

簡単にスマホ画面表示に切り替える事が可能です。

 

こんなに簡単にスマホ表示を確認する事ができたんだ。。
今度から実施してみようっと・・

表示させる機種を増やしたい

この画面を見れば分かるようにスマホの種類は初期の状態は少ないですね。

 

自身が利用しているスマホもない可能性は高いです。

 

ですがIPhoneやアンドロイドの最新機種を画面に追加させる事も出来るんです。

 

上記画像の”赤枠”の一番下にある”Edit”をクリックしましょう。

 

すると画面右側に沢山スマホが表示されます。

 

この中に対応機種があればクリックすれば自動的に先ほどの機種選択画面に追加されます。

 

この中にもない場合は”赤枠”をクリックしましょう。

①一番上の赤枠の中に自分が設定した機種名を入れます。

②真ん中の赤枠内に設定したいスマホの”ピクセル数(縦横の幅)”を入力します。(ピクセル数は”スマホ名 ピクセル”でググれば出てきます。)

③一番下の赤枠を押せば登録終了とです。

このように機種を追加する事が可能です。(機種名を入力するで作成したためこのような名前になってます)

 

IPhoneやアンドロイドの最新機種は利用される方も多いので登録しておいて損はないでしょうね!!

まとめ

結論!!
「F12を活用してスマホ画面を確認しつつ記事作成を行いましょう!!」

いかがでしたか??

 

思ったより簡単にスマホ画面が確認できる事をお分かり頂けたのではないでしょうか?

 

 

結局僕達のブログに訪問していただけるのはPCからの訪問者だけではないという事です。

 

 

どちらかと言うと現代はスマホを利用して情報検索する方々の方が多いのです。

 

なのでブログがスマホでどのように表示されるか考えながら記事を作成するようにしましょう。

 

是非ブログ作成時に活用して見て下さい。

 

最後まで目を通して頂きありがとうございました。







-ブログ

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

【驚愕】ブログの記事タイトルは作為的につけられていた説

あなたはブログ記事を投稿した後にその記事を”Googleで検索”して表示されるか確かめたりはしませんか?基本的に投稿から数時間であれば「Google」に登録(インデックス)されていないので検索しても表 …

読まれる記事を書く為のテクニック【ターゲットをあいまいにしない】

あなたは記事を作成しても「読まれる記事を書きたいけどみんなが読んでくれる方法なんてあるのかな?」などと悩まれる事はありませんか? せっかく記事を作成しても読まれなければ意味がありませんよね。この記事で …

【イメージアップを狙える】ブログのロゴを無料で簡単に作成する方法

あなたは運営しているブログに対して「少し変化がほしいなぁ」などと思われていませんか?   ブログを運営しているのであれば自分の好みに変化したい気持ちは出てきてしまうものでしょう。 &nbsp …

ブログ初心者の目標は100記事到達【本当に儲かる?】

あなたはブログを運営し始めたばかりであれば「まずは100記事更新を目差すべき」とい聞いた事がありますか?恐らく初心者ブロガーさん達の最初の目標としてこの「100記事」を目指す方は多いのではないのでしょ …

【解決】80記事目にてブログがバグってワードプレスにログインできなかった件

あなたはこの記事を読まれているという事は『ブログがバグってしまいとても慌てている状況』なのではないでしょうか?     僕は先日80記事毎日せっせと作り上げたブログがバグってしまい …


ブログランキング・にほんブログ村へ


あさひ

高卒→工場勤務→病んだ為退職→働くのが怖くて長い間ニート→未経験からコールセンターへ転職→一度挫折したブログに再度挑戦中

コールセンターで働く傍らブログを運営しております。
将来的にはブログで収益を発生させて借金300万円の人生から脱出する事が目標です

  • コールセンターについて
  • ブログの情報
  • ペットについて
  • ゲームの事

このブログでは僕が日常的に関わる事をピックアップしていきたいと思います。