裏アドだらけの人生

読んでおもしろい内容はほとんどない個人的な備忘録です

Wordpressでパラメータを使ったCSSファイル変更

2008-08-06 17:49:25 | Weblog
具体的に言うと、Lightwindowを使って同一画面内で過去のエントリーを参照できるようにしたかったわけです。
その際、画面内にまたヘッダーやサイドやフッターが出てくる必要がないと思ったので、該当するエントリーだけを抽出して表示するようにできないものかと。
そんなテーマで脳内会議を繰り広げた結果、これが一番簡単なんじゃないかという結論に至ったのが以下のやり方。

1.使ってるテーマ内のfunctions.phpに関数をひとつ追加。

function style_change() {
if ($_GET['view'] == 'hogehoge') {
return 'hogehoge.css';
} else {
return 'style.css';
}
}

2.hogehoge.cssを作成して使っているテーマディレクトリにアップ。

このスタイルシート内でヘッダー、サイド、フッターなど要らないブロックを非表示にして、他のスタイルを調整。

3.header.phpのCSSの参照部分を以下に変更。

<link rel="stylesheet" href="(CSSファイルまでのパス)<?php style_change(); ?>" type="text/css" media="screen" />

これでhttp://example.com/?view=hogehogeにアクセスすればhogehoge.cssが反映されるはずです。

あとはlightwindow用のリンク貼る時に、params="lightwindow_width=500"などとウィンドウの幅指定をして、好みのサイズで表示します。
実際はもっとスマートなやり方があるような気がしますが、いちおう覚書ってことで。