overview
スキンの基礎的な作り方について解説します。
これらを応用して貴方独自のスキンを作成してください。
outline
waysのスキンで使われている特殊タグについて解説します。
スキンを作成するためには下の６つのタグを駆使します。
<TMPL_VAR NAME=VAR_NAME>
<TMPL_LOOP NAME=LOOP_NAME> </TMPL_LOOP>
<TMPL_INCLUDE NAME=FILE_NAME>
<TMPL_IF NAME=CONDITION_NAME> </TMPL_IF>
<TMPL_ELSE>
<TMPL_UNLESS NAME=CONDITION_NAME> </TMPL_UNLESS>
全てのタグに対して次のようなコメント形もあります。
( 最後の -- の前にスペースが必要 )
<!-- TMPL_VAR NAME=VAR_NAME -->
<!-- TMPL_LOOP NAME=LOOP_NAME --> <!-- /TMPL_LOOP -->
また、NAME=は省略することもできます。
<TMPL_VAR VAR_NAME>
<TMPL_LOOP LOOP_NAME> </TMPL_LOOP>
NAME= の後に続く文字列は各スキンによって別々に設定されています。
どの文字列にどの意味があるかという詳細は他ページを参照してください。
※ このページで使われている文字列はあくまでも例です。
マニュアルでは、個人的な都合によりコメント形を使用しています。
TMPL_VAR
ある値を埋め込むためのタグです。
次のようにタグを文字に単純に変換します。
<a href="<!-- TMPL_VAR NAME=SITE_URL -->">
<!-- TMPL_VAR NAME=SITE_NAME -->
</a>
↓ 変換後
<a href="http://www.aostudio.net/">
aostudio
</a>
※ 閉じタグはありません
TMPL_LOOP
同じ箇所を繰り返し表示させるタグです。
<!-- TMPL_LOOP NAME=SITE_LOOP -->
URL : <!-- TMPL_VAR NAME=SITE_URL -->
<!-- /TMPL_LOOP -->
↓ 変換後
URL : http://www.yahoo.co.jp/
URL : http://www.google.co.jp/
URL : http://www.goo.ne.jp/
URL : http://www.infoseek.co.jp/
※ 閉じタグは必須です
TMPL_INCLUDE
NAMEで指定したファイルの内容でそのまま置き換えられます。
そのファイル内にもスキンの特殊タグを使用することができます。
head.html<html>
<head>
<title>ways</title>
</body>
<body>
foot.html</body>
</html>
上記の内容のファイルがあると仮定して
<!-- TMPL_INCLUDE NAME=head.html -->
メイン
<!-- TMPL_INCLUDE NAME=foot.html -->
↓ 変換後
<html>
<head>
<title>ways</title>
</body>
<body>
メイン
</body>
</html>
※ ファイルが存在しない場合はエラーになります。
※ 閉じタグはありません
TMPL_IF
NAMEの文字列が正しい時のみ、タグの内側を表示します。
内容１
<!-- TMPL_IF NAME=IS_LASTPAGE -->
IS_LASTPAGEは正しいです。
<!-- /TMPL_IF -->
内容２
IS_LASTPAGEが正しい時内容１
IS_LASTPAGEは正しいです。
内容２
IS_LASTPAGEが正しくない時内容１
内容２
※ 閉じタグは必須です
TMPL_UNLESS
NAMEの文字列が正しくない時のみ、タグの内側を表示します。
TMPL_IFの逆の働きをします。
内容１
<!-- TMPL_IF UNLESS=IS_LASTPAGE -->
IS_LASTPAGEは正しくありません。
<!-- /TMPL_UNLESS -->
内容２
IS_LASTPAGEが正しくない時内容１
IS_LASTPAGEは正しくありません。
内容２
IS_LASTPAGEが正しい時内容１
内容２
※ 閉じタグは必須です
TMPL_ELSE
TMPL_IF や TMPL_UNLESSの条件に合わなかったときに表示できるタグです。
必ずTMPL_IFかTMPL_UNLESSの中で使用します。
TMPL_IF
内容１
<!-- TMPL_IF NAME=IS_LASTPAGE -->
IS_LASTPAGEは正しいです。
<!-- TMPL_UNLESS -->
IS_LASTPAGEは正しくありません。
<!-- /TMPL_IF -->
内容２
TMPL_UNLESS
内容１
<!-- TMPL_UNLESS NAME=IS_LASTPAGE -->
IS_LASTPAGEは正しくありません。
<!-- TMPL_ELSE -->
IS_LASTPAGEは正しいです。
<!-- /TMPL_UNLESS -->
内容２
IS_LASTPAGEが正しい時TMPL_IF
内容１
IS_LASTPAGEは正しいです。
内容２
TMPL_UNLESS
内容１
IS_LASTPAGEは正しいです。
内容２
IS_LASTPAGEが正しくない時TMPL_IF
内容１
IS_LASTPAGEは正しくありません。
内容２
TMPL_UNLESS
内容１
IS_LASTPAGEは正しくありません。
内容２
※ 閉じタグは <!-- /TMPL_IF --> or <!-- /TMPL_UNLESS --> です。
references
HTML-Template-2.6