脱.雇われサラリーマン

〜サラリーマン不労所得への道〜

見やすいブログとは?初心者でもできるはてなブログカスタマイズ

スポンサーリンク

スポンサーリンク

サラリーマンおすすめ副業はこちら

 ▼A8.net:初心者ブロガーは必ず登録ここちらから

▼ココナラ:あなたの得意分野を売ってみませんか? 

 

 

f:id:daisuke6106-0909:20181103114952p:plain

 

これまでいろいろブログを書いてきましたが、

最近よく思う事があります。。。

 

俺のブログなんか見づらくないか?

 

という事です。

 

記事の内容が良くても悪くても、

結果的には見えずらいブログになっている場合誰も見てくれない。。。

 

少し分析した結果わかった事が2点!!

それを今日は解消していきたいと思います!!

 

 

記事の文字が小さい

 

変更前の記事がこちらです。

f:id:daisuke6106-0909:20181103113317p:plain

 

↑  こちらは変更前の記事を抜粋したのもですが、いかがですか?

なんか文字小さくないですか?

 

ブログの記事で読みやすい文字の大きさは16px以上だそうですが、

私のブログは変更する前は14pxしかありませんでした。

 

CSSで文字を大きく

早速変更開始です!!

 

はてなブログCSSの記述のところに

 

/*文字サイズ*/.entry-content p {font-size: 17px;}

 

この記述を入れるだけでOKです!

文字サイズをもうすこし帰る際は17pxのところを変えてみてください♪(´ε` )

 

変更後がこちら!!

 

f:id:daisuke6106-0909:20181103113806p:plain

 

ほんの少しですが、前と比べると見やすくなってませんか?

自己満足の可能性もありますが、まぁいいでしょう!!笑♪(´ε` )

 

 

行間が広い

もう一点、気になるのが行間の広さです(ー ー;)

 

なんかまとまりないよな。。。。

 

記事の中で1行開けるだけですこい行間が空いてしまいます。

上で載せている記事も1行しか行間入れてませんよ?

 

それでこの広さです。

 

こちらもCSSで行間を変えていこう 

早速CSSで調整していきます。

 

はてなブログCSSの記述のところに

/*行間*/.entry-content p { margin:0}

 

これですっきりするはずです。

 

こんな感じで変更した結果がこちら↓↓↓↓

 

f:id:daisuke6106-0909:20181103114626p:plain

 

少しは見やすくなりましたかね?

 

 

まとめ

今日は、

  1. 文字の大きさ
  2. 行間の広さを調整

しました♪(´ε` )

 

 

以外と自分のブログって改めて見ると改善できるところあるかもですね( ´ ▽ ` )ノ