ナビゲーションの設定

このページの内容は Apigee と Apigee ハイブリッドに該当します。

Apigee Edge のドキュメントを表示します。

ここでは、すでに開発したポータルにページをリンクさせるナビゲーションの設定方法について説明します。

[Menus] ページにアクセスする

[Menus] ページにあるナビゲーション メニュー エディタを使用してポータルのナビゲーション メニューを設定し、公開します。

[Menus] ページにアクセスするには:

  • サイド ナビゲーション バーで [Publish] > [Portals] を選択し、目的のポータルを選択して、ランディング ページで [Menus] をクリックします。
  • ポータルを編集するとき、上部のナビゲーション バーにあるプルダウン メニューから [Menus] を選択します。

Menus

上の図に示すように、ナビゲーション メニュー エディタでは次のことができます。

デフォルトのナビゲーション メニューについて

デフォルトでは、Header と Footer の 2 つのナビゲーション メニューが用意されています。これらデフォルトのナビゲーション メニューは次の図のように表示され、用意された一連のスターター ページにリンクしています。

デフォルトのメニュー

ナビゲーション メニューへの項目の追加

ナビゲーション メニューに項目を追加するには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから編集するメニュー（[Header] または [Footer]）を選択します。
  3. [+ Menu Item] をクリックします。

  4. ナビゲーション メニュー ダイアログで次の情報を入力します。

    フィールド 説明 必須かどうか
    Name ポータルに表示するメニュー項目の名前。この値は実際のページ名と異なっていても問題ありません。 はい
    Page Path or URL 外部ページの絶対 URL、またはポータルのページの絶対または相対 URL を入力するか、[...] をクリックしてプルダウン リストからポータルのページを選択します。 はい

  5. [作成] をクリックします。

  6. [公開] をクリックして、変更をライブポータルに公開します。

メニュー項目の並べ替え

ナビゲーション メニューの項目を並べ替えるには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから編集するメニューを選択します。
  3. 移動するメニュー項目にカーソルを合わせて、操作メニューを表示します。
  4. メニュー項目名の左にある メニュー ハンドル のうえでマウスボタンを長押しします。
  5. メニュー項目をメニュー項目リスト内の新しい位置にドラッグし、マウスボタンを放します。
  6. [公開] をクリックして、変更をライブポータルに公開します。

サブメニューの作成

サブメニューは、親項目にマウスを合わせたときにプルダウン メニューとして表示されます。

サブメニュー

サブメニューを作成するには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから編集するメニューを選択します。
  3. 親メニューにするメニュー項目を追加します。
  4. サブメニューにする追加のメニュー項目を追加します。
  5. 親メニューの下に表示させたい順番に、サブメニュー項目を並べ替えます。
  6. サブメニューとして追加するメニュー項目にカーソルを合わせて サブメニュー アイコン をクリックします。そうすると、その項目が親メニューの下で 1 レベル インデントされます。次の図は、サブメニュー項目がメニューリストにどのように表示されるかを示しています。
    サブメニューの例
  7. [公開] をクリックして、変更をライブポータルに公開します。

サブメニュー項目を最上位のメニュー階層に戻すには、サブメニューのアウトデント をクリックします。

ナビゲーション メニュー項目の編集

ナビゲーション メニューの項目を編集するには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから編集するメニューを選択します。
  3. 編集するメニュー項目にカーソルを合わせて、編集アイコン をクリックします。
  4. メニュー項目の詳細を編集します。
  5. [保存] をクリックします。
  6. [公開] をクリックして、変更をライブポータルに公開します。

ナビゲーション メニューの公開

ナビゲーション メニューを公開するには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから公開するメニューを選択します。
  3. [公開] をクリックしてナビゲーション メニューを公開します。

ナビゲーション メニューからの項目の削除

ナビゲーション メニューから項目を削除するには:

  1. [Menus] ページにアクセスします。
  2. プルダウン リストから編集するメニューを選択します。
  3. リスト内のメニュー項目にカーソルを合わせて、操作メニューを表示します。
  4. [削除アイコン] をクリックします。
  5. [削除] をクリックして削除操作を確定します。
  6. [公開] をクリックして、変更をライブポータルに公開します。

メニュー項目とナビゲーション バーのカスタマイズ

ナビゲーション ツールバーをカスタマイズするの説明に沿って、メニュー項目のフォントサイズとスタイルや、ナビゲーション バーの見た目のその他の要素をカスタマイズします。