DTIブログトップへブログのトップページDTIブログ・ポータルサイトモブログ一覧最新ニュースからブログのネタをゲットしようテンプレートの一覧メンバーログイン
日記 趣味 ブログ ビジネス 芸能 ランダム表示

マニュアル > 記事の文字の大きさの変更


第04章:デザイン
2. テンプレートの編集 : e. 投稿文字の大きさの変更
 
記事内の文字のサイズを変更してみましょう。記事内の文字は相手が読みやすい大きさとして12pxか14pxかそれ以上が望ましいと言われています。文字のサイズもテンプレートのレイアウトと同じくスタイルシートで指定してますのでスタイルシート内の文字設定部分を変更します。
 
現在の文字サイズは12px(ピクセル)です。これを大きくします



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


<%topentry_body>この部分が記事の内容が反映される場所(変数値)

<class="entry_text"> が記事内の文字の装飾を決定していることがわかります。

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


文字の大きさ指定(font-size)は、12px(ピクセル)になっていますのでこれを14pxに変更します。
entry_text a{ font-size〜は、entry_text で指定されている箇所の文字がリンクの場合のサイズを決定しています。
 
混乱を避けるため、上記2つとも同じサイズで統一することをお勧めします。
 
 
 
 
文字サイズを変更して更新ボタンを押します
 
 
 
 
ブログを確認すると下記のように文字サイズの変更が反映されています


 
 
 
 
 
 
HOME初めに何ができるの?新規ブログ作成用語集ご利用規約プライバシー会社概要ヘルプ