ブログ記事の文字を大きく、「黒」くして老眼にも優しいカスタマイズをしてみた

はてなブログを使いはじめて1か月たったとき、使っていたテーマに飽きてしまった。何かほかに良いものがないかと探していたら、あった。これである。

hitsuzi.hatenablog.com

じつは何を隠そう、隠してもいないのだけれど誰も理解してくれないが、わたしはいま流行りの自称「ミニマリスト」である。もうシンプルが大好きなのだ。すっきりと何もない、かつデザインが行き届いているものを好む。そういう自分にめちゃくちゃしっくりとくるテーマが見つかった。その名もずばり「Minimalism」である。

そしてこのテーマは、はてなブログ界隈でも1位2位を争うくらいの人気ぶりだそうである。薄い縦線と横線で区切られ、また黒1色のみでの文字使用なのだが、それぞれが絶妙に構成されてすばらしい。ということで、ブログを書くこと自体も楽しくなってきた。

が!

じつはこの「Minimalism」というテーマには致命的な欠陥がある。文字の大きさがあまりにも小さいのである。プレビューで自分のブログを読むと、老眼が始まっている自分にはものすごく見ずらい。携帯で見たときには何が書いてあるか全くわからなかったくらい文字が小さい。

最適な文字の大きさは「17px」

それと文字が小さいとグーグルさんにも評価されないらしい。こちらの記事に詳しく書いてあった。

www.okuni.me

まあ、わたしは自分に向けて書いている自分だけのブログだから関係ないけど、やはり読みにくいのはいただけない。しかし、記事の文字ってどうやって大きくできるのだろうといろいろ調べていたが、なんてことはなかった。わたしでもすぐにできた。検索すればどのように文字を大きくできるかめちゃくちゃヒットする。そこで備忘録としてやり方を書いておく。

文字の大きさの変え方

はてなブログのよいところはデザインのカスタマイズがものすごくしやすいことだ。はてなブログの管理画面にて「CSS」というところに、コードを放りこむだけでなんでもできる。

まず管理画面の左側の項目より「デザイン」をクリックする。

f:id:m-descartes:20190226194938p:plain

 

こういう画面が出てくるので、上の部分にある「スパナ」の記号をクリックし、その下にある「デザインCSS」という項目をクリックする。 

f:id:m-descartes:20190226195005p:plain

 

するとビョンとその部分が拡大される。この部分に様々な「コード」を入れることでテーマを様々に改造することができるのである。と、最近知った…。 

f:id:m-descartes:20190226195038p:plain

それで今回放り込むコードは文字を大きくするコードだ。そのコードはこれである。

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

このコードをコピーして貼り付けるだけである。貼り付けたら画面上に出る「変更を保存する」ボタンを忘れずに押すこと。

ちなみに文字の大きさを表すのは「17」という数字で、この数字を変えることで様々な文字の大きさを決めれる。ちなみに「17」は当ブログの文字の大きさであり、上記で紹介した記事にて推奨されている大きさでもある。実に簡単で、機械オンチというかプログラミングオンチの自分でもまことに簡単にできる。

あらためて文字を大きくしたあとプレビューを見たら、めちゃくちゃ感動した。文字が大きくなり見やすくなってる!おおげさだけど・・・。

文字を「黒」に変える

しかしである。文字を大きくしたのにもかかわらず、他のブログと比べて記事が若干読みにくい。なんでだろうと思ったら、文字の色が薄いのである。「黒」かと思いきや若干「灰色」っぽいので、背景の白にくすんで文字が見にくくなっている。ということでついでに「文字の色」も変えてみる。放り込むコードはこれだ。

.entry-content {
color: #000000;
}

 さっきとよく似たコードで「#000000」というのが「黒」を表すコードらしい。それで、この部分を変えることで様々な色にできる。色のコードは検索するといっぱい出てくるので自分で見つけてください。ということで、同じようにこのコードを文字の大きさのコードの下に張り付ける。

あらためてプレビューを見るともう最高!文字の大きさはもちろん色もはっきりとして、めちゃくちゃ読みやすい。こんなに簡単なことなのにかつてないほど改善された!

とうわけで、デザインといい読みやすさといい最高のブログテーマとなった。ということで、明日からめちゃめちゃモチベーション高くブログを書けるぞ!ということで、もし、わたしのようにブログ超初心者で自分のブログ記事が読みにくいなと思ったらカスタマイズされることをお勧めします!