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

Personnalisez et gérez votre thème et votre style de manière rapide et rentable. Après la personnalisation, publiez votre nouveau thème dans une implémentation Web ou mobile de votre instance.

Avant de commencer

Rôle requis : admin

Procédure

1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
   La page de destination du générateur de thèmes s’affiche dans la vue de la page d’accueil.
2. Dans la vue de la page d’accueil, sélectionnez le thème que vous souhaitez modifier à partir de la vue de page Gestionnaire ou Éditeur.

   Figure 1. Menu de page

   

   • Dans la vue de la page Gestionnaire, vous avez le choix d’afficher les thèmes existants de deux manières. Vous pouvez choisir la vue Grille ou la vue Liste.
     Remarque :

     Dans les vues Grille et Liste, vos thèmes publiés et non publiés sont regroupés séparément. Les thèmes publiés sont des thèmes qui apparaissent dans la préférence de thème de l’utilisateur. Affichez vos thèmes Web et Mobile en sélectionnant le bouton Web ou Mobile .

     Figure 2. Vue en grille

     

     Figure 3. Vue liste

     

     L’icône Actions supplémentaires (icône pour les thèmes publiés contient les options suivantes :

     • Dupliquer
     • Supprimer
     • Ajouter une autre palette de couleurs
     • Annuler la publication
     • Marquer comme valeur par défaut
       Remarque :

       Cette option s’affiche si le thème n’est pas le thème par défaut actuel.
     L’icône Actions supplémentaires ( ) pour les thèmes publiés avec les autres palettes de couleurs définies contient les options suivantes :

     • Modifier le nom du groupe
     • Dupliquer
     • Supprimer
     • Annuler la publication
     • Marquer comme valeur par défaut
       Remarque :

       Cette option s’affiche si le thème n’est pas le thème par défaut actuel.
     L’icône Actions supplémentaires (icône pour les thèmes non publiés contient les options suivantes :

     • Dupliquer
     • Supprimer
     • Ajouter une autre palette de couleurs
     • Publier
   • 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 page Éditeur, vous ne pouvez voir que le thème que vous sélectionnez. Pour voir tous les thèmes que vous avez créés dans le même écran, passez à la vue de la page Gestionnaire.

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

     

   Remarque :

   Lorsque vous sélectionnez le thème sur lequel vous souhaitez travailler, vérifiez que vous avez sélectionné le périmètre correct pour le thème dans le sélecteur de périmètre de l’application.

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

   

3. Examinez et mettez à jour les styles globaux, selon les besoins.

   Figure 6. Examiner les styles globaux

   

   Remarque :

   Les enregistrements de style suivants sont générés avec votre thème :

   • Votre palette de marques : mettez à jour les couleurs de l’interface pour votre marque.
   • Logo : mettez à jour le logo. Vous pouvez charger le logo pendant l’application du thème à partir de l’imagerie ou de la page de présentation. Pour plus d'informations, consultez Charger un logo lors de la publication d’un thème avec Générateur de thèmes.
   • 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 : mettez à jour les formes d’angle des composants à l’écran.
   1. Facultatif : Pour modifier les couleurs de l’interface utilisateur générées automatiquement pour une modification plus approfondie, sélectionnez l’icône Palette de couleurs (icône dans le panneau de couleurs Styles globaux. Utilisez la liste déroulante en regard de chaque élément d’interface utilisateur pour accéder aux options de couleur.
      Remarque :

      Une fois que vous avez enregistré les modifications apportées à l’un des crochets de couleur, un symbole Supprimer le remplacement apparaît. Sélectionnez le symbole Supprimer le remplacement pour rétablir les couleurs générées automatiquement par vos modifications.

      

4. Facultatif : Pour prévisualiser votre thème avant de le publier sur votre instance, sélectionnez l’onglet Aperçu de l’expérience .

   

   Sélectionnez l’expérience que vous souhaitez prévisualiser dans la liste déroulante Expérience.

   

   Une instance réelle en direct apparaît avec toutes les sélections de thèmes appliquées. Vous pouvez le prévisualiser avant d’implémenter les thèmes sélectionnés sur l’instance réelle.

   Remarque :

   Sélectionnez l’icône Ouvrir dans un nouvel onglet ( . ) pour ouvrir l’expérience dans un nouvel onglet. Vous pouvez voir comment votre thème non publié interagit avec l’expérience que vous avez sélectionnée.

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

   

   Remarque :

   Pour les thèmes publiés, les données de l’aperçu de l’expérience sont des données en direct. Les modifications que vous apportez dans l’aperçu sont répercutées sur votre instance.
5. Publiez votre thème.
   Pour plus d'informations, consultez Publier vos thèmes avec Générateur de thèmes.

• Styles de base, couleurs, variantes et autres palettes de couleurs
  Vous pouvez adapter l’apparence de l’interface Next Experience utilisateur à différents utilisateurs en configurant les styles de base, les variantes et les autres palettes de couleurs.
• Ajouter une autre palette de couleurs
  Personnalisez un Générateur de thèmes thème en créant une autre palette de couleurs pour le thème et en la publiant sur votre instance.
• Prévisualiser les composants
  Lorsque vous créez ou gérez votre thème, vous pouvez prévisualiser les composants disponibles pour l’inclusion sur votre instance.
• Modifier des composants
  Modifiez Générateur de thèmes les composants individuels pour mieux correspondre à votre marque et aux normes de conformité en matière d’accessibilité. Les accroches de thème que vous pouvez modifier sont spécifiques à chaque type de composant.