デフォルトの文字のサイズを変更

  1. テンプレート
アクセントとして、一部分の文字を装飾する方法は「記事の作成・編集」の章でお話しました。
次は、記事内のデフォルトの文字サイズを変更してみましょう。
記事内の文字は相手が読みやすい大きさとして12pxか14pxかそれ以上が望ましいと言われています。
文字のサイズもテンプレートのレイアウトと同じくスタイルシートで指定してますのでスタイルシート内の文字設定部分を変更します。


現在の文字サイズは12px(ピクセル)です。これを大きくします

文字サイズ1







HTML内で記事内のテキストの指定を確認します

文字サイズ2


< %topentry_body>この部分が記事の内容が反映される場所(変数値)
<class="entry_text"> が記事内の文字の装飾を決定していることがわかります。




スタイルシート内で「entry_text」を見つけます

文字サイズ3


文字の大きさ指定(font-size)は、12px(ピクセル)になっていますのでこれを14pxに変更します。
entry_text a{ font-size〜は、entry_text で指定されている箇所の文字がリンクの場合のサイズを決定しています。

混乱を避けるため、上記2つとも同じサイズで統一することをお勧めします。




文字サイズを変更して更新ボタンを押します




ブログを確認すると下記のように文字サイズの変更が反映されています

文字サイズ4



<<  共有テンプレートを応募  |  もくじへ  |  サイドバーのメニューの変更  >>
|
ブログ | 総合ポータル | ニュース | テンプレート
利用規約 | ||通報|| | Report Abuse