今月のいらんことしい（2011年3月）

今月（2011年3月）サイトでカスタマイズした点をまとめたエントリです

Tabアーカイブページでユーザーエージェントによる振り分けでiPhoneのときページカラムを変更

タグアーカイブページについてですが(例：tag movabletype)、iPhoneなどからみたときに1カラムのページになるようにclass指定で振り分けをおこなってみました。

Vicunaテンプレートでは、body要素に特定のclassを当てることで容易に変更が可能になっており、シングルカラムにしたい場合は、class="single"を、２カラムにしたければ、class="double"をつければよいわけです。ただし、CSSの記述の優先度などから、これらの値を混在させずに条件ごとに切り分けする必要があります。

ユーザーエージェントの情報取得には、mt-xsearch.cgi側から変数を渡す方法がわからなかったので、小粋空間さま提供のプラグインを利用させていただきました。

小粋空間: HTTPUserAgent プラグイン

ほんの一例にすぎませんが、以下のような形で。

<mt:SetVarBlock name="agent"><mt:HTTPUserAgent /></mt:SetVarBlock>

分岐させるのは、body要素の部分にて。

<body class="individual system<mt:if name="agent" like="iPhone|iPod|Android"> single<MTElse> double</mt:if>">

＊変数セットせずにタグの評価だけで分岐できるっぽいけどためしてないです。

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

当ブログのカスタマイズ記録

今月のいらんことしい（2011年3月）

Comments: