Gérer ou modifier un thème avec Générateur de thèmes

Vous pouvez personnaliser et gérer votre thème et votre style de manière efficace en termes de temps et d’argent. Les nouveaux thèmes peuvent être appliqués aux implémentations Web uniquement, Mobile uniquement, ou aux implémentations Web et Mobile de votre instance.

Avant de commencer

Rôle requis : admin

Procédure

1. Accédez à la Tous > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
   La page de destination de Theme Builder s’affiche dans la vue de la page d’accueil.
2. Vous pouvez sélectionner le thème que vous souhaitez modifier à partir de la vue de la page Gestionnaire ou Éditeur.

   Figure 1. Menu de page

   

   • Dans l’affichage de la page Gestionnaire , vous pouvez afficher les thèmes existants de deux façons : en mode Grille ou en mode Liste, selon l’icône sélectionnée à l’aide des icônes suivantes. Dans la vue de la page Gestionnaire, vous pouvez afficher tous les thèmes que vous avez créés sur le même écran.

     Figure 2. Vue en grille

     

     Figure 3. Affichage par liste

     

     Remarque :

     La vue Liste indique les expériences auxquelles les thèmes ont été appliqués. Par exemple, le thème ABC Co. a été appliqué dans des instances Web et le thème Blimey a été appliqué dans des instances Mobile. La liste déroulante Appliquer vous permet de sélectionner Web et mobile, Web uniquement ou Mobile uniquement. Pour plus d'informations, consultez Appliquer votre thème avec Générateur de thèmes.
   • Dans la vue de la page Éditeur , vous pouvez sélectionner le thème que vous souhaitez modifier dans la liste déroulante Thème . Dans la vue de la page Éditeur, vous ne pouvez voir que le thème que vous sélectionnez. Pour afficher tous les thèmes que vous avez créés sur le même écran, basculez vers l’affichage de la page Gestionnaire.

     Figure 4. Sélectionnez un thème dans la liste déroulante Thème

     

   Remarque :

   Lorsque vous avez sélectionné le thème sur lequel vous souhaitez travailler, il est judicieux de vérifier que vous avez sélectionné le bon périmètre pour celui-ci dans le sélecteur de périmètre de l’application.

   Figure 5. Sélecteur de périmètre de l’application

   

3. Une fois que vous avez sélectionné le thème que vous souhaitez modifier, examinez et mettez à jour les composants de styles globaux selon vos besoins.

   Figure 6. Examiner les styles globaux

   

   Remarque :

   Voici les enregistrements de style générés avec votre thème.

   • Votre palette de marques : mettez à jour les couleurs de l’interface de votre marque.
   • Logo : mettez à jour le logo. Vous pouvez charger le logo lors de l’application du thème à partir de l’imagerie ou de la page de vue d’ensemble. Pour plus d’informations, reportez-vous à la rubrique Charger un logo lors de l’application d’un thème .
   • Famille de polices : mettez à jour les polices appliquées globalement à votre expérience. Les polices sont utilisées dans les titres, les titres, les sous-titres, le corps du texte et les légendes.
   • Forme : met à jour les formes d’angle des composants à l’écran.
4. Facultatif : Pour prévisualiser votre thème avant de l’appliquer à votre instance, sélectionnez l’onglet Aperçu de l’expérience .

   

   Une instance active réelle s’affiche avec toutes les sélections de thème appliquées. Vous pouvez la prévisualiser avant d’implémenter les thèmes sélectionnés sur l’instance réelle.

   Figure 7. Aperçu de votre expérience avec le thème appliqué

   

   Remarque :

   Les données dans l’aperçu de l’expérience sont des données en direct ; Les modifications apportées dans l’aperçu sont répercutées sur votre instance.
5. Pour appliquer le thème à votre instance, sélectionnez Appliquer le thème dans le coin supérieur droit.
   Remarque :

   Vous pouvez appliquer votre thème uniquement aux implémentations Web de votre instance, uniquement aux implémentations Mobile, ou aux implémentations Web et Mobile.

   

6. Une fois que vous avez fait votre choix, sélectionnez Postuler dans la zone de confirmation.
   Remarque :

   Si le nom du thème est le même que celui du thème actuellement appliqué, le bouton Appliquer le thème est désactivé. Pour plus d’informations, reportez-vous à la rubrique Appliquer un thème.

• Styles principaux, couleurs, variantes et autres palettes de couleurs
  Vous pouvez personnaliser l’apparence de l’interface Next Experience utilisateur pour différents utilisateurs en configurant les styles principaux, les variantes et les autres palettes de couleurs.
• Ajouter une autre palette de couleurs
  Une fois que vous avez créé un thème, vous pouvez le personnaliser davantage en créant une autre palette de couleurs pour le thème et en l’appliquant à votre instance.
• Prévisualiser les composants
  Lorsque vous créez ou gérez votre thème, vous pouvez prévisualiser les composants disponibles pour inclusion sur votre instance.
• Modifier les composants
  Lorsque vous créez ou gérez votre thème, vous pouvez modifier les composants individuels pour mieux correspondre à votre marque et respecter les normes de conformité en matière d’accessibilité. Les accroches de thème que vous pouvez modifier sont spécifiques à chaque type de composant.