Sie sehen das Firmenlogo, das in der oberen Navigationsleiste des Portals angezeigt wird. Sie werden es in diesem Schritt ersetzen.
So ersetzen Sie das Logo:
Besorgen Sie eine Kopie des Unternehmenslogos, das sich in der oberen Navigationsleiste für Desktop (ca. 192 x 32 Pixel) und Mobilgerät (ca. 156 x 32 Pixel) verwenden lässt.
Laden Sie das primäre Logo hoch.
Cloud Console-UI
Klicken Sie im Themeneditor unter Einfache Stile auf Durchsuchen.
Rufen Sie die Logodatei auf und wählen Sie sie aus.
Klicken Sie auf Öffnen.
Klassische UI
So ersetzen Sie im Themeneditor das Logo in der oberen Navigationsleiste für Desktop-Bildschirme:
Klicken Sie im rechten Bereich unter Einfache Stile unter dem Feld Primäres Logo auf Hochladen.
Suchen Sie in Ihrem lokalen Verzeichnis nach der Desktopversion Ihres Logos.
Klicken Sie auf Öffnen, um die Datei hochzuladen.
Laden Sie das mobile Logo hoch.
Cloud Console-UI
Maximieren Sie im Themeneditor unter Einfache Stile die Logo-Optionen.
Klicken Sie auf Durchsuchen.
Wählen Sie die Datei mit dem mobilen Logo aus.
Klicken Sie auf Öffnen.
Klassische UI
So ersetzen Sie das Logo in der oberen Navigationsleiste auf Mobilgeräte-Bildschirmen:
Maximieren Sie im Bereich rechts unter Einfache StileLogo-Optionen und klicken Sie unter dem Feld Mobiles Logo auf Hochladen.
Suchen Sie in Ihrem lokalen Verzeichnis nach der mobilen Version Ihres Logos.
Klicken Sie auf Öffnen, um die Datei hochzuladen.
Klicken Sie auf Speichern.
Klicken Sie auf Vorschau, um eine Vorschau der Portaländerungen in einem Browser anzusehen.
Je nach Breite Ihres Browsers wird möglicherweise die Desktopversion oder die mobile Version des Logos angezeigt.
Klicken Sie auf Veröffentlichen, um die Änderungen in Ihrem Portal zu veröffentlichen. Bestätigen Sie den Vorgang, wenn Sie dazu aufgefordert werden.
Klicken Sie auf Live-Portal, um das Live-Portal in einem neuen Browsertab zu öffnen. Sie können auch den Tab aktualisieren, in dem das Portal bereits geöffnet ist.
Als Nächstes bearbeiten Sie den Seiteninhalt im Portal.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Schwer verständlich","hardToUnderstand","thumb-down"],["Informationen oder Beispielcode falsch","incorrectInformationOrSampleCode","thumb-down"],["Benötigte Informationen/Beispiele nicht gefunden","missingTheInformationSamplesINeed","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 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"]]
Hochladen.