2007年08月31日

ライブドアブログの文字の大きさを変更する方法

応援している漫画家さんがブログで文字の大きさをちょこっと小さくしたい、とのことでしたので、頼まれもしないのにまとめてみました。

例によって各写真はクリックすると大きくなります。
ほないきまっせ。

管理ページにログインしたばっかりの状態


「カスタマイズ/管理」をクリックします。
文字サイズ1


ブログの設定画面に来ました


今度は横の「デザインの設定」をクリック。
文字サイズ2


他のデザインが選択出来る画面に来ましたが・・・


今回は今使っているデザインをカスタマイズするので
「カスタマイズ」をクリックします。
文字サイズ3


目的のページ「CSSの編集画面」に来ました!


写真は当ブログの場合です。
多少の違いはあっても最初はスタイルシート編集画面が開きますから大丈夫です。
どうしても心配な方は「スタイルシート(CSS)」っていうところをクリックすれば間違いないかと。
文字サイズ4


ブログ本文中の文字サイズを設定している箇所を探します


自分で探すと大変なので、検索します。
ブラウザの「編集」という箇所をクリックしてさらに「このページを検索」をクリックします。
「CTRL」キーを押しっぱなしにして「F」を一回押すのも同じ効果があります。
文字サイズ5


IEの場合はこんなのが出ます


このちっこいウィンドウに「.main」と入れて、「次を検索」をクリックします。
ピリオド「.」を忘れないで!
文字サイズ6


CSSの目的の箇所を発見!


ここで文字サイズを設定してるんですね。
設定のされ方はデザインによって様々です。

詳しくは「スタイルシートリファレンス font-size」の項を参照して下さい。
(僕がいつもお世話になっているサイトです。)

僕が応援しているサイト「1コマの泉」の場合は%で設定してますね。
「font-size: 90%;」みたいな感じです。
この数字だけを書き換えます。

「font-size: 80%;」とか、試しながら好みの大きさになるように書き換えて下さい。
「試しながら」と書きましたが、実際はこの下に紹介している「再構築」
をしないと、ここでの設定はブログに反映されません。
それがちょっと面倒なトコですね・・・。

くれぐれも、数字だけを書き換えて、他の「%」とか「;」とかが消えないようにして下さいね。
数字の前の半角スペースは、あってもなくてもOKです。
文字サイズ7

書き換えたら「この内容で保存する」をクリックします。


最後の仕上げ「再構築」します!


文字サイズ8

写真で示した箇所「ブログに設定を反映(再構築)」をクリックして、再構築します。
再構築の範囲は「デザイン(CSS)」です。

これで文字の大きさを変更出来ると思います。
チャレンジしてみて下さいね!

「ライブドアブログの文字の大きさを変更する方法」へのコメント

1. Posted by ひよこまめ   2007年09月01日 04:17
5 ありがとうございます〜!!!!!
こんなページを作って下さるなんて!!!
ものすごくびっくりして、感動してしまいました!!!!

隣りの画面にこのページを開きながら、
書いていただいた通りにやってみました!
(ものすごく丁寧でわかりやすかったです)
おかげさまで小さくなりました。80%にしました!
本当に何度お礼を言っても足りないくらいです。
ありがとうございました!

CSSというのが本当によくわからないのですよね〜。
前から自分らしいHPやブログとかにしたいなあと思って
本なんか読んだりしてたんですけど、読んでるうちにあまりのわからなさに意識が遠のくんですよね〜。( ̄▽ ̄;)
数字や記号がにがてで...算数できない子だったので〜。


2. Posted by 佐ト→ひよこまめさん   2007年09月02日 02:08
お役に立てたようで嬉しいです!
また面白い4コマ、待ってますね!

最近のブログはCSSでほとんどの見栄えを設定してあるんですよね。
CSSっていうと小難しく聞こえますが、正体は単なるテキストファイルだったりして。

僕もちっとも覚えちゃいないので、リファレンスのページを読みながら頑張ってます。
前の前にいた会社の先輩に聞いたら算数じゃなくて国語の領域なんだそうですよ。

また何かあったらお気軽にコメント下さい!

「ライブドアブログの文字の大きさを変更する方法」にコメントする

名前:
URL:
  情報を記憶: 評価: 顔