Ensuite, mettez à jour les barres de navigation supérieure (en-tête) et inférieure (pied de page) afin d'inclure la page Premiers pas.
Pour configurer la navigation:
Cliquez sur Menus sur la page d'informations des portails.
Vous devez d'abord mettre à jour la barre de navigation supérieure (en-tête) pour ajouter Premiers pas en tant qu'élément de menu. Notez que Header (En-tête) est sélectionné par défaut dans le menu déroulant.
Ouvrez la boîte de dialogue du menu de navigation.
Interface utilisateur de Cloud Console
Cliquez sur + Éléments de menu.
UI classique
Cliquez sur + Élément de menu.
Dans la boîte de dialogue du menu de navigation, saisissez les informations suivantes:
Champ
Valeur
Nom
Premiers pas
Chemin de la page ou URL
Cliquez dans le champ de texte, puis sur Premiers pas (/get-started) dans la liste. (Vous devrez peut-être faire défiler la page.)
Cliquez sur Créer.
Réorganisez l'élément de menu Premiers pas.
Interface utilisateur de Cloud Console
Cliquez sur la flèche vers le hautarrow_upward sur la ligne Commencer pour la déplacer vers le haut.
Cliquez dessus plusieurs fois jusqu'à ce que Commencer se trouve après Accueil et avant API.
UI classique
Placez le curseur sur l'élément de menu Get Started (Premiers pas) pour afficher les actions.
Cliquez de manière prolongée avec le bouton de la souris sur la poignée () qui s'affiche à gauche du nom de l'élément de menu.
Faites glisser l'élément de menu pour le placer avant les API, puis relâchez le bouton de la souris.
Cliquez sur Footer (Pied de page) dans le menu déroulant pour mettre à jour la barre de navigation inférieure (pied de page).
Répétez les étapes 2 à 5 pour ajouter Premiers pas en tant qu'élément de menu dans la barre de navigation inférieure (pied de page).
Publiez vos modifications sur le portail en ligne.
Interface utilisateur de Cloud Console
Cliquez sur Menu "Publier".
UI classique
Cliquez sur Publier.
Ouvrez le portail actif dans un nouvel onglet de navigateur (ou actualisez l'onglet dans lequel il est déjà ouvert).
Interface utilisateur de Cloud Console
Cliquez sur Afficher le portail en direct.
UI classique
Cliquez sur Portail en direct.
Cliquez sur Premiers pas dans la barre de navigation supérieure pour afficher la page "Premiers pas".
Vous allez ensuite publier une API sur le portail.
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/08/18 (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/08/18 (UTC)."],[[["\u003cp\u003eThis guide focuses on setting up navigation for Apigee and Apigee hybrid portals by updating both the header and footer navigation bars.\u003c/p\u003e\n"],["\u003cp\u003eThe primary action is adding a "Get Started" menu item to the top and bottom navigation bars.\u003c/p\u003e\n"],["\u003cp\u003eUsers will utilize the portal's Menus page to create and arrange the new "Get Started" menu item.\u003c/p\u003e\n"],["\u003cp\u003eOnce added, the "Get Started" menu item should be repositioned to precede the "APIs" section in both navigation bars.\u003c/p\u003e\n"],["\u003cp\u003eThe process concludes by publishing these navigation changes to the live portal and verifying the placement of the "Get Started" page.\u003c/p\u003e\n"]]],[],null,["# Step 5: Set 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\nNext, you'll update the top (header) and bottom (footer) navigation bars to include the **Get Started** page.\n\nTo set up navigation:\n\n1. Click **Menus** on the portals details page. \n First you'll update the top (header) navigation bar to add **Get Started** as a menu item. Notice that **Header** is selected by default in the menu drop-down.\n2. Open the navigation menu dialog.\n\n ### Cloud Console UI\n\n Click **+ Menu Items**.\n\n ### Classic UI\n\n Click **+ Menu Item**.\n3. In the navigation menu dialog, enter the following details:\n\n \u003cbr /\u003e\n\n4. Click **Create**.\n\n5. Rearrange the **Get Started** menu item.\n\n ### Cloud Console UI\n\n 1. Click the arrow_upward **Up arrow** on the **Get started** row to move it up.\n 2. Click it repeatedly until **Get started** is after **Home** and before **APIs**.\n\n ### Classic UI\n\n 1. Position your cursor over the **Get Started** menu item to display the actions.\n 2. Click and hold the mouse button over the handle () that appears to the left of the menu item name.\n 3. Drag the menu item to position it before APIs and release the mouse button. \n6. Click **Footer** in the menu drop-down to update the bottom (footer)\n navigation bar.\n\n7. Repeat steps 2 through 5 to add **Get Started** as a menu item in the\n bottom (footer) navigation bar.\n\n8. Publish your changes to the live portal.\n\n ### Cloud Console UI\n\n Click **Publish menu**.\n\n ### Classic UI\n\n\n Click **Publish**.\n9. Open the live portal in a new browser tab\n (or refresh the tab in which it is already open).\n\n ### Cloud Console UI\n\n Click **View Live Portal**.\n\n ### Classic UI\n\n Click **Live Portal**.\n10. Click **Get Started** in the top navigation bar to display the\n Get Started page.\n\nNext, you'll publish an API to the portal.\n\n\n[1](/apigee/docs/api-platform/publish/portal/get-started/create-portal)\n\n\n[2](/apigee/docs/api-platform/publish/portal/get-started/customize-color-palette)\n\n\n[3](/apigee/docs/api-platform/publish/portal/get-started/customize-logo)\n\n\n[4](/apigee/docs/api-platform/publish/portal/get-started/edit-page)\n\n\n[5](/apigee/docs/api-platform/publish/portal/get-started/set-up-navigation)\n\n\n[(NEXT) Step 6: Publish an API](/apigee/docs/api-platform/publish/portal/get-started/publish-api)\n\n\u003cbr /\u003e"]]