Web Site Designer はサイト構造と、外観の定義ファイルである仕様ページからナビゲーション・バーを生成します。仕様ページは 特殊なコメント・タグと式を持つ HTML ファイルです。
| Web サイト・ナビゲーション | 仕様ページ (HTML または JSP) |
|---|---|
| 水平バー | horizontal-text horizontal horizontal-button horizontal-sep horizontal-tab |
| 水平タブ | horizontal-tab01 horizontal-tab02 horizontal-tab03 |
| 垂直バー | vertical-text vertical vertical-button vertical-sep vertical-tab |
| 垂直タブ | vertical-tab01 |
| ナビゲーション・トレール | trail trail_horizontal trail_vertical |
| ドロップダウン・メニュー | dropdown |
| サイト・マップ | sitemap sitemap_vertical |
ナビゲーション仕様を変更するには、以下のようにします。
<HTML>
<HEAD>
<TITLE>horizontal</TITLE>
</HEAD>
<BODY>
<TABLE border="0">
<TBODY>
<TR>
<!-- siteedit:forEach var="item" items="${sitenav.items}" begin="0" step="1" varStatus="status" -->
<TD><A href="${item.href}"${item.label}</A></TD>
<!-- /siteedit:forEach -->
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
| 式 | 説明 |
|---|---|
| ${item.label} | 現在の項目によって表されるナビゲーション・ラベルを表します。 |
| ${item.href} | 現在の項目によって表されるコンテキスト・ルート相対 URL を表します。 |
| ${item.ancestor} | 現在の項目が現行ページの祖先の場合、これは true になります。 |
| ${item.self} | これは現在の項目が現行ページの場合、true です。 |
| ${item.level} | ナビゲーション・ルートからのレベルの数。 |
| ${item.first} | これは forEach ループの最初のループ について true です。 |
| ${item.last} | これは forEach ループの最後のループ について true です。 |
| ${item.group} | これは現在の項目がグループの場合、true です。 |
| 式 | 説明 |
|---|---|
${<<varName>> le n}
|
これは item.level が n 以下の場合、true です。 |
${<<varName>> lt n}
|
これは item.level が n 未満の場合、true です。 |
${<<varName>> ge n}
|
これは item.level が n 以上の場合、true です。 |
${<<varName>> gt n}
|
これは item.level が n より大きい場合、true です。 |
${<<varName1>> and <<varName2>>}
|
|
${<<varName1>> ir <<varName2>>}
|
|
${not <<varName2>>}
|
| タグの使用法 | 説明 |
|---|---|
<!--siteedit:if test="<<condition>>"--> <<content>> <!--/siteedit:if--> |
<<condition>>が true の場合、出力は <<content>> になります。 |
<!-- siteedit choose --> <!-- siteedit:when test="<<conditionA>>"--> <<contentA>> <!--/siteedit.when--> <!--siteedit.when test="<<conditionB>>"--> <<contentB>> <!--/siteedit.when--> <!--siteedit:otherwise--> <<contentO>> <!--/siteedit:otherwise--> <!--/siteedit:choose--> |
これは C プログラミング言語の次の式に似ています。
if (conditionA) {contentA}
else if (conditionB) {contentB}
else {contentO}
|
<!--siteedit:forEach var="<<varName>>" begin="<<beginNum>>" end="<<endNum>>"--> <<content>> <!--/siteedit:forEach--> |
<<content>> "<<endNum>> - <<beginNum>> + 1" 回繰り返します。 |
<!-- siteedit:set var="<<varName>>" value="<<expression>>" --> <!-- /siteedit:set --> |
<<expression>> の結果を <<varName>> に設定します。この結果は、以下の部分では ${varName} として参照できます。 |