CMS「すぐ使えるCGI」の開発者がご質問にお答えします

 

一覧表示部分タイトルテキストについて (No. 608)

回答日: 2009-09-16

質問

一覧表示の部分(article_list.html)を自分で作ったホームページに編集して表示確認等を行ったのですが、どうしてもタイトル部分のフォントサイズが大きいままです。これについてどのように変更するばよいですか?

ちなみに張り付けてある部分のソース

<table width="660" border="0" align="center" cellpadding="0" cellspacing="0" class="style1">
        <tr>
        <td class="style1">%_total_%件中 %_min_%-%_max_% を表示
                <a href="%_page_first_%">[先頭]</a>
                <a href="%_page_prev_%">[前]</a>
                <a href="%_page_next_%">[次]</a>
                <a href="%_page_last_%">[最後]</a>
                        
              <!-- article list : generate from article_list.txt -->
          %_article_list_%</td>
        </tr>
      </table>
投稿日時: 2009-09-16 15:51

回答

問題になる設定は、article_list.html 内にある style1 クラスの具体的な内容です。
お送りいただいたコードにはこの部分が含まれていませんが、ひとまず例をご回答申し上げます。

お送りいただいたコードの %_article_list_% 部分は article_list.txt で指定したコードを元に生成されますが、article_list.txt をデフォルトのままご利用になられている場合、タイトルは <h2> タグで囲まれますので、これが小さくならない、という問題かと思います。

一つの例ですが、article_list.html に設定されているはず(おそらく <head> 〜 </head> の間にあります)のスタイル指定内に、以下の設定を足してみて下さい。

.style1 h2 {
font-size: 10px;
}

意味としては「 sytle1 クラスが指定された要素(お送りいただいたコード内の table や td)の配下にある h2 の文字サイズを 10px で表示する」という事になります。

(CSS の設定について詳しくは、一般の参考書等をご参照下さい。)


テンプレートを編集したら以下の手順で確認を行って下さい。

1.サーバに上書きアップロード
2.管理画面一覧から「再構築」
3.ブラウザのキャッシュをクリア
4.ページを再読み込み

■解決しない場合

問題が解決しない場合、下記ファイル内の全ての内容をコピー&ペーストして再度ご質問お願い申し上げます。

A. templates/article/article_list.html
B. templates/article/article_list.txt
回答日: 2009-09-16