ナビゲーション・オブジェクトの外観を変更する

Web サイト・ナビゲーションは、 サイト構造と仕様 ページから、 ナビゲーション・バーやサイト・マップなどの Web サイト・ナビゲーションを生成します。 仕様ページは、特殊なコメント・タグと式を含む HTML ファイルです。
仕様ページは siteedit:navbar、siteedit:navtrail、 siteedit:navtab、および siteedit:sitemap タグの属性として指定することができます。 これらはナビゲーション・バー、ナビゲーション・トレール、ナビゲーション・タブ、 およびサイト・マップなどの Web サイト・ナビゲーションを追加するときに Web ページに 挿入されるタグです。以下は、この製品に組み込まれている 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. ナビゲーション要素を右クリックし、「プロパティー」 を選択して「プロパティー」ビューを開く。
  2. さまざまなプロパティー・タブの情報を編集することにより、 ナビゲーション仕様を編集できる。ナビゲーション要素で 使用可能なプロパティーに応じて、次のプロパティーを編集できます。
    • 仕様ファイル
    • リンク先
    • リンク・レベル
    • 標準リンク
    • 強調表示リンク
    • 宛先グループ
  3. 「仕様ファイル」タブの 「スタイル」フィールドで、CSS 規則を 使用してスタイルを指定します。 例えば、色: 白; フォント・スタイル: 斜体; 背景色: 青 のように指定します。 このスタイルは、ナビゲーション・バーの <A> タグに適用され、 ナビゲーション・バーが次のようになります。
    「スタイル」フィールドを使用したナビゲーション・バー
  4. クラス」フィールドを使用して、同じ効果を得ることもできます。例えば、「クラス」フ ィールドで「サンプル」を指定した場合、サンプル・クラスのスタイルはナビゲーション・バーの <A> タグに適用されます。 スタイル・シートのサンプル・クラスは、次のようになります。
    スタイル・
シートのサンプル・クラス
    このクラスは、 ページに適用されているスタイル・シートに属している必要があります。
  5. ご使用のナビゲーションを設計する場合は、「ユーザー値」フィールドを使用することができます。「ユーザー値」フィールドは、ナビゲーション仕様ファイルの ${sitenav.userdata} 変数を参照します。 例えば、<body> タグ下にある仕様ファイルに次のコードがある場合:
    <h1>${sitenav.userdata}</h1>
    ユーザー値」フィールドに入力した値はすべて <h1> タグに表示されます。 「ユーザー値」」フィールドに「This is a user value」と入力した場合、 ナビゲーション・バーは次のようになります。
    「ユーザー値」
フィールドを使用したナビゲーション・バー
ヒント: エディターで「ナビゲーション仕様の変更」ファイルを開き、直接変更することもできます。 その場合、コード変更によりナビゲーション要素の機能が中断される可能性があるので注意してください。

フィードバック