namikoブログ

【関東】おいしいもの【初心者】株をはじめよう 時々、日常などのアレコレ雑記ブログ

【初心者】ブログの文字サイズが小さすぎる問題

こんにちは!NAMIKOです。以前、目がしょぼしょぼするので「そろそろメガネかな?」と覚悟して眼科に行ったところ「倒乱視ですね~目を細めても変わらないでしょ?でも、見ようとする力がまだあるからメガネなしで頑張ろう!」と先生。

「え…そういうものなの?」と戸惑う私。

まだ私の目は頑張れるそうなのでメガネデビューは見送られることとなりました。

ブログの文字が小さくて読みにくい

f:id:namiko-12:20181227204643p:plain

以前、眼科に行ってから1年ほど経ちましたが、まだ頑張れている私の目。

その時の体調や目の酷使度合でも見え方は変わってくるそうで、今のところはまだメガネは必要なさそうです。

しかし、仕事で目を酷使した日やスマホの見過ぎなどで目が疲れてくると、目がしんどい!

ブログを書くようになってから、なおさら疲れるなって思っていましたが自分の記事をスマホで確認している時に気がつきました。

「自分のブログめっちゃ読みにくい!!」

そう、スマホから見ると文字が小さくて読みづらい事が発覚!

これじゃあ、せっかく見に来てくれた読者がいても読みにくいことこの上ない!

文字サイズを変更してみる

さっそく、記事の文字サイズを変えてみることに。

まずは、文字のサイズを標準(100%)から中(150%)に変更!!

すると、こうなりました↓

f:id:namiko-12:20190107120500p:plain


「でかっ!!」

こうじゃない…私の思い描いていたイメージはこれじゃないよ…

おじいちゃんとか読みやすいかもしれないが、シニア向けスマホを目指したいわけじゃない…かんたんスマホで見たら、きっとビックリするサイズだよ。

あくまでちょっと読みやすくしたいだけなので、この文字の変更サイズではダメでした。

CSSで文字のサイズを変更しよう

.entry-content p{font-size: 17px;}

↑↑これを貼りつけるだけ!↑↑

「めっちゃ簡単」

では、どう変わったのか確認してみます。 

 

f:id:namiko-12:20190107133941p:plain

 

「おぉー!読みやすい」

左は「字が小さ過ぎて読めない!!」どこかで聞いたセリフですが、ほんとに読みにくい…明らかに字が小さすぎます。

1~2PX違うだけでも、印象はだいぶ変わりますね。

今回は15PX→17PXにしましたが、大きすぎるなという方は16PXでもいいと思います。

はてなブログで変更する方法はこちら

f:id:namiko-12:20190107142509p:plain

デザインをクリック

 

f:id:namiko-12:20190107142600p:plain

カスタマイズをクリックしてデザインCSSに貼りつける

以上!!

この時、変更を保存することを忘れずに~ 

まとめ

今回は、文字のサイズを変更してみました。

1~2PX変えるだけで、確実にブログは読みやすくなります!!

ぜひ、皆さんも試してみて下さいね。

 

ちなみに何度も出てきたうなぎの記事はこちら

namiko-12.hatenablog.com最後まで読んで頂きありがとうございます。

感謝!by NAMIKO