文字の大きさや色も、スタイルシート(デザインを規定するファイル)で簡単に変更することができます。
インデックステンプレートの『スタイルシート』を開いてください。
※参考:スタイルシートの構成については、先にこちらを参照ください。
⇒ テンプレートの基本的な構成
この中で、文字のサイズを指定するのが「font-size:~~」という要素、文字の色を指定するのが「color:~~」という要素です。サイトの中で、文字の大きさや色を変更したいデザインクラスのfont-sizeやcolorを変更するだけでOKです。
なお、よく変更を加える主な文字群は、大きく分けると下記の3箇所くらいです。
・archive-header
・・・大見出し:アーカイブページ(記事ページやカテゴリーページ)のページタイトル部分
・entry-header
・・・小見出し:各モジュール(記事や一覧等)のタイトル部分
・module-content
・・・本文:記事等のコンテンツ・本文にあたる部分
例えば、各記事の小見出し(タイトル部分)の文字を変更したい場合は、下記の部分を探してください。
.entry-header { margin-top: 0; border-left: 5px solid #dae0e6; padding: 0 0 0 10px; color: #666; font-size: 18px; }
Movable Type標準テンプレートでは、小見出しの文字色は濃グレー(color: #666;)、文字の大きさは18ピクセル(font-size: 18px;)になっています。
文字色を赤くするなら「color: #FF0000;」に、文字の大きさをやや控えめにするなら「font-size: 16px;」、というように変更して、保存&再構築(S&R)してください。
※色見本の参考 ⇒ とほほの色入門・色見本
上記の他に、ページタイトルバナー部分の文字の大きさ・色も変更することができます。
「#banner-header」や「#banner-description」が該当する部分となりますが、詳細についてはこちらで説明していますので参照ください。
⇒ タイトルバナーの雰囲気を変える