テンプレートごとに読み込みファイルを切り替える

電脳備忘録

MovableTypeの備忘録。テンプレートによっては読み込む外部ファイルとそうでないものがあります。
適宜切り替えることによって、読み込み速度とか多少速くなるのかな?その辺のことはよく分かりませんが、無駄なファイルは読み込みたくないので対応してみました。

お約束

そんなにリスキーなことはしていないとは思いますが、参照は自己責任でお願いいたします。

テンプレートA、テンプレートBに異なるCSSを読み込ませたい場合・・・
テンプレートAの1行目に下記コードを記述、「template_A」は任意

<$mt:SetVar name="template_A" value="1"$>

同様にテンプレートBの1行目に下記コードを記述、「template_B」は任意

 <$mt:SetVar name="template_B" value="1"$>

HTMLヘッダーテンプレートの任意の場所に下記をコードを記述。

<mt:If name="template_A">
<link rel="stylesheet" href="style_A.css" type="text/css" />
<mt:ElseIf name="template_B">
<link rel="stylesheet" href="style_A.css" type="text/css" />
</mt:If>

再構築をかけたときに、テンプレートAは「style_A.css」、テンプレートBは「style_B.css」がそれぞれ有効になっています。これは外部Javascriptファイルを呼び出すときにも使えるので、テンプレートによって、呼び出すものそうでないものがはっきりしている場合は便利かもしれませんね。

Newer
Older
Dark
Light
menu