【はてなブログ】記事本文の文字を大きくする方法

スポンサーリンク

f:id:gugurou:20190420214406j:plain
オマチです。

皆さんは、他の人が書いたブログをパソコンで読む派ですか?

それともスマホで読む派ですか?

私はスマホで読みます。もっぱら電車の中でですが。

そんな時、いつも思うのです。

字が小さくて読めないっ!!!(老眼も入ってるし)

皆さんも、グーグルアナリティクスで、訪問者がどのデバイス(パソコンとかスマホとか)を使用しているか、知ることができると思いますが、通常は圧倒的にスマホが多いです。

はてなブログの通常の文字の大きさ

実は、使用する「テーマ」によって違いがあります。

「15px」のものもあれば「16px」のものもあります。これでも十分に小さいです。

僕が使用しているテーマである「ZENO-TEAL」はなんと「14.5px」です。

これではスマホでは何を書いているか見えませんよね。

見えたとしても目が痛いです。

グーグルの推奨する文字の大きさ

ずばり「16px」以上です。

それ以下は論外です。オジサンには見えませんし読めませんからすぐ離脱します。

SEO的にも不利になりますから、この際、「16px」以上に変更しておきましょう。

記事本文の文字を大きくする方法

ハヅキルーペをかければ問題は解決するのかも知れませんが、とりあえず王道の方法として、文字の大きさを変える方法を説明します。

以下のコードを「ダッシュボード」→「デザイン」→「カスタマイズ」→「デザインCSS」にコピペします。

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

たったこれだけ?

そうです。たったこれだけです。

「17px」というのが、文字の大きさを示すのですが、ここを16以上にしましょう。

私は、16でも小さいと思うので、当ブログは17にしています。

まとめ

たった1px文字サイズを大きくするだけで、ブログの記事が圧倒的に読みやすくなります。

自分のブログの文字サイズを大きくするのはもちろんですが、他のブロガーさんにも同様に文字を大きくして頂きたい(しかも今すぐにでも)と思っています。

スポンサーリンク
ブログ運営など
スポンサーリンク
スポンサーリンク
オマチくんをフォローする
スポンサーリンク
Omachi Log