ラック
Home > CMS > 記事 > 2014年7月 > リソース毎にcssやjsを読み込む

リソース毎にcssやjsを読み込む

カテゴリ: MODx

チャンクにするほどではないけど、リソースごとに読み込むcssやjavascriptを分けたい、とかいう場合。

cssの読み込みとか、1行ですし。しかも同じディレクトリにあるcssなので、パスは同じで最後のcssのファイル名だけ違う、なんてこともあるわけで。それをチャンクにするのか?と。

そういうときは、テンプレート変数で実装すれば良いわけですね。

このサイトでも、これでトップページのみに適用させるcssやjavascriptを読み込ませています。[*cssLoad*]や[*jsLoad*]というのをテンプレートのheadタグの中に書いておいて、対応するテンプレート変数を用意しておく、と。

	
<link href="./assets/templates/hakutakuNue/css/.css" rel="stylesheet" type="text/css" media="screen" />
	

[*cssLoad*]はこんな感じで。例えば、各リソースのテンプレート変数の「cssLoad」に"index"と書いておけば、index.cssが読み込まれる、と。

タグ: テンプレート変数

 



関連する記事一覧