Dois menus de navegação são fornecidos por padrão: Cabeçalho e Rodapé. Os menus de navegação padrão aparecem e contêm um link para o conjunto de páginas iniciais fornecido, conforme mostrado na figura a seguir.
Selecione o menu que você quer editar na lista suspensa (cabeçalho ou rodapé).
Clique em + Item do menu.
Na caixa de diálogo do menu de navegação, insira os seguintes detalhes:
Campo
Descrição
Obrigatório?
Nome
Nome do item de menu conforme ele aparecerá no portal. Esse valor pode ser diferente do nome real da página.
Sim
URL ou caminho da página
Insira um URL absoluto para uma página externa, um URL absoluto ou relativo para uma página no seu portal ou clique no campo de texto e selecione uma página no seu portal na lista suspensa.
Sim
Clique em Criar.
Clique em Publicar para publicar as alterações no portal ao vivo.
Selecione o menu que você quer editar na lista suspensa.
Mova o item do menu.
Interface do Console do Cloud
Clique na arrow_upwardseta para cima
em uma linha para mover o item para cima. Ou clique na
arrow_downwardseta para baixo
em uma linha para mover o item para baixo.
IU clássica
Posicione o cursor sobre o item de menu que você quer mover para exibir as ações.
Clique e mantenha o botão do mouse pressionado sobre , à esquerda do nome do item de menu.
Arraste o item de menu para o novo local na lista de itens do menu e solte o botão do mouse.
Clique em Publicar para publicar as alterações no portal ao vivo.
Como criar um submenu
Um submenu é exibido como um menu suspenso quando você sobrepõe o item pai.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Informações incorretas ou exemplo de código","incorrectInformationOrSampleCode","thumb-down"],["Não contém as informações/amostras de que eu preciso","missingTheInformationSamplesINeed","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-08-18 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)."]]
, à esquerda do nome do item de menu.
para recuar os itens do submenu um nível no menu pai.
.
.
.