はてなブログの文字サイズを大きくしてみました

この記事は約2分で読めます。

 

最近ようやくはてなブログにも慣れてきたので、少しずつですがカスタマイズに挑戦してます。テーマは現在これを使わせていただいてます。

現在使っているテーマ

「Innocent」

テーマのカスタマイズについては又別の機会に記事にする予定です。ところでiPhoneで自分のブログを見て驚きました。

虫眼鏡で字を確認する

「字小っちゃー!」(笑)いくら還暦の老眼進行形と言えど、これでは何が書いているかサッパリ分かりまへんがな…これでは良くないと思い、さっそく改良に取り掛かりました。参考にしたサイトはこちらです。

http://www.haniwa.site/entry/2018/02/15/011927

「デザイン」→「カスタマイズ(スパナアイコン)」→「デザインCSS」に下記のコードをコピペ

.entry-content {
font-size:17px;
line-height:1.7;
}

とても簡単です。ちなみに「line-height」は行間です。1.7前後でお好みの行間を指定します。

① カスタマイズ前

f:id:nana_papa:20181005093050p:plain:h400:w250

②18pxで指定

f:id:nana_papa:20181005093112p:plain:h400:w250

③20pxで指定

f:id:nana_papa:20181005093139p:plain:h400:w250

③は今あなたがスマホで見ているサイズになります。通常グーグルは16px以上を推奨しているとか。私は18pxでも小さいと思い、現在③の20pxで設定しています。

だってこれが一番読みやすい大きさだし(笑) ちなみにはてなブログの公式テーマで人気の「Epic」のサイズはと言いますと…

PC:14px

スマホ:14px

あ・り・え・ん・わー( ゚д゚)ポカーン しかし私ははてなブログPROではないので、スマホとPCのサイズを別々に指定することが出来ません。そのため20pxだと、PCで読むには少し大きすぎるかもしれません。

とりあえずではありますが、スマホから見る人が多いみたいのでしばらくこの大きさで様子見しようかなと…もし支障が出るようなら、18px辺りに戻すかもしれません。何せ「シルバー世代」ファーストですから(笑)

コメント

タイトルとURLをコピーしました