[CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス

せっかく魂を込めて書いた文章です。ぜひとも最後まで読んでほしい!! 今回は記事の「文章」部分だけにスポットを当てて、わたしが文章の密集度を下げるためにやっているデザイン例を紹介します。 ここで紹介しているCSSは、WordPressテーマ STORK19 を想定しています。 「改行（BRタグ）」は使わない わたしは、ブログではほとんど改行をしません。 あ、改行と書いていますが具体的には<br />（<br>）タグのことです。 なぜ<br />を使わないかというと、見る人のPCや端末の環境によってこちらで指定した改行場所どおりには見えないから。 こちらの画像はスマホで見た文章ですね。 スマホで見ると改行がへんなところに! パソコンで見たときにイイ感じに見える場所に改行を入れている（<br />が入っている）のですが、スマホで見るとどうでしょうか? スマホのほうが横幅が狭いため、実際に改行され

[hisatsugu79]

細かい技の積み重ねが読みやすさにつながるわけですよね。早速取り入れないと。。。

[konntonn3809]

【シェア】

[shoichikasuo]

わかりやすい！写真の囲いは真似しようかなぁ…。

[meganeyamada]

真似させてもらおう。

[yos329]

デザイン的にもっと読みやすいブログにするコツです　→　[デザインの基本] ブログの文章部分を読みやすくするために私がやっている7つの技 @yossenseさんから

[Mori2nd]

断然読みやすくなりますね！cssで変更してみます！

[kentaroupeace]

これは勉強になります！参考にしましょう！

[diyakinaito1]

さすがヨスさん細かい所に気を使っている＞＜[デザインの基本] ブログの文章部分を読みやすくするために私がやっている7つの技 @yossenseさんから

[yokota1211]

スゲェ〜！読者さんが読みやすくって配慮が半端ない、ヨスサン！自分ももっとがんばりやす>_<