ライブドアブログのデザインカスタム 文字の大きさ書体を変更

 

ブログを見てまず思うのはデザイン、文字の大きさや見やすさで見る人を引き付けるタイトルなどかなり重要です。いくら記事が面白くて為になるものでも見にくかったり目立たないと意味がありませんので、文字の大きさなど編集で変えてみるのをおすすめします。ライブドアブログにはブログのデザインでもたくさんあってどれにしよう?と思う初心者の方も多いと思いますが、まずは見やすさを重点的にしてみるといいと思います。文字の書体や大きさを変えるだけでも全然違います!

このブログ(元ライブドアブログ)はデザインは「ホワイトブレス」を使っていますが、文字の書体とブログタイトル、記事の文字の大きさなどを少しカスタムしています。始めたばかりの方や初心者の方は難しい?と思うかもしれませんが、意外と簡単で最初に編集してしまえば後はいじらなくてもいいかと思いますのでやってみることをおすすめします。

スポンサーリンク

デザインのカラムについて・文字大きさ書体の変更方法

・ブログのデザインのカラムは2カラム3カラムを使う人が多いですが、PCで見る場合いかに見やすくするかがポイントでPVにも影響出てくると思います。カラムとは簡単に説明すると記事の右か左にパーツが来るのが2カラムで左右にパーツがあるのが3カラムです。3カラムを使うブログは記事がたくさんある「まとめ」が多く、2カラムはシンプルなデザインで見やすいブログが多いです。デザインはいつでも変更できるので、最初から凝ったものよりシンプルで見やすいブログ作りを目指してみてはどうでしょう?

ライブドアブログのデザイン「ホワイトブレス」を使用してこのブログでカスタム編集した内容がこちらです。
・ブログタイトルの文字の大きさ
・記事のタイトル文字の大きさ文章の文字の大きさ
・ブログ全体の書体変更
・メニューの文字の大きさ

以上がブログデザイン「カスタマイズ」のCSS部分を少しいじっただけで見やすくなった部分です。どれも重要だとは思いますが、一番見やすくなったのは書体の変更でデフォルト設定ではとても見づらい文章でした。書体を「メイリオ」に変更しただけで見やすくなったのでこれは絶対おすすめです。

※これを見れば初心者の方でも簡単にできるので挑戦してみてください。

 

カスタマイズするにはCSSの部分をいじるのでこの画面にしてください。
①ブログ設定
②デザイン/ブログパーツ設定
③PC
④カスタマイズ
順番にクリックすればCSS設定画面に行きます。

 ライブドアブログタイトルの文字の大きさ変更

 

変更する場所はblog-titleのフォントサイズの数字でここを大きくすれば文字も大きくなります。
ブログの一番重要な部分なので目立たせるためにも大きいほうがいいかと思います。注意としては半角数字なので気をつけてください。必ず数字を変更したら下にあるプレビューで変わっているのを確認してから保存をクリック。

 タイトル文字の大きさと記事文章の文字の大きさ変更方法

 


文章のタイトル文字の大きさ変更はarticle-titleのフォントサイズのpxの前の数字を変えれば大きくも小さくもできます。これも数字を変更したら必ずプレビューで確認してから保存してください。

 

記事文章の文字の大きさ変更は記事本文article-bodyのフォントサイズの数字を大きくすれば文字も大きくなりますが、あまりにも大きくしすぎると文字間隔もいじらないといけなくなりますので注意が必要です。プレビューで見ながらどれくらいが見やすいかチェックが必要です。

ライブドアブログの書体変更

 

ブログ全体の書体変更は「’この部分に変えたい書体を入れる;」自分は一番見やすいと感じた「メイリオ」に変更しました。これをコピペして入れるだけ↓
‘メイリオ”, Meiryo, sans-serif;
少しでも何かを消してしまうとうまく反映されませんので、必ずプレビューで確認してから保存をクリック。

メニューの文字大きさ変更

 

メニューバーにあるフォントサイズの数字変更で大きさが変わります。ここも数字をあまり大きくしてしまうとバーの感覚の数字もいじることになるので注意が必要です。プレビューで確認してから保存をクリック。

以上のCSSで数字や文字を変えただけでブログ全体が見やすくなりました。これだけやれば充分見やすくなるのでデザインが見にくい?と感じたらやってみてください。
※注意として必ずCSSの数字などを変更したらプレビューで確認してください。他のものを削除して保存してしまってからだとまたデザインを変更してからやり直しになります。

コメント