こんにちわ❗
Roseberryです🙋♀️✨
本日のご訪問もありがとうございます✨
そんな本日の「ハピ活ライフ♬」は・・・
なんだかブログの文字サイズが小さくて、読みにくいから大きくしたいんだけど、どうしたらいいのかなぁ?素人でもできるの?
という方に、おススメの記事となっています。
こんな人におススメの記事です!
【はてなブログ】を使い始めて、最近の私が時々思うこと。
【はてなブログ】の文字サイズって、全体的に小さめのものが多いですよね。
小さな文字は目を酷使させてしまいます。
メンタル次第では、ブログを読む気が失せてしまうことも。
そこで、コピペするだけで簡単に文字のサイズなどが変更できる方法をいくつか集めてみました。
とても簡単なので、是非やってみましょう!
以下サクッとどうぞ。
【はてなブログ】簡単コピペ!スマホやPCの文字サイズを変更する方法
Photo by Jantine Doornbos on Unsplash
読みやすいブログの文字サイズに変更する方法
読みやすい文字の大きさは14px ~ 17px、行の高さ1.7 ~ 2 倍、段落間1~2文字ぶんくらいが読みやすいと言われています。
文字の大きさだけに留まらず、行間などにも余白を入れると、文章がとても読みやすくなりますよ!
やり方は、簡単!
はてなブログの「デザインCSS」に、この後にあるコードをコピペするだけでOKです。
(※ブログのデザイン次第では、CSSがうまく反映されないこともあるので、いくつか試しながらやってみてください)
参考にさせて頂いたコードとブログ
- 参考にさせて頂いたブログの上にあるコードを、「デザインCSS」にコピペ
- コード内の〇〇やpx□□部分で、ご自身が好みの文字の大きさや行間に変更
コードの意味は、下記の通りです。
コードの概要
さんログ
- p {
- font-size: 16px;
- color: #383c3c;
- margin-bottom: 2em;
- line-height: 1.7;
- }
マジPEACE。
- /* 文字サイズと行間 */
- @media screen and (max-width: 768px) {
- /* 画面サイズ 768pxから適用 */
- .entry-content p {
- font-size:□□px;
- line-height:〇〇em;
- margin: 0.3em 0;
- }
BE A SLOWLIFE
- .entry-content p {font-size: 16px;}
- /* 記事中文字サイズ */
- .entry-content {
- font-size: 18px; /* 文字サイズ */
- line-height: 2.0; /* 行の高さ */
- }
- @media screen and (max-width: 480px){.entry-content p {font-size: 16px;}}
- /* タイトル文字サイズ */
- .entry-title {
- font-size: 18px; /* 文字サイズ */
- line-height: 1.4; /* 行の高さ */
- }
- @media screen and (max-width: 480px){.entry-title a {font-size: 16px;}}
詳しい内容などは、それぞれのブログに記載されています。
上記の中で、「これを使ってみようかな」というコードがあれば、参考させていただいたブログも読んでみましょう。
参考にさせて頂いたブログ先には、ブログの勉強にもなる意見が色々ありますよ♬
実際に試してみた
私のブログテンプレートは、レスポンシブデザイン(左右の幅が自動調整される)なので、こちらのブログにあるコードを使用することにしました。
- /* 記事中文字サイズ */
- .entry-content {
- font-size: 16.5px; /* 文字サイズ */
- line-height: 1.9; /* 行の高さ */
- }
文字サイズは16.5px(ピクセル)、行の高さは1.9にしてみました。
下の画像は、携帯閲覧時の画像です。ざっくりと読みやすくなったように思います。
私のブログは、携帯で見られている方が多いので、携帯主体で変更してみました♬
読みやすいブログにしよう
「読みやすいブログ」について、要点は以下の3点です。
- 文字の大きさ:14px ~ 17px
- 行の高さ:1.7 ~ 2 倍
- 段落間:1~2文字ぶんくらい
記事の文字サイズや行間などは非常に重要です。
どれだけ良い内容を書いていても、文字の小ささで読まれないなんて、残念すぎますよね。
少しでも読みやすいブログにして、沢山の人にどんどん読んでもらいましょう!
そして、貴方の文字一字一句を、日々楽しみにしている読者さんのためにも、是非読みやすいブログにしてみてくださいね。
ちなみに・・・文字の色は大体グレー(グレーがおススメ)になっていますが、濃さなどが気になるようでしたら、原色大辞典を参考にしてみてくださいませ♬
本日も「ハピ活ライフ♬」にお越し下さいまして、本当にありがとうございました。皆様の日々の営みが、明るく楽しいものとなりますように。
またお時間ある時にでも、どうぞ覗きに来てやってくださいませ。
\ ポチッとお願いします♬ /