Deux menus de navigation sont fournis par défaut : Header (En-tête) et Footer (Pied de page). Les menus de navigation par défaut s'affichent et redirigent vers l'ensemble de pages de démarrage fournies, comme illustré dans la figure suivante.
Ajouter des éléments à un menu de navigation
Pour ajouter un élément à un menu de navigation, procédez comme suit :
Sélectionnez le menu que vous souhaitez modifier dans la liste déroulante ("En-tête" ou "Pied de page").
Cliquez sur + Élément de menu.
Dans la boîte de dialogue du menu de navigation, saisissez les informations suivantes :
Champ
Description
Obligatoire ?
Nom
Nom de l'élément de menu tel qu'il apparaîtra sur le portail. Cette valeur peut être différente du nom de la page.
Oui
Chemin de la page ou URL
Saisissez une URL absolue vers une page externe, une URL absolue ou relative vers une page de votre portail, ou cliquez sur le champ de texte et sélectionnez une page de votre portail dans la liste déroulante.
Oui
Cliquez sur Créer.
Cliquez sur Publier pour publier vos modifications sur le portail actif.
Réorganiser des éléments de menu
Pour réorganiser un élément dans un menu de navigation :
Sélectionnez le menu que vous souhaitez modifier dans la liste déroulante.
Déplacez l'élément de menu.
Interface utilisateur de la console Cloud
Cliquez sur la flèche vers le hautarrow_upward d'une ligne pour déplacer l'élément vers le haut. Vous pouvez également cliquer sur la arrow_downwardflèche vers le bas sur une ligne pour déplacer l'élément vers le bas.
UI classique
Placez le curseur sur l'élément de menu que vous souhaitez déplacer pour afficher les actions.
Cliquez de manière prolongée avec le bouton de la souris sur , à gauche du nom de l'élément de menu.
Faites glisser l'élément de menu vers son nouvel emplacement dans la liste des éléments de menu, puis relâchez le bouton de la souris.
Cliquez sur Publier pour publier vos modifications sur le portail actif.
Créer un sous-menu
Un sous-menu s'affiche dans un menu déroulant lorsque vous superposez l'élément parent.
Réorganisez les éléments du sous-menu afin qu'ils se trouvent sous le menu parent dans l'ordre dans lequel vous souhaitez qu'ils apparaissent dans le menu.
Transformer un élément de menu en sous-menu
Interface utilisateur de la console Cloud
Cliquez sur more_vertPlus, puis sur Convertir en élément de sous-menu.
Pour replacer un élément de sous-menu dans la hiérarchie du menu de niveau supérieur :
Cliquez sur more_vertPlus, Convertir en élément de premier niveau.
UI classique
Placez le curseur sur l'élément de menu que vous voulez ajouter en tant que sous-menu, puis cliquez sur pour mettre en retrait les éléments de sous-menu d'un niveau sous le menu parent.
Pour replacer un élément de sous-menu dans la hiérarchie du menu de niveau supérieur, cliquez sur .
La figure suivante montre comment un sous-menu apparaît dans la liste des menus :
Cliquez sur Publier pour publier vos modifications sur le portail actif.
Sélectionnez le menu que vous souhaitez modifier dans la liste déroulante.
Supprimez l'élément de menu.
Interface utilisateur de la console Cloud
Pour l'élément à supprimer, cliquez sur more_vertPlusdeleteSupprimer.
UI classique
Placez le curseur sur l'élément de menu dans la liste pour afficher le menu d'actions.
Cliquez sur .
Cliquez sur Supprimer pour confirmer la suppression.
Cliquez sur Publier pour publier vos modifications sur le portail actif.
Personnaliser les éléments de menu et la barre de navigation
Personnalisez la taille et le style de la police des éléments de menu ainsi que d'autres aspects de l'apparence de la barre de navigation, comme décrit dans la section Personnaliser la barre de navigation.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/09/04 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Difficile à comprendre","hardToUnderstand","thumb-down"],["Informations ou exemple de code incorrects","incorrectInformationOrSampleCode","thumb-down"],["Il n'y a pas l'information/les exemples dont j'ai besoin","missingTheInformationSamplesINeed","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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)."]]
, à gauche du nom de l'élément de menu.
pour mettre en retrait les éléments de sous-menu d'un niveau sous le menu parent.
.
.
.