ナビゲーションの設定

このページは Apigee と Apigee ハイブリッドに適用されます。

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

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

Menus ページにアクセスする

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

[メニュー] ページにアクセスするには:

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

• 編集するメニュー（ヘッダーまたはフッター）を選択し、メニュー項目の詳細を表示する
• ナビゲーション メニューに項目を追加する
• サブメニューを作成する
• メニュー項目を編集または削除する
• メニュー項目を並べ替える
• メニューを公開する

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

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

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

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

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

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

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

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

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

メニュー項目の並べ替え

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

1. [メニュー] ページにアクセスします。
2. プルダウン リストから編集するメニューを選択します。

3. メニュー項目を移動します。

   Cloud コンソールの UI

   行の上矢印 arrow_upward をクリックして、項目を上へ移動します。または、行の下矢印 arrow_downward をクリックして、項目を下に移動します。

   従来の UI

   1. 移動するメニュー項目にカーソルを合わせて、操作メニューを表示します。
   2. メニュー項目名の左にある のうえでマウスボタンを長押しします。
   3. メニュー項目をメニュー項目リスト内の新しい位置にドラッグし、マウスボタンを放します。

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

サブメニューの作成

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

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

1. [メニュー] ページにアクセスします。
2. プルダウン リストから編集するメニューを選択します。
3. 親メニューにするメニュー項目を追加します。
4. サブメニューにする追加のメニュー項目を追加します。
5. 親メニューの下に表示させたい順番に、サブメニュー項目を並べ替えます。

6. メニュー項目をサブメニューに変更します。

   Cloud コンソールの UI

   その他アイコン more_vert、[サブメニュー項目に変換] の順にクリックします。

   サブメニュー項目を最上位のメニュー階層に戻すには:

   その他アイコン more_vert、[最上位項目に変換] の順にクリックします。

   従来の UI

   サブメニューとして追加するメニュー項目にカーソルを合わせて をクリックします。そうすると、その項目が親メニューの下で 1 レベル インデントされます。

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

   次の図は、サブメニュー項目がメニューリストにどのように表示されるかを示したものです。

   

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

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

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

1. [メニュー] ページにアクセスします。
2. プルダウン リストから編集するメニューを選択します。

3. エディタを開きます。

   Cloud コンソールの UI

   編集する項目で、その他 more_vert、編集 edit を順にクリックします。

   従来の UI

   編集するメニュー項目にカーソルを合わせて、 をクリックします。

4. メニュー項目の詳細を編集します。

5. [保存] をクリックします。

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

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

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

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

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

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

1. [Menus] ページにアクセスします。
2. プルダウン リストから編集するメニューを選択します。

3. メニュー項目を削除します。

   Cloud コンソールの UI

   削除する項目で、その他 more_vert、削除 delete を順にクリックします。

   従来の UI

   1. リスト内のメニュー項目にカーソルを合わせて、操作メニューを表示します。
   2. [] をクリックします。

4. [削除] をクリックして削除操作を確定します。

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

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

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