bloggerでブログを始めたけど・・・文字が小さい・行間がせまい等の悩みを感じている人は多いかと思います。僕自身、文字の大きさ・行間の狭さはずっと気になってた部分でした。ずっとやり方を探していたのですがやっと、ＰＣ音痴の僕でも出来るやり方を載せてくれている記事に巡り会いました。
この記事では、bloggerのカスタムとして「文字の大きさの変更」と「行間の変更」２つのやり方について解説します。あなたがこの記事を読むことで、bloggerで読みやすいブログにする方法が分かります。是非、最後まで読んでくださいね。
ブログ記事の文字が小さすぎる
「ブログ記事の文字が小さすぎる」・・・僕がbloggerを始めて最初に抱いた感想でした。当初は、マウスで拡大しながら読んでいました。やがて、その作業が手間に感じ始めるんです。他のサイトに移動すれば、巨大な文字になってるし、bloggerに戻ると文字が小さい・・・意外とストレスでした。
そこで色々、調べていくと遂に辿り着きました。参考にさせて頂いた記事は 「FAQ：bloggerの投稿記事の本文のフォントを大きくしたい」 です。この記事を参考に、僕のブログにもやり方を載せておきます。
記事本文の文字サイズを変える方法
テーマをカスタムする際には必ず、バックアップをしておきましょう。何かあった時に備えておくのもブロガーの役割りです。Bloggerのバックアップを取る方法 の記事にバックアップの取り方を載せているので参考にしてください。
①ダッシュボードにアクセスします。
１．左サイドバーの「テーマ」をクリックします。
２．画面中央付近にあるカスタマイズの横の「▼」をクリックします。
②選択画面に切り替わります。
④変更箇所を探します。
.entry-content {
line-height: 数値;
}
line-height: 数値;
}
この箇所を探して「数値」の部分に、文字の大きさを入力してください。デフォルトで「1.8」になっていたので、今回は「2.1」に変更しました。
⑤変更を保存します。
画面右上のディスクマークのアイコンをクリックして変更完了です。（忘れずにお願いしますね。）
ここまでの作業で、記事本文の文字の大きさの変更は完了です。続いて、行間の調整に入ります。
bloggerブログ記事の行間を変える方法
こちらもHTMLの変更になるので、前項と同じ手順で「HTML編集画面」を開いてください。当然ですが、作業前に必ずバックアップを取ってくださいね。
①次のHTMLを探します。
.entry-content {
line-height: ○○;
}デフォルトでは1.8になってました。今回、2.0にすることで行間が広くなったので当面はこの行間でブログ運営していきます。
以上で作業は完了です。
ブログの見やすさを意識すること
ブログはただ、書いて終わりではありません。あなたが書いたブログを読んでくれるのは「読者」です。読者に読みやすいブログを提供する為にも、文字の大きさや行間にも気を使っていきましょう。
あなたがどれだけ役立つ記事を書いていたとしても、読みにくいブログだと読んでもらえません。せっかく書いたのですから、読者にストレスなく読んでもらう為に出来ることを色々考えてみてくださいね。
今回のまとめ
今回は「【bloggerカスタム】文字の大きさと行間を広くする方法」をテーマに解説しました。いかがでしたか？
ブログは読まれてナンボです。読んでもらう為にも、文字の大きさや、文章の余白（行間など）は気をつけていきたいですね。あなたのブログは読みやすいですか？せっかくなので、この機会にブログの読みやすさをみなおしてみてくださいね。
編集後記
bloggerを始めた時からの悩みが解決しました。bloggerのデフォルトの機能は少ないのですが、HTMLを追加したり変更することでブログが様変わりします。
今では、読みやすさを求めて色々なカスタムに挑戦中です。カスタムの項目が増えてくるようでしたら、別のブログにカスタム記事を移設します。その辺りは今後の課題として考えてみますね。
0 件のコメント:
コメントを投稿