FC2ブログの文字の大きさを変更する方法@記事・サイド等

目安時間:約 5分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

大きさを計る指

FC2ブログの文字の大きさを変更する方法を解説していきます。

記事やサイドメニュー、ヘッダーやフッターなど標準の指定では大きすぎたり、逆に小さすぎると感じることがありますよね。

それを自分好みにカスタマイズしていきましょう。
 

FC2ブログの文字の大きさを変更するやり方

FC2ブログの文字の大きさを変更するには「スタイルシート」というものに手を加える必要があります。

専門的に聞こえるかもしれませんが、やることは単純なので下記の手順にしたがえばカンタンですよ。
 
1. FC2ブログにログインしメインメニューのテンプレート[PC]か、設定の中のテンプレートの設定をクリックします。

メインメニュー
 
2. 「[○○○] のスタイルシート編集」の枠内にある文字の大きさ(フォントサイズ)を指定した部分を探します。

スタイルシートの編集画面

この[ basic_white ] というテンプレートではこのように1か所にまとめてフォントの大きさを指定している箇所があります。

見つからない場合はキーボードのFキーとCtrlキーを同時に押すと検索窓が現れるのでそこでfont-sizeという文字列を検索してみてください。

お使いのテンプレートによって微妙に異なりますが、どの部分がどの文字の大きさを指定しているかは以下の例に参考にしてください。

  • ヘッダー部分の文字サイズ・・・header
  • 記事部分の文字サイズ・・・main
  • サイドメニューの文字サイズ・・・sidemenu
  • フッター部分の文字サイズ・・・footer

たとえば記事の文字の大きさを変えたい場合はmainと書かれた横のfont-sizeを変更すればいいわけです。

フォントサイズの変更例

こんな風に書き換えます。%とpx表示が併記されている場合は、どちらかを削ってしまっても大丈夫です。

%表示は標準で定めたフォントサイズと比較して大小を調整するためのもので、px表示はシンプルにどれくらいのサイズで表示するかを指定するものです。

ここでは分かりやすいようにpx表示のみで指定してみます。当初の設定の16pxを14pxに変更してみました。(pxの後ろに ; を付けることをお忘れなく!)

書き換えたら更新ボタンをクリックすると完了です。
 

FC2ブログを開いて確認してみよう

どれくらい文字の大きさが変わったのか確認してみてください。
【変更前:16px】
変更前
↓↓↓
【変更後:14px】
変更後

このようにたった2pxの違いでもずいぶんと受ける印象が変わるものなんです。

ヘッダーやサイドメニューやフッターの文字を変更する際も同じようにpxで大きさを指定して下さい。
 

読みやすい文字の大きさって?

一般的によく使われている文字の大きさは13pxから16pxです。

どれがベストか?と言われると答えに窮するところですので、こればかりはご自分で設定を変更してみてしっくりくるサイズを探してみてください。

参考までに13~16pxがどれくらいかサンプルを置いておきます。

●16pxの文字がこちら!
●15pxの文字がこちら!
●14pxの文字がこちら!
●13pxの文字がこちら!

Yahoo!ニュースなど大手ニュースサイトでは16pxがよく使われていますし、当ブログでも16pxで指定しています。
 

【今だけ】アドセンスブログ(実物)を公開中

今ならメルマガに登録していただくと、そのなかで
私が作ったアドセンスブログの実物(URL付き)を限定公開しています。

また、FC2ブログとSeesaaブログのアドセンス用テンプレートもプレゼントいたします。

アドセンスで単価が高いジャンルの探し方など、ブログではお伝えできないことも書いてますので、ぜひぜひ読んでみてください。

もちろんすべて無料です!

 メルマガへのお申し込みはこちらから








  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
最近の投稿
カテゴリー
このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

くわしいプロフィールはこちら

よく読まれている記事
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします