30代会社員がサイトアフィリで月100万稼いで起業を目指す

ゼロから月100万まで目指して、サイトアフィリで役に立つ情報を発信していきます!(現在、確定100万達成し法人化済)

スマホ時代における改行について

今回は改行についてです。

つまり、文章の途中途中で改行していくパターン(PC向け)、
段落までは改行しないパターン(スマホ向け)、
どっちがいいか、という話です。

一応わからない人のために書くと、
PC向けはこんな感じです。

あああああああああああ、
あああああああああああああああ、
ああああああああああああ。

基本的には右端までいかず、
途中で改行されるのでPCだと読みやすいんですが、
スマホで見ると、変な所で改行になってしまい、
読みにくい場合があります。

スマホ向けはこんな感じです。

あああああああああああ、あああああああああああああああ、ああああああああああああ。

基本的に段落ごとにしか改行しません。
なので、スマホでもPCでも連続して読むことができます。

ろくたはこのブログでは、
文章の区切りで改行を行っています。
他のすべてのサイトアフィリでも同じようにやっています。

なので、どちらかというとPC向けに書いている、
ということになります。

ただ、今はスマホ時代と言っても過言ではありません。

ろくたはそろそろ改行について、考えなおした方がいいかな、
と思ったので、自分のために調査し、
改行をどのようにしていくか、考えてみたいと思います。

PCを優先するか、スマホを優先するか

まずは、どっちを優先するのか考えてみました。

これはサイトによりますが、
基本的には多いユーザーを優先することになります。

ただ、だいたいのジャンルだとスマホの方が多いと思うので、
基本的にはスマホ優先、ということになりそうです。

そうなると、改行は途中で使わずに、
段落ごとに使っていくことになります。

ただ、これだとどちらかを捨てることになるので、
他に方法がないか探してみました。

スマホだけ改行をなくす方法があった

すると、スマホだけ改行をなくす方法がありました。
PCで見た時は改行があり、
スマホで見た時は改行がなくなる、
という非常に便利な方法です。

まあ、知っている人は当たり前のように知っていると思います。

CSSに以下を書いておけばOKです。

@media (max-width: 500px) {
br {display: none;}
}

まだ検証していませんが(笑)、
こんな感じで書いておけば、
レスポンシブでスマホ用になった時に、
改行がなくなるようです。

500pxの部分は、
自分のテンプレートのレスポンシブに合わせて変更します。

多少技術的なことになるので、
ろくたは細かくは書きませんが、
気になる人はちゃんと調べてみてください。

スマホ時代の改行の扱い方の結論!

つまり、結論としては、
「今までどおり、PCで見やすいように改行する」
となりました。

そして、CSSに上記を記述し、
スマホで見た時は改行をなくす、
これがベストだと思います。

今回は、以上です。
まだスマホ対応をしていない人がいたら、
これをきっかけに考えてみてください。