[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

どんな環境でも読みやすいレスポンシブな記事を作る改行のやり方についてのお話です。

21世紀。インターネットはあらゆる環境からアクセスできるようになっています。

パソコン・スマホ・タブレット。だけではなく、テレビでもスクリーンでも、スマートウォッチでも!

つまり、記事の書き手にはあらゆるサイズのデバイスに対応できる読みやすさを求められるわけです。

様々な環境でネットする人が増えてきた

ひと昔前は「ネットをする」と言えばパソコンで見るのが普通でしたね。

しかし、スマートフォンやタブレットの普及に伴い、ネットは必ずしもパソコンで見る物とは限らなくなってきました。

とあるブログのここ1週間のアクセス状況をGoogle Analyticsで見てみたら、何と60%以上がモバイルからのアクセスです。他ブログに至っては70%がモバイルからでした。

こうなると、もうパソコンの方が少数派です。

レスポンシブな記事改行の方法

 

私たち書き手はパソコンから書いていても、見ている方はパソコンで見ていない。様々な環境から難なく見られる記事作りが必要だということになってきます。

商業ページではユーザーファーストな改行は必須……

もちろん。

特に読ませて金を取る目的でもなく、日記のように自由に文を書いているブロガーさんには関係ない。「自由に書かせてよ」という話かも知れませんが、ちょっとした工夫をするだけで、読みに来てくれた方が読みやすいページになります。

商業ページに関しては、もう「必須」です。

ユーザーのためになる記事を作ることはサービスの一環と言えましょう。

改行の方法

ひと昔前は「ネットをする」と言えばパソコンで見るのが普通でしたね。しかし、スマートフォンやタブレットの普及に伴い、ネットは必ずしもパソコンで見る物とは限らなくなってきました。とあるブログのここ1週間のアクセス状況をGoogle Analyticsで見てみたら、何と60%がモバイルからのアクセスです。他ブログに至っては70%がモバイルからでした。こうなると、もうパソコンの方が少数派です。私たち書き手はパソコンから書いていても、見ている方はパソコンで見ていない。様々な環境から難なく見られる記事作りが必要だということになってきます。

 

上記の文、パソコンで見ている方は「字だらけだな」と思いつつも、そう読めない文量ではないと思います。私のパソコン環境では、この文は7行です。

これを50%のモバイル環境で見ると狭くなって行数が倍になります。

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

 

だいぶ見づらいですよね。そこで適切な改行を入れたいわけですが……。

 ひと昔前は「ネットをする」と言えばパソコンで見るのが普通でしたね。
しかし、スマートフォンやタブレットの普及に伴い、ネットは必ずしもパソコンで見る物とは限らなくなってきました。
とあるブログのここ1週間のアクセス状況をGoogle Analyticsで見てみたら、何と60%がモバイルからのアクセスです。
他ブログに至っては70%がモバイルからでした。
こうなると、もうパソコンの方が少数派です。
私たち書き手はパソコンから書いていても、見ている方はパソコンで見ていない。
様々な環境から難なく見られる記事作りが必要だということになってきます。

 

気を利かせて句点ごとに改行したこの文も、パソコンではまあまあ読めても、先ほどの50%モバイル環境になると、

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

 

改行の部分が「す」や「した」の一文字二文字になって次の行が始まり、あまり読みやすい感じではないです。

ちなみに「スマホ」の幅は一種類ではない

「スマホで読みやすい文」を念頭に記事改行を作ったとしても、「スマホ」の大きさは一種類ではありません。

上記の「スマホ環境」はAndroidのG4スマホ(Chrome)環境でした。

これがiPhone X になると、こうなります。

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法
当然ですが、幅が違うので一行に入る文字数も変わってきます。スマートウォッチなどから読んだら、きっと行数はこの倍ですね。

「改行」にお約束を作る

句点で改行するのではなく、内容と行数で改行します。

この時、一回の改行では無く二回改行します
内容が変わる時には改行ではなく、段落を変えます。

※「1行空ける」が頭に入っていればそれでいいと思います。

 ひと昔前は「ネットをする」と言えばパソコンで見るのが普通でしたね。
<br>
<br>
しかし、スマートフォンやタブレットの普及に伴い、ネットは必ずしもパソコンで見る物とは限らなくなってきました。
<br>
<br>
とあるブログのここ1週間のアクセス状況をGoogle Analyticsで見てみたら、何と60%がモバイルからのアクセスです。他ブログに至っては70%がモバイルからでした。
<br>
<br>
こうなると、もうパソコンの方が少数派です。
<br>
<br>
私たち書き手はパソコンから書いていても、見ている方はパソコンで見ていない。
<br>
<br>
様々な環境から難なく見られる記事作りが必要だということになってきます。

 

上記の記述をパソコンから見た場合。

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

 

タブレットから見た場合。

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

 

スマホから見た場合

[初心者のためのWordPress]スマホ・パソコン、どんな環境からも読みやすい記事の改行方法

 

いかがでしょうか

この書き方ならば、どんな幅のブラウザから見ても読みやすい行間が保てます。

書き手にも読み手にも優しいモバイルフレンドリーな記事を

WordPress記事編集もお手伝いいたします

一木堂のサービス「WordPressの記事編集をお手伝いいたします」では、手作業でしか出来ない内職作業。同業者さまの下請けも承ります。