ナビゲーションの設定

Apigee X のドキュメントが表示されています。
Apigee Edge のドキュメントを表示する。

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

Menus ページにアクセスする

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

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

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

メニュー

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

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

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

デフォルト メニュー

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

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

  1. [Menus] ページにアクセスします
  2. プルダウン リストから編集するメニュー([Header] または [Footer])を選択します。
  3. [+ Menu Item] をクリックします。
  4. ナビゲーション メニュー ダイアログで次の情報を入力します。

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

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

メニュー項目の並べ替え

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

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

サブメニューの作成

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

サブメニュー

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

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

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

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

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

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

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

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

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

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

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

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

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

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