スタイルシートのPHP化(その2)

前回のエントリーに続いて、スタイルシートのPHP化を紹介します。

前回のエントリーでは、PHP化したスタイルシートをHTMLファイルの中に組み込む形になっています。
しかし、linkタグを使って、スタイルシートをHTMLファイルと別ファイルにすることも多いです。

そのようにしたい場合、以下のような手順を取ります。

スタイルシートのファイルをPHP化する

まず、スタイルシートのファイルの拡張子を「.php」にします。
そして、その先頭にPHPの部分を作り、以下の1文を入れます。

header("Content-type: text/css");

例えば、前回のエントリーのスタイルシートをPHP化する場合だと、以下のようなファイルを作ります。

<?php
header("Content-type: text/css");
$left_width = 200;
$contents_width = 500;
$container_width = $left_width + $contents_width;
?>
#container { width : <?php print($container_width); ?>px; }
#left      { width : <?php print($left_width); ?>px; float : left; }
#contents  { width : <?php print($contents_width); ?>px; float : left; }

linkタグの書き換え

次に、スタイルシートを取り込むHTMLファイルを修正し、linkタグの部分で、上で作ったPHPファイルを取り込むようにします。
例えば、スタイルシートのファイルを「style.php」にした場合だと、以下のように書きます。


<link rel="stylesheet" href="style.php" type="text/css" />