未常識を生きる

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

ブログ

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

投稿日:

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

 

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

 

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

 

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

 

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

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

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

 

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

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

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

 

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

 

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

 

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

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

 

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

 

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

 

F12をクリックする

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

 

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

 

 

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

 

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

 

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

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

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

 

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

 

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

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

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

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

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

 

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

まとめ

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

いかがでしたか??

 

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

 

 

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

 

 

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

 

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

 

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

 

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







-ブログ

執筆者:


comment

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

CAPTCHA


関連記事

【3ヶ月目で70記事達成!】ブログのアクセス数・PV数・収益の状況は?

あなたはブログに”70記事投稿した場合ブログにどのような変化があるか”気になったりしませんか?     僕は2019年の9月9日からブログ運営を開始しています。   &n …

【やり直し】ブログの毎日更新の記録が途絶えリセット【継続の難しさ】

僕はこのブログで何度も「毎日更新にてブログ記事を更新している」とお話しさせていただきました。毎日更新をして収益を発生させる事が出来るのかというのがこのブログのテーマの1つだとあなたにもお伝えさせていた …

クラシックエディッタでWord Balloonにて吹き出しを利用する【簡単】

先日こちらの記事にて「クラシックエディッタ」へプラグインにて投稿画面を変更した事をお話しさせていただきましたね。 ワードプレス(WordPress )5.3へアップデートで不具合【STINGER8】 …

【初心者からの脱出口】アクセス解析に必要な専門用語

あなたはブログに対するアクセス解析行っていますか?ブログを運営する上ではアクセス解析は必要な作業となります。あなたのブログがどのように読者に見られているか確認する事が出来る便利なツールですよね。 しか …

【ブログへ集客できない】ランキングサイトに登録して読者を増やす方法

あなたは「ブログを始めてみたけどアクセスが全く集まらない・・・」等と思ったりしていませんか?   まずブログを始めたばかりの頃はアクセスなど全くありません。     その …

プロフィール


あさひ

高卒→工場勤務→病んだ為退職→働くのが怖くて長い間ニート→なんとか現在派遣社員→一度挫折したブログに再度挑戦中

将来が見えない不安に怯えて日々を過ごしている社会不適合者です。

人生色々あれば借金は300万円近くなりますよね

このブログのタイトル”未常識”とは未来での常識の事です。僕みたいな社会的地位が低い底辺でもブログアフィリエイトを実践し人生を取り返せる事をあなたに証明して見せます。

このブログの収益はすべて公開します