Vous verrez que le logo de l'entreprise s'affiche dans la barre de navigation supérieure du portail. Vous allez le remplacer à cette étape.
Pour remplacer le logo :
Procurez-vous une copie du logo de votre entreprise qui pourrait être utilisé dans la barre de navigation supérieure pour ordinateur de bureau (taille approximative : 192 x 32 pixels) et pour mobile (environ taille : 156 x 32 pixels).
Importez le logo principal.
Interface utilisateur de la console Cloud
Dans l'éditeur de thème, sous Styles de base, cliquez sur Parcourir.
Accédez au fichier du logo et sélectionnez-le.
Cliquez sur Ouvrir.
UI classique
Dans l'éditeur de thèmes, pour remplacer le logo de la barre de navigation supérieure sur ordinateur de bureau :
Sous Styles de base dans le volet de droite, cliquez sur Importer sous le champ Logo principal.
Recherchez la version classique de votre logo dans votre répertoire local.
Cliquez sur Ouvrir pour importer le fichier.
Importez le logo pour mobile.
Interface utilisateur de la console Cloud
Dans l'éditeur de thème, sous Styles de base, développez Options de logo.
Cliquez sur Parcourir.
Accédez au fichier du logo mobile, puis sélectionnez-le.
Cliquez sur Ouvrir.
UI classique
Pour remplacer le logo de la barre de navigation supérieure sur mobile :
Sous Styles de base dans le volet de droite, développez Options de logo, puis cliquez sur Importer sous le champ Logo pour mobile.
Recherchez la version mobile de votre logo dans votre répertoire local.
Cliquez sur Ouvrir pour importer le fichier.
Cliquez sur Enregistrer.
Cliquez sur Aperçu pour prévisualiser les modifications apportées au portail dans un navigateur.
Selon la largeur de votre navigateur, vous pouvez afficher la version du logo pour ordinateur de bureau et mobile.
Cliquez sur Publier pour publier les modifications sur votre portail. Confirmez l'opération lorsque vous y êtes invité.
Cliquez sur Afficher le portail pour ouvrir le portail actif dans un nouvel onglet (ou actualisez l'onglet dans lequel il est déjà ouvert).
Vous allez ensuite modifier le contenu de la page dans 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/09/05 (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/05 (UTC)."],[[["\u003cp\u003eThis guide explains how to replace the default logo in the top navigation bar of your Apigee or Apigee hybrid portal.\u003c/p\u003e\n"],["\u003cp\u003eYou will need to upload two versions of your company logo: one for desktop displays (approximately 192 x 32 pixels) and one for mobile displays (approximately 156 x 32 pixels).\u003c/p\u003e\n"],["\u003cp\u003eThe logo is uploaded via the Theme Editor, under the Basic Styles section, by selecting and uploading your logo files into the Primary logo and Mobile logo fields.\u003c/p\u003e\n"],["\u003cp\u003eAfter uploading, the changes can be viewed in the preview pane, and published to the portal, which can then be viewed in a new browser tab.\u003c/p\u003e\n"],["\u003cp\u003eFollowing this process will allow you to move on to the next step of editing the page content in your portal.\u003c/p\u003e\n"]]],[],null,["# Step 3: Customize the logo\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\nNotice the company logo that appears in the top navigation bar in the portal. You're going to replace it in this step.\n\nTo replace the logo:\n\n1. Obtain a copy of your company logo that would be suitable for use in the top navigation bar for **desktop** (approximate size: 192 x 32 pixels) and\n **mobile** (approximate size: 156 x 32 pixels) displays.\n\n | **Note:** If your desktop and mobile logos are a different size than the defaults, they are resized automatically to 60% of the height of the navigation bar.\n2. Upload the primary logo.\n\n ### Cloud Console UI\n\n 1. In the Theme editor, under **Basic Styles** , click **Browse**.\n 2. Navigate to and select the logo file.\n 3. Click **Open**.\n\n ### Classic UI\n\n In the Theme Editor, to replace the logo in the top navigation bar on **desktop** displays:\n 1. Under **Basic Styles** in the right pane click **Upload** under the **Primary logo** field.\n 2. Browse for the **desktop version of your logo** in your local directory.\n 3. Click **Open** to upload the file.\n3. Upload the mobile logo.\n\n ### Cloud Console UI\n\n 1. In the Theme editor, under **Basic Styles** , expand **Logo options**.\n 2. Click **Browse**.\n 3. Navigate to and select the mobile logo file.\n 4. Click **Open**.\n\n ### Classic UI\n\n To replace the logo in the top navigation bar on **mobile** displays:\n 1. Under **Basic Styles** in the right pane expand **Logo options** and click **Upload** under the **Mobile logo** field.\n 2. Browse for the **mobile version of your logo** in your local directory.\n 3. Click **Open** to upload the file.\n4. Click **Save**.\n\n5. Click **Preview** to preview the portal changes in a browser.\n Depending on the width of your browser, you may see the desktop or mobile version of the logo.\n\n6. Click **Publish** to publish the changes to your portal. Confirm the operation when prompted.\n\n7. Click **View Portal** to open the live portal in a new browser tab (or refresh the tab in which it is already open).\n\nNext, you'll **edit page content** in 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[(NEXT) Step 4: Edit page content](/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[6](/apigee/docs/api-platform/publish/portal/get-started/publish-api)\n\n\u003cbr /\u003e"]]
Importer sous le champ Logo principal.