Skip to main content

Défi

Appliquer un thème et un style

3 Tâches

5 mins

Visible to all users
Débutant Pega Platform 8.5 Pega Platform 8.4 Expérience utilisateur Français

Scénario

L’équipe marketing d’InsCorp vous a demandé de personnaliser le thème de l’application GoGoRoad afin qu’il reflète la marque de l’entreprise. Appliquez les couleurs et le logo de l’entreprise au thème de l’application.

Vous trouverez dans le tableau suivant les identifiants dont vous avez besoin pour relever le défi.

Rôle Nom d’utilisateur Mot de passe
Développeur d’applications author@gogoroad pega123!

Présentation du défi

You must initiate your own Pega instance to complete this Défi.

L'initialisation peut prendre jusqu'à 5 minutes, donc soyez patient.

Détail des tâches

1 Modifier le logo de l’application

  1. Dans le volet de navigation d’App Studio, cliquez sur Settings > Theme.
  2. Cliquez sur Change logo pour remplacer le logo par un logo existant ou un nouveau logo.
  3. Dans la boîte de dialogue, sélectionnez un logo existant et cliquez sur Submit.
    Note: Pour les besoins de ce défi, utilisez un logo prêt à l’emploi.
  4. Vérifiez que le logo à gauche du bouton Change logo est bien celui que vous avez sélectionné.
    GoGoRoad application theme with new logo selected

2 Modifier le thème de l’application

  1. Dans la section Theme du thème de l’application, cliquez sur un thème.
    GoGoRoad application with new theme selected
  2. Vérifiez que la couleur d’arrière-plan du logo et les couleurs de la section qui suit correspondent aux couleurs du thème sélectionné.
  3. Dans la section Colors, sélectionnez la case Links pour ouvrir une boîte de dialogue dans laquelle vous pouvez modifier la couleur des liens de l’application.
    GoGoRoad application theme Links color
  4. Dans le champ Hex value, saisissez 0000EE.
  5. Cliquez sur Save pour que les liens s’affichent désormais en bleu.
  6. Dans la section Text, à droite de Heading 1, cliquez sur la deuxième liste déroulante et sélectionnez Bold.
  7. À droite de Heading 1, dans le troisième champ, saisissez la valeur 20.
    GoGoRoad application theme Heading 1 text
  8. Cliquez sur Save pour appliquer les modifications apportées au thème de l’application GoGoRoad.

3 Vérifier votre travail

  1. Dans l’en-tête d’App Studio, cliquez sur Preview application pour visualiser les modifications apportées au thème et au logo.
  2. Vérifiez que l’en-tête de l’application utilise le nouveau logo et les nouvelles couleurs du thème.
    GoGoRoad application with updated theme and logo


Disponible dans les missions suivantes :

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

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