Per impostazione predefinita, vengono forniti due menu di navigazione: Intestazione e Piè di pagina. I menu di navigazione predefiniti vengono visualizzati e rimandano al set di pagine iniziali fornite, come mostrato nella figura seguente.
Aggiungere elementi a un menu di navigazione
Per aggiungere un elemento a un menu di navigazione:
Seleziona il menu che vuoi modificare nell'elenco a discesa (intestazione o piè di pagina).
Fai clic su + Elemento del menu.
Nella finestra di dialogo del menu di navigazione, inserisci i seguenti dettagli:
Campo
Descrizione
Obbligatorio?
Nome
Nome della voce di menu come verrà visualizzata nel portale. Questo valore può essere diverso dal nome effettivo della pagina.
Sì
Percorso o URL della pagina
Inserisci un URL assoluto a una pagina esterna, un URL assoluto o relativo a una pagina del tuo portale oppure fai clic sul campo di testo e seleziona una pagina del tuo portale dall'elenco a discesa.
Sì
Fai clic su Crea.
Fai clic su Pubblica per pubblicare le modifiche nel portale online.
Riorganizzare le voci di menu
Per riorganizzare un elemento in un menu di navigazione:
Seleziona il menu che vuoi modificare nell'elenco a discesa.
Sposta la voce di menu.
UI di Cloud Console
Fai clic sulla arrow_upwardfreccia su
in una riga per spostare l'elemento verso l'alto. In alternativa, fai clic sulla
arrow_downwardFreccia giù
in una riga per spostare l'elemento verso il basso.
UI classica
Posiziona il cursore sull'elemento di menu che vuoi spostare per visualizzare le azioni.
Fai clic e tieni premuto il pulsante del mouse su , a sinistra del nome della voce di menu.
Trascina la voce di menu nella nuova posizione nell'elenco delle voci di menu e rilascia il pulsante del mouse.
Fai clic su Pubblica per pubblicare le modifiche nel portale online.
Creare un sottomenu
Un sottomenu viene visualizzato come menu a discesa quando sovrapponi l'elemento principale.
Seleziona il menu che vuoi modificare dall'elenco a discesa.
Elimina la voce di menu.
UI di Cloud Console
Per l'elemento che vuoi eliminare, fai clic su
more_vertAltro,
deleteElimina.
UI classica
Posiziona il cursore sull'elemento di menu nell'elenco per visualizzare il menu delle azioni.
Fai clic su .
Fai clic su Elimina per confermare l'operazione di eliminazione.
Fai clic su Pubblica per pubblicare le modifiche nel portale online.
Personalizzare le voci di menu e la barra di navigazione
Personalizza le dimensioni e lo stile del carattere delle voci di menu e altri aspetti dell'aspetto della barra di navigazione, come descritto in Personalizzare la barra di navigazione.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Difficile da capire","hardToUnderstand","thumb-down"],["Informazioni o codice di esempio errati","incorrectInformationOrSampleCode","thumb-down"],["Mancano le informazioni o gli esempi di cui ho bisogno","missingTheInformationSamplesINeed","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 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)."]]