文字を小さく (No. 1685)

質問

スマホ対応ブログ(レスポンシブWebデザイン)をカスタマイズ中です。

以下それぞれの見出し部分の文字を小さくしたいのですが、どのファイルのどの部分を変更すればよいでしょうか？

temprates/article/内
・short_list.html の”新着記事”
・article_list.htmlの”記事一覧”
・article.htmlの”記事一覧”

回答お願いいたします

回答

「すぐ使えるCGI」のご利用誠にありがとうございます。

■【注記】対象個所について
article.html には初期設定では ”記事一覧”という表示は無いのですが、タイトル部分の事かと解釈してご回答致します。

■編集方法
記載いただたどのファイルについても、編集方法は同様ですので、article_list.html の「記事一覧」の部分を例にご説明致します。

色々な方法があるのですが、一番確実なのは、テンプレート内の該当箇所に直接 style 属性を指定する方法です。例えば、以下のようになります。

○初期設定
<h1>記事一覧 <small>%_total_%件中 %_min_%-%_max_% を表示</small></h1>

○設定例
<h1 style="font-size: 12px;">記事一覧 <small>%_total_%件中 %_min_%-%_max_% を表示</small></h1>


■変更の反映
ファイルの編集が終わったら、サーバにアップロードの上「再構築（テンプレート変更反映）」を行って下さい。

また、ブラウザにキャッシュが残っている場合がありますので、変更が反映されない場合は、ブラウザのキャッシュをクリアしてご確認下さい。