【読みやすさ改善】はてなブログで行間とフォントサイズを読みやすく変更できます！

スポンサー広告

良かったときはポチッとしてください！

どうも文字が小さく読みづらいなと思っていたら、こんな記事を発見！

はてなブログを始めて５か月ほど。ＰＶはあまり増えていませんが、アドセンスからの収入も出始めて、いろいろと改善していきたい気持ちも強くなりました。

前々から思っていたのですが、どうも文字が小さくて読みづらい。

デフォルトの文字サイズを変えることができないのかと思っていたところ、こんな素晴らしい記事に出会うことができました。

おお！さっそくやってみると読みやすいぜ！

/*読みやすい文字サイズと行間の設定*/
.entry-content {
font-size:16px;
line-height:1.8em;
color: #333;
margin-bottom: 2.2em;
}
.entry-content p { margin:0}

上記のコードを貼り付けるだけ。

貼り付け先ははてなブログの管理画面から『デザイン』をクリック！

デザインの変更画面になったら、真ん中の『カスタマイズ』→『デザインCSS』→『入力欄に貼り付ける』。

保存を押して変更を反映すれば、フォントサイズが大きくなり、行間も調整され、とても見やすくなります。このまま貼り付けるだけで十分ですが、お好みで数値を変更して調整することも可能です。

わたしはフォントサイズを１７ｐに変更しています。

font-size:17px;

としております。

レスポンシブにしているので、ＰＣでもスマホでも両方ともフォントサイズが大きくなり、とても読みやすくなりました。

実機で見るとその差は歴然ですよ！文字が小さく読みづらいとページの滞在時間が伸びず、SEO的にも良くありません。読みやすく、ユーザーに熟読されるページを目指しましょう！

メダカ皇帝