ナビゲーションの仕様を編集する

Web サイト・ナビゲーションは、 サイト構造と、外観の定義ファイルである仕様ページから、 ナビゲーション・バーを生成します。仕様ページは 特殊なコメント・タグと式を持つ HTML ファイルです。
前提条件:
  1. Web プロジェクトを作成する。
  2. Web サイトを作成する。
  3. ページ・テンプレートを作成する。
  4. Web サイトにページ・テンプレートを適用する。
  5. ページ・テンプレートにナビゲーションを追加する。
仕様ページを編集することによりナビゲーションを変更することができます。 以下は、この製品に組み込まれている Web サイト・ナビゲーションと、 関連した仕様ページのリストです。
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

ナビゲーション仕様を変更するには、以下のようにします。

  1. Web サイト・ナビゲーションを開くために、 「プロジェクト・エクスプローラー」ビューで Web プロジェクトを展開し、「Web サイト・ナビゲーション」をダブルクリックします。
  2. ナビゲーション要素を右クリックし、「プロパティー」を選択して「プロパティー」ビューを開く。 さまざまなプロパティー・タブの情報を編集することにより、 ナビゲーション仕様を編集できます。
  3. 仕様コードを直接編集してナビゲーション仕様を編集したい場合は、 「プロパティー」ビューで「仕様」タブをクリックする。
  4. 開く」をクリックしてナビゲーション要素の仕様ページを開く。
  5. 仕様ページを編集し、CTRL+S を押してファイルを保管する。
仕様ページは siteedit:navbar、siteedit:navtrail、 siteedit:navtab、および siteedit:sitemap タグの属性として指定することができます。 これらはナビゲーション・バー、ナビゲーション・トレール、ナビゲーション・タブ、 およびサイト・マップなどの Web サイト・ナビゲーションを追加するときに Web ページに 挿入されるタグです。
以下は仕様ページの例です。

<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>
siteedit:forEach タグは、 そのタグ内の式を編集することによって編集することができます。
説明
${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.leveln 以下の場合、true です。
${<<varName>> lt n}
これは item.leveln 未満の場合、true です。
${<<varName>> ge n}
これは item.leveln 以上の場合、true です。
${<<varName>> gt n}
これは item.leveln より大きい場合、true です。
${<<varName1>> and <<varName2>>}
 
${<<varName1>> ir <<varName2>>}
 
${not <<varName2>>}
 
ここで、n は数値で、<<varName>> は上記テーブルの式内部の変数です。
siteedit:forEach タグは、 そのタグ内のタグを編集することによって編集することができます。
タグの使用法 説明
<!--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-->
  • <<conditionA>> が true の場合、 出力は<<contentA>> になります。
  • <<conditionA>> が false、 かつ <<conditionB>> が true の場合、 出力は <<contentB>> になります。
  • <<conditionA>> が false、 かつ <<conditionB>> も false の場合、 出力は <<contentO>> になります。
これは 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} として参照できます。

フィードバック