Skip to main content

Theme und Logo für ein Portal definieren

Pega Community-Logo

Hinweis: Der folgende Inhalt, der von Pega Community stammt, ist hier enthalten, damit Sie die Lernziele des Moduls einfacher erreichen können.

Sorgen Sie für eine einheitliche visuelle Identität, indem Sie die grafische Gestaltung Ihres Portals anpassen. Durch Anpassung des Logos und der Farbpalette der Benutzeroberfläche können Sie Ihre Anwendung auf die Branding-Anforderungen Ihres Unternehmens zuschneiden.

Sie können beispielsweise ein Standardfarbschema für die Elemente der Benutzeroberfläche wie Schaltflächen, Links und Schriftarten auswählen.
  1. Klicken Sie im Navigationspanel von App Studio auf Settings Theme.

  2. Wählen Sie in der Liste Show on banner die Elemente aus, die auf dem Banner in Ihrem Portal angezeigt werden sollen.

  3. Klicken Sie auf Change logo und wählen Sie dann aus, welche Art von Logo Sie verwenden möchten:

    Auswahlmöglichkeiten Aktionen
    Fertiges Logo von Pega Wählen Sie im Fenster „Logo settings“ ein Logo in der Grafikliste aus und klicken Sie dann auf Submit.
    Eigenes Logo
    1. Klicken Sie im Fenster „Logo settings“ auf Upload logo und wählen Ihre Datei aus.

      Unterstützte Dateitypen: JPG, PNG und GIF.

    2. Klicken Sie auf Submit.

  4. Wählen Sie im Abschnitt Theme die Farbe aus, die Sie für das Portal verwenden möchten.

  5. Optional:

    Um ein Theme anzupassen, klicken Sie auf das zu bearbeitende Theme und nehmen Sie die gewünschten Änderungen vor:

    Auswahlmöglichkeiten Aktionen
    Farbe ändern
    1. Klicken Sie im Abschnitt Colors auf die Farbe, die Sie ändern möchten.

    2. Wählen Sie im Fenster „Color Palette“ die Farbe aus, die Sie der Komponente zuweisen möchten. Klicken Sie dann auf Save.

    Farbe hinzufügen
    1. Klicken Sie im Abschnitt Colors auf Add theme color.

    2. Geben Sie im Feld Theme color den Namen der Komponente ein. Klicken Sie dann auf die Farbe, die der Komponente standardmäßig zugeordnet ist.

    3. Wählen Sie im Fenster „Color Palette“ die Farbe aus, die Sie der Komponente zuweisen möchten. Klicken Sie dann auf Save.

    Schrift ändern Legen Sie im Abschnitt Text die Schriftart, den Schriftschnitt und die Schriftgröße für die zu ändernde Komponente fest.
    Schriftart hinzufügen
    1. Klicken Sie im Abschnitt Text auf Add theme text.

    2. Legen Sie im Abschnitt Text die Schriftart, den Schriftschnitt und die Schriftgröße für die zu ändernde Komponente fest.

  6. Optional:

    Um alle Farb- und Textoptionen auf ihre Standardwerte für das Theme zurückzusetzen, klicken Sie auf Reset to default.

  7. Klicken Sie auf Save.

  • Steuerelemente während der Laufzeit umgestalten

    Sie können viele Steuerelemente während der Laufzeit in App Studio umgestalten und müssen nicht extra zu Dev Studio wechseln, um die Skin der Anwendung zu ändern. Für Drop-down-Steuerelemente können Sie beispielsweise die Textfarbe, die Hintergrundfüllung und -farbe sowie die Rahmenbreite und -farbe festlegen. Wenn Sie Steuerelemente direkt in App Studio umgestalten, können Sie Entwicklungszeit sparen.


Dieses Thema ist im folgenden Modul verfügbar:

Wenn Probleme mit den Lerninhalten auftreten, lesen Sie bitte die Pega Academy Support FAQs.

Fanden Sie diesen Inhalt hilfreich?

Möchten Sie uns dabei helfen, diesen Inhalt zu verbessern?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice