ITで転職3回!メダカ皇帝のクチコミ

転職、転職サイト、転職エージェント、IT業界、IT転職、Amazon・通販、ホテル・観光、グルメ、など

スポンサードリンク


読者登録お願いします!

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




【PR】ITに特化した転職エージェントはオープンキャリア(渋谷)
 Amazonギフトコード2000円プレゼント♪渋谷に来社して転職相談しませんか?
 IT業界の転職は今がチャンス!


いつもお読みいただきありがとうございます。
ブックマークやコメントがいただけるとうれしいです!!!(;'∀')

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

 

 

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

 

www.medaka-koutei.work

 

 

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

 

 

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

 

 

www.hamidasiblog.com

 

 

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

 

 

やり方はすごくカンタン。難しい説明は省きます。

 

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

 

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

 

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

はてなブログの管理画面から『デザイン』をクリック!

はてなブログの管理画面から『デザイン』をクリック!

 

 

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

 

デザインCSSの入力欄に貼り付けるだけ!

デザインCSSの入力欄に貼り付けるだけ!

 

 

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

 

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

 

font-size:17px;

 

としております。 

 

 

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

 

 

変更前のスマホ画面

 

変更前のスマホ画面は文字が小さくちょいと見づらい

変更前のスマホ画面は文字が小さくちょいと見づらい


 

 

変更後のスマホ画面

 

変更後はフォントサイズが大きくなり読みやすくなりました

変更後はフォントサイズが大きくなり読みやすくなりました


 

 

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

 

 




このブログについて  お問い合わせ  プライバシーポリシー   営業ノウハウ


転職3回!子育てメダカ皇帝のクチコミ

Copyright (C) 2019 medaka-koutei.work all rights reserved.