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

 

一覧の文字サイズ変更方法 (No. 213)

回答日: 2007-07-09
<< 掲示板一覧  >> 質問する

質問

すぐ使えるCGI ニュース更新ツール Ver 1.21
を使用していますが、HPでレイアウトを変更したので、文字が大きすぎてかっこ悪い状態です。HPの表示方法はHP画面上にインラインフレームを設けてそこに表示しています。文字の大きさを小さくする方法を教えてください。
投稿日時: 2007-07-09 18:10

回答

文字のサイズ変更は色々な方法がありますが、スタイルシート(CSS)を利用する方法をご紹介します。

◆「全一覧」の文字サイズを変更する場合

◇編集対象

templates/article/article_list.html を編集します。

◇編集方法概要

<head> タグ内にスタイル指定を追加します。

◇編集例(ファイルの一部)

編集前)

<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>一覧</title>
</head>

編集後)

<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>一覧</title>
<style type="text/css"> <!-- この行から追加 -->
    body { font-size: 80%; }
</style> <!-- この行まで追加 -->
</head>

◇備考

「80%」の所を変更することで、文字サイズの調整が行えます。
「12pt」などの固定サイズも指定可能です。
CSSについて詳しくは、一般の参考書等をご参照下さい。

◇変更の反映について

テンプレートを編集したら、サーバにアップロードの上、管理画面から1回編集作業を行って下さい。
編集を行う事により、変更が反映されます。


◆「短い一覧」の文字サイズを変更する場合

編集対象ファイルは templates/article/short_list.html です。

それ以外は「全一覧」の場合と同じです。


◆いただいた入力からの変更点

タイトルに情報を補足しました。
回答日: 2007-07-09

さらに詳しく