Dua menu navigasi disediakan secara default: Header dan Footer. Menu navigasi default muncul di dan ditautkan ke kumpulan halaman awal yang disediakan, seperti yang ditunjukkan pada gambar berikut.
Pilih menu yang ingin Anda edit di daftar drop-down (Header atau Footer).
Klik + Item Menu.
Dalam dialog menu navigasi, masukkan detail berikut:
Kolom
Deskripsi
Wajib?
Nama
Nama item menu seperti yang akan muncul di portal. Nilai ini dapat berbeda dari nama halaman sebenarnya.
Ya
Jalur Halaman atau URL
Masukkan URL absolut ke halaman eksternal, URL absolut atau relatif ke halaman di portal Anda, atau klik kolom teks dan pilih halaman di portal Anda dari daftar drop-down.
Ya
Klik Buat.
Klik Publikasikan untuk memublikasikan perubahan Anda ke portal aktif.
Pilih menu yang ingin Anda edit di daftar drop-down.
Pindahkan item menu.
UI Konsol Cloud
Klik arrow_upwardPanah atas
pada baris untuk memindahkan item ke atas. Atau, klik
arrow_downwardPanah bawah
pada baris untuk memindahkan item ke bawah.
UI Klasik
Posisikan kursor Anda di atas item menu yang ingin Anda pindahkan untuk menampilkan tindakan.
Klik dan tahan tombol mouse di atas , di sebelah kiri nama item menu.
Tarik item menu ke lokasi barunya dalam daftar item menu, lalu lepaskan tombol mouse.
Klik Publikasikan untuk memublikasikan perubahan Anda ke portal aktif.
Membuat submenu
Submenu ditampilkan sebagai menu drop-down saat Anda mengarahkan kursor ke item induk.
Atur ulang item submenu agar berada di bawah menu induk dalam urutan yang Anda inginkan agar muncul di menu.
Mengubah item menu menjadi submenu.
UI Konsol Cloud
Klik more_vertLainnya,
Konversi ke item submenu.
Untuk memindahkan item submenu kembali ke hierarki menu tingkat teratas:
Klik more_vertLainnya,
Konversi ke item tingkat teratas.
UI Klasik
Posisikan kursor di atas item menu yang ingin Anda tambahkan sebagai submenu, lalu klik untuk mengindentasi item submenu satu tingkat di bawah menu induk.
Untuk memindahkan item submenu kembali ke hierarki menu tingkat teratas, klik .
Gambar berikut menunjukkan cara item submenu muncul dalam daftar menu:
Klik Publikasikan untuk memublikasikan perubahan Anda ke portal aktif.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Sulit dipahami","hardToUnderstand","thumb-down"],["Informasi atau kode contoh salah","incorrectInformationOrSampleCode","thumb-down"],["Informasi/contoh yang saya butuhkan tidak ada","missingTheInformationSamplesINeed","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-09-04 UTC."],[[["\u003cp\u003eThis guide provides instructions for setting up and managing navigation menus within Apigee and Apigee hybrid portals, including header and footer menus.\u003c/p\u003e\n"],["\u003cp\u003eUsers can add, edit, delete, and rearrange menu items, including submenus, within the navigation menu editor, accessible via the Menus page.\u003c/p\u003e\n"],["\u003cp\u003eThe Menus page enables users to manage their portal's navigation structure by allowing the creation of custom menus and linking them to both internal and external pages via absolute and relative URLs.\u003c/p\u003e\n"],["\u003cp\u003eChanges to the navigation menus are made live by publishing changes through the "Publish" button, ensuring that users visiting the portal see the updated menu structure.\u003c/p\u003e\n"],["\u003cp\u003eThe navigation menu allows for a maximum of 200 items to be added, and the styling of the navigation bar can be customized as described in a separate guide.\u003c/p\u003e\n"]]],[],null,["# Setting up navigation\n\n*This page\napplies to **Apigee** and **Apigee hybrid**.*\n\n\n*View [Apigee Edge](https://docs.apigee.com/api-platform/get-started/what-apigee-edge) documentation.*\n\n\u003cbr /\u003e\n\nSet up navigation to link the pages that you have developed to your portal, as described in the following sections.\n\nExplore the Menus page\n----------------------\n\nSet up and publish the navigation menus in your portal using the navigation menu editor on the Menus page.\n\nTo access the Menus page: \n\n### Cloud Console UI\n\n1. In the Apigee in Cloud console, go to the **Distribution \\\u003e Portals** page. \n\n [Go to Portals](https://console.cloud.google.com/apigee/portals)\n2. Click your portal.\n3. Click **Menus**.\n\n### Classic UI\n\n- Select **Publish \\\u003e Portals** in the side navigation bar, select your portal, and click **Menus** on the landing page.\n- When editing your portal, select **Menus** in the drop-down menu in the top navigation bar.\n\nThe navigation menu editor lets you:\n\n- Select the menu you want to edit (header or footer) and view the menu item details\n- [Add items](#add-menu-item) to a navigation menu\n- [Create submenus](#add-submenu)\n- [Edit](#edit-menu-item) or [delete](#delete-menu-item) a menu item\n- [Rearrange menu items](#rearrange-menu-items)\n- [Publish a menu](#publish-menu)\n\nAbout the default navigation menus\n----------------------------------\n\nTwo navigation menus are provided by default: **Header** and **Footer**. The default navigation menus appear in and link to the set of starter pages provided, as shown in the following figure.\n\nAdding items to a navigation menu\n---------------------------------\n\n| **Note:** You can add a **maximum of 200** menu items.\n\nTo add an item to a navigation menu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to edit in the drop-down list (Header or Footer).\n3. Click **+ Menu Item**.\n4. In the navigation menu dialog, enter the following details:\n\n5. Click **Create**.\n\n6. Click **Publish** to publish your changes to the live portal.\n\nRearranging menu items\n----------------------\n\nTo rearrange an item in a navigation menu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to edit in the drop-down list.\n3. Move the menu item.\n\n ### Cloud Console UI\n\n Click the arrow_upward **Up arrow**\n on a row to move the item up. Or click the\n arrow_downward **Down arrow**\n on a row to move the item down.\n\n ### Classic UI\n\n 1. Position your cursor over the menu item that you want to move to display the actions.\n 2. Click and hold the mouse button over , to the left of the menu item name.\n 3. Drag the menu item to its new location in the menu item list and release the mouse button.\n4. Click **Publish** to publish your changes to the live portal.\n\nCreating a submenu\n------------------\n\nA submenu displays as a drop-down menu when you overlay the parent item.\n\nTo create a submenu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to edit in the drop-down list.\n3. [Add a menu item](#add-menu-item) that will serve as the parent menu.\n4. [Add additional menu items](#add-menu-item) that will serve as the submenus.\n5. [Rearrange the submenu items](#rearrange-menu-items) so that they are under the parent menu in the desired order that you want them to appear in the menu.\n6. Change a menu item to a submenu.\n\n ### Cloud Console UI\n\n Click more_vert **More** ,\n **Convert to submenu item**.\n\n To move a submenu item back to the top-level menu hierarchy:\n\n Click more_vert **More** ,\n **Convert to top-level item**.\n\n ### Classic UI\n\n Position the cursor over the menu item that you want to add as a submenu and click to indent the submenu items one level under the parent menu.\n\n To move a submenu item back to the top-level menu hierarchy, click .\n\n The following figure shows how a submenu item appears in the menu list:\n\n7. Click **Publish** to publish your changes to the live portal.\n\nEditing a navigation menu item\n------------------------------\n\nTo edit an item in the navigation menu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to edit in the drop-down list.\n3. Open the editor.\n\n ### Cloud Console UI\n\n For the item you want to edit, click\n more_vert **More** ,\n edit **Edit**.\n\n ### Classic UI\n\n Position the cursor over the menu item that you want to edit and click .\n4. Edit the menu item details.\n\n5. Click **Save**.\n\n6. Click **Publish** to publish your changes to the live portal.\n\nPublishing a navigation menu\n----------------------------\n\nTo publish a navigation menu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to publish from the drop-down list.\n3. Click **Publish** to publish the navigation menu.\n\nDeleting an item from a navigation menu\n---------------------------------------\n\nTo delete an item from a navigation menu:\n\n1. [Access the Menus page](#explore-ui).\n2. Select the menu that you want to edit from the drop-down list.\n3. Delete the menu item.\n\n ### Cloud Console UI\n\n For the item you want to delete, click\n more_vert **More** ,\n delete **Delete**.\n\n ### Classic UI\n\n 1. Position your cursor over the menu item in the list to display the actions menu.\n 2. Click .\n4. Click **Delete** to confirm the delete operation.\n\n5. Click **Publish** to publish your changes to the live portal.\n\nCustomizing the menu items and navigation bar\n---------------------------------------------\n\nCustomize the font size and style of the menu items and other aspects of the navigation bar appearance, as described in [Customizing the navigation toolbar](/apigee/docs/api-platform/publish/portal/api-portal-themes#navbar)."]]
, di sebelah kiri nama item menu.
untuk mengindentasi item submenu satu tingkat di bawah menu induk.
.
.
.