ワードプレスのブログは改行や行間がスマホで記事を読みやすくする!

  • twitterへのtweet
  • 人気ブログランキング

ワードプレスのブログ記事をパソコンで書いた場合、改行や行間、文字の大きさなどを正しく使用することで、スマホでの記事を読みやすくしてくれます。

 

きちんと記事が表示されているか、最終的にスマホの表示画面を必ず確認する必要があります。

 

今回は具体的に、なぜ確認する必要があるのか、どのようなことに注意しなければならないのかを、例を上げて説明していきます。

ワードプレス記事のパソコンとスマホの表示確認方法

ワードプレスの「外観」の「カスタマイズ」をクリック。

 

 

次に画面左下のスマホのマークをクリック。

すると、画面まん中に小さな画面が出てきます。それがスマホの画面となります。

 

 

パソコン1台で、パソコンとスマホの表示の確認ができるので、わざわざスマホの画面で確認する手間が省けて、大変便利です。

 

「ワードプレスでPC(パソコン)とスマホ表示の確認が超簡単にできる!」の記事も書いています。

合わせてお読みくださいね

 

スマホで記事を読みやすくする改行のタイミングと行間の取り方

こちらはパソコンで打った文章で、読点「、」を使わないでなんとなく文章の区切りで改行した場合。

 

 

これをスマホで見ると、下の画像のように変な空間が出来てしまっています。

これはおかしいですよね?

 

 

これを見てわかるように、文末以外での改行はNGです。

句点「。」、!、♪、?などで改行しましょう。

 

一方で、こちらはパソコンで、読点「、」を入れた文章です。

 

 

これをスマホで見ると空間もなく画像の幅ちょうどで自動的に改行されています。いい感じですね!

 

 

次は行間のあけ方による見やすさやバランスについてです。

上の文章をもっと見やすくするため改行をして行間をあけてみますね。

 

パソコンの画面がこちらです。

 

 

すると、スマホでは下の画面のようにパラッと見やすくなりました。

 

 

スマホではパソコンより横幅が小さいためパソコンでは2行ぐらいでもスマホでは5行にもなってしまうのです。

 

それを頭におきながら、改行や行間に注意して、スマホで見やすい記事に仕上げていきましょう。

記事内の表の文字サイズは小さく!スマホで表が見やすくなる!

さて、もうひとつ!

 

私は見やすさから表を作ることがあるのですが、パソコンでバランスよく出来ても、スマホの画面で見ると文字が大きくバランスが悪くなっているのです。

 

下の画像はパソコンで表示されたもの【一部例】

 

 

こちらは、それをスマホで表示したもの です

 

 

文字が大きく感じるのがわかりますか?

 

そこでパソコンの文字サイズをひとつ小さくすると、次のように改善されます。

ひとつのサイズぐらいならパソコンで見ても大丈夫ですよ。

 

 

スッキリと見やすくなりましたね!

 

このように修正が必要になる箇所があるかもしれません。

 

1記事1記事、パソコンでの作業完了と同時にスマホ画面ではどうか、必ず確認しましょうね!

まとめ

今回は、ワードプレスのブログ記事は改行や行間の使い方でパソコンとスマホの表示が変わってきたり、見やすさに違いがでたりするため、表示確認が必須であるということを記事にしました。

 

記事はスマホで読まれることが多いです。スマホでの確認は欠かせませんね!

以下にメールアドレスを入力しお申し込みください

お名前(必須)  
メールアドレス(必須)

※プロバイダーアドレスでは、メールが受け取れない場合がございますので、
Hotmail以外のYahoo、Gmailなどのフリーメールアドレスでの登録をお薦めいたします。

  • twitterへのtweet
  • 人気ブログランキング
応援クリックお願いします ↓↓
ブログを書いてるひと✐

さわ

さわ

明るい老後を目指し「自分年金」をコツコツ稼いでいます! 只今、楽天アフィリエイト&アドセンスを実践中です。

最近の投稿
カテゴリー