動的にcssファイルを切り替える

header.php 内で

<?php
  $case_css = $post->ID;
  switch $case_css{
    case 1:
      $css_file = "style1";
      break;
    case 2:
      $css_file = "style2";
      break;
    case default:
      $css_file = "style";
  }
?>

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/<?php echo $css_file; ?>.css" type="text/css" media="screen" />

とか、そんな感じでどうでしょう。
検証してませんので、微妙にエラーかも・・・

そもそもFirefoxはphpファイルをスタイルシートとしては読み込めないのです。

このようにトップに入れても同じです。そもそもFirefoxはphpファイルをスタイルシートとしては読み込めないのです。調べましたが今のところ理由はよくわかりません。

ええと、こちらの環境では、正しい方法をとれば IE でも Firefox, Opera, Chrome などでも、動作確認出来ています。

—-

こちらはどういう意味でしょうか？どのようにcssとして出力するのでしょう。.htaccess は別に設定しなくてもよいならそのほうがいいのですが。単にphpをcssとして読み込もうとしてもIEもFirefoxもきちんとcssを認識しないようです。.htaccessを設定すればIEはphpをcssとして読み込んでくれます。

PHP を CSS として出力するには

<?php header('Content-Type: text/css'); ?>

というコードをその PHP ファイルの冒頭に記述するだけです。これをしないまま単に PHP を CSS として読み込もうとすると、PHP は text/html としてコードを出力します。→ IE 以外 × (後述)

—-

根本的に PHPSPOT さんの記事は誤りです。Step1 と Step2 となっていますが、この2つは手順ではなく完全に別個の方法です。当該記事のネタ元の原文(http://www.phpro.org/articles/Embedding-PHP-In-CSS.html) を読まれれば分かると思いますよ。

まずは　.htaccess の例の指定を削除してもう一度お試しください。以下に理由を書きます。

Step1 となっているものは、 style.css など、通常は CSS 形式だった .css ファイルを PHP としてサーバーで処理させる方法で、.css が .php と同じになる方法です。 .php ファイルを text/css として出力するために必要な指定ではありません。不要です。

—-

IE 以外の主要ブラウザは、サーバーからのレスポンスヘッダをチェックし、 text/css で出力されていないファイルを無効なスタイルシートとして扱うようです。

shiny_cloud さんが Firefox で読み込まれないと誤解された理由はこのためで、実際に CSS として読み込まれていないのは .php 形式のファイルではなく PHP として動作させているのに

header('Content-Type: text/css');

を宣言していない（ために text/html で出力されている） .css 形式のファイルの方で、それなのに何故か IE は解釈してしまっている、というのがとりあえずの正解です。

.htaccess で前述の指定を行った場合、.htaccess を設置した以下のディレクトリにあるすべての .css ファイルが PHP ファイルとして処理されてしまい、そのままでは text/html で出力されることになるので、どの CSS ファイルも text/css として出力されるよう

<?php header('Content-Type: text/css'); ?>

を冒頭に記述する必要が生じてしまいます。色々面倒なので、やめた方がいいです。必要な分だけ、Step2 の方法をとればいいのですから。

—-

kvex さんの方法がうまく動作したのは、おそらく .htaccess に上記の指定をする前だったのではありませんか?　.htaccess の指定を削除した上で、もう1回トライしてみてください。それでも駄目なら、私ではちょっと理由が思い当たりません。

# type 属性で MIME Type を指定しているのに……という観点からするとどちらが正しい挙動なのか分かりませんが、主要ブラウザでいうと Opera, Safari, Chrome, Firefox は共通の振る舞い、IE のみバージョンに関係なくそれらとは異なるということで、挙動が揃っていないのが現状です。

heteml, さくら, XREA, ローカルの XAMPP でテストしましたが、いずれのサーバーでも動作しています。PHP のバージョンは、意味のない情報かもしれませんが、いずれも PHP5.2.6 以上です。

すこし気になるのは、

headerが送られていないのかもしれないと思い試しに２行設定しますと、すでにheder情報は送られているとのエラーが出るため、きちんと送られているようです。

という点。1行設定しただけの場合はエラーが出ないということですか? うーん。

header で Content-Type: text/css がちゃんと送られているかの確認は出来ますか? 具体的には Firefox なら Firebug 拡張の接続タブ等で style.php のヘッダ情報の Content-Type をチェックしてみてください。

もし text/css となっている場合は style.php がスタイルシートとして読み込まれているはずなので、link 要素の URL が正しいか、@import している場合にはその URI や CSS のセレクタやプロパティなどが　PHP コードの混在が原因でおかしくなっていないかを確認してください。

text/html となっている場合は、 header() 関数を使用した際の <?php の開始タグの前にスペースや改行などの空白文字が含まれていないか確認してください。1文字でも含まれると、text/html になってしまいます。(ただ、これだと前述のエラーがちゃんと出ているはずなんですよね……)

とりあえず、一旦、 style.php の内容を以下と差し替え、その他のスタイルシートは切っててみてください。背景がオレンジ色になれば読み込まれているということになります。

<?php header('Content-Type: text/css'); ?>@charset "UTF-8";

body {
    background: #f93 none;
    color: #000;
}

# ……私も何か見落としているのでしょうか。うーん。

shiny_cloud さん

なるほど、XREA で WordPress を運用している場合だとそういう可能性もありましたね。
こちらでももう少し検証する余地がありました。申し訳ありません。
ともあれ解決したようで何よりです。

# 恥ずかしながら特定の条件下で header 関数が今回の制限を受けることを初めて知りました。この辺り、もう一度確認・勉強する必要がありそうです。よい機会を与えていただきありがとうございます。