文字の大きさを替える | アメブロ カスタマイズで集客を考える!

アメブロ カスタマイズで集客を考える!

特にアメブロカスタマイズと各サイトやSNSとの連動を中心にこのアメブロではウェブに携わる上で得てきた専門的な知識を公開しているseo対策を取り入れた集客ブログです。皆様に少しでも役立ててもらえたら嬉しいです。

次はブログの文字を読みやすくするように


適切なサイズと変更方法を紹介していこうと思います。



では、一体どれくらいのサイズが読みやすいか比べてみましょう。



10px アメーバBLOGの文字サイズ

11px アメーバBLOGの文字サイズ

12px アメーバBLOGの文字サイズ

13px アメーバBLOGの文字サイズ

14px アメーバBLOGの文字サイズ

15px アメーバBLOGの文字サイズ

16px アメーバBLOGの文字サイズ

17px アメーバBLOGの文字サイズ

18px アメーバBLOGの文字サイズ

19px アメーバBLOGの文字サイズ

20px アメーバBLOGの文字サイズ


個人的には17px 18px 19pxが見やすく感じるので、

この辺りのサイズに替えてみようと思います。




次に変更方法ですが、

【ブログを書く】→【デザインの変更】→【CSSの編集】

(1-1) 全体の文字

/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#333333;
font-size:18px;
}

※赤文字の所を追加して保存を押すと文字の標準サイズが変更されます。

$ウェブ屋のおやじBLOG-fontの変更



そして、若干文字が大きくなることによって

デザインが崩れるところがあるので、部分的に修正していきます。

$ウェブ屋のおやじBLOG-プロフィール画像

CSSのどこでもいいんで以下の文章を挿入します。

/* プロフィールエリア文字サイズ */
.skinMenuBody {
font-size:14px;
}








アメンバー限定の記事にはもう少し

ディープな情報やテクニックを載せています。

是非 アメンバー登録してみて下さい。



右のおやじピグをクリックすると

おやじが喜ぶよ。 (*^_^*)


記事の内容が面白かったもしくは役に立ったと

思っていただけたら、下のいずれかのリンクを

クリックしていただけると嬉しいです。


人気ブログランキングへ