ブログの記事を、PCでスマホサイズにして確認。GoogleChrome(クローム)で見れます。

広告
ピグ
ピグ

プー子さん、

新しい記事書いたよ!

見てみてみてみて!

プー子
プー子

はいよ。

(スマホで見る)

・・・・・・・・・

見づらいわよ!

ピグ
ピグ

まじで!

・・・・・

ぶひっ

ホントだ!

こういうこと、ないですか?

 

今回は、

ブログ書くなら、ブラウザは「Google Chrome」(グーグルクローム)使った方がいいよ!

というお話です。

「Google Chrome」(グーグルクローム)なら、PCでスマホサイズの画面が表示できます。

↑こいつです。

ピグ
ピグ

なにこれ? ポケモン?

プー子
プー子

「Google Chrome」のロゴよ。

 

理由は、タイトルの通りです。

自分の書いたブログが、「スマホの画面で閲覧したら、どう表示されるか」を確認しながら、作業ができるのです!

プー子
プー子

わお!

「Google Chrome」してから、作業スピードが大幅に上がりました!

具体的な操作方法を、紹介したいと思います。

 

広告

スマホ画面の表示方法

まず、いつも通り記事を書いたら、

「Google Chrome」(グーグルクローム)なら、PCでスマホサイズの画面が表示できます。

↑右上の「プレビュー」をクリック。

そして「プレビュー」が表示されたら、

F12キーを押します。

「Google Chrome」(グーグルクローム)なら、PCでスマホサイズの画面が表示できます。
「プレビュー」画面で「F12」キーを押した画面

↑このような画面になります。

「Google Chrome」(グーグルクローム)なら、PCでスマホサイズの画面が表示できます。

スマホマーク(赤枠)をクリック。

「Google Chrome」(グーグルクローム)なら、PCでスマホサイズの画面が表示できます。

スマホ画面になりました!

しかも、左上の「Responsive」(青枠)をクリックすると、

色んな機種のスマホ画面に変えることができます!

ピグ
ピグ

べんり!

プー子
プー子

べんり!

 

時代はPCよりもスマホ

「ネットを見るなら、PCよりもスマホ」という人がどんどん増えてます。

若い世代では、そもそもパソコン持ってない(必要ない)という人が大勢います。

 

なのでどうしても、「自分のブログが、スマホ画面でどう表示されるのか」を確認する必要があります。

ピグ
ピグ

PCでブログ作成

→ スマホ画面で確認

→ 見やすいように修正

の繰り返し!

プー子
プー子

自分のスマホで

確認しながらじゃ、

大変ね!

 

この方法で、より快適に作業が進められるようになりますよ!

 

 

ピグ
ピグ

プー子さん、

書き直したよ!

見てみてみてみてみてみて!

プー子
プー子

ほいほい。

・・・・・

見やすくなったけど、

内容がつまんない。

ピグ
ピグ

・・・・・・・・・

それは、しょうがない。

プー子
プー子

そこ頑張りなさいよ!

 

以上です!

タイトルとURLをコピーしました