ファンブログ

ファンブログ！デフォルトの文字が小さすぎて記事が読まれない？！ＣＳＳカスタマイズでＰＶアップ！

※2025年4月22日（火）をもちまして、「ファンブログ」のサービスは終了となりました。本記事は過去の参考記事となりますのでご了承下さい。

ファンブログで自分の記事を読んでみると文字が小さくて読みにくい！って思うことありませんか？。もしかしたら、読者もそう思っているかも？！
今回の記事では、デフォルトの文字の大きさの変更するカスタマイズについてまとめてみました。

ファンブログのデフォルト文字の大きさは？

ファンブログの「ＰＣ用テンプレート」を調べてみると１２ｐｘとなっていました。一般的なブログの文字の大きさが１６ｐｘや１８ｐｘなので、やはり少し小さいようです。
文字が小さくて読みにくいと、それだけで読んでもらえない記事になってしまうことも考えられます。
ファンブログの「ＰＣ用テンプレート」デフォルト文字の大きさの変更は、意外と簡単なので、いろいろ試してみてみるとＰＶに変化が起こるかも？。

「スマホ用テンプレート」デフォルト文字の大きさは、問題なさそうなのでこのまま使用しますが、同様に文字の大きさをカスタマイズすることは可能です。ただし、「ＰＣ用テンプレート」に比べると、カスタマイズ難易度は若干上がります。

文字サイズを大きくするとどうなる？

今回のカスタマイズを行うと、つぎのような感じとなります。

■変更前

ファンブログ「文字の大きさ」変更前

■変更後

ファンブログ「文字の大きさ」変更後

文字が大きくなって読みやすくなりました！。

ただ、文字が大きくなることにより、文章中の改行される位置も変わってくるため、過去記事についてもチェックが必要です。


スポンサーリンク

カスタマイズして文字の大きさを変更してみよう！

今回は、ＰＣ用テンプレート「カスタム向け」をカスタマイズしてみます。
さっそく始めてみましょう！

１．ファンブログにログインして、「デザイン」→「ＣＳＳの編集」を選びます。

「ＣＳＳの編集」を選択する

２．文字の大きさを１２ｐｘ→１８ｐｘに変更します。
■ＣＳＳの先頭から１０行目くらいにある【font-size:12px;】を探す。
■font-size:12px;　→　font-size:18px;

文字の大きさを変更する

３．編集したＣＳＳを「保存」して完了です。

「保存」を選択する

※今回の変更は、ＰＣ用テンプレート「カスタム向け」を使用しています。他のＰＣ用テンプレートを使用している場合は、ＣＳＳの記述が若干違う可能性がありますが、文字の大きさ変更する箇所は同じです。

まとめ

文字の大きさを変えるだけで、ずいぶんと印象がかわることもお分かり頂けたと思います。いろいろ大きさを変えてみて、自分のサイトに合った文字の大きさを見つけてみて下さい。ＣＳＳの簡単なカスタマイズでＰＶアップにつなげましょう！。