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 : ui_builder_admin

Pour en savoir plus sur les rôles granulaires, reportez-vous à la section Granular admin roles.

Procédure

1. Accédez à la Tous > Cadre de travail Now Experience > Générateur de thèmes.
   La Générateur de thèmes page de destination s’ouvre dans un nouvel onglet et s’affiche dans la vue Page d’accueil.

   Figure 1. Menu de page

   

2. Dans la vue de la page d’accueil, sélectionnez la vue de la page du gestionnaire pour afficher tous les thèmes disponibles.
   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 les préférences 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

   

   Utilisez l’icône Actions supplémentaires sur un thème publié pour accéder à ces options :

   • Dupliquer : crée une copie du thème pour réutilisation ou modification.
   • Supprimer : supprime définitivement le thème de votre liste.
   • Ajouter une autre palette de couleurs : applique une combinaison de couleurs différente au thème pour varier.
   • Annuler la publication : supprime le thème de l’utilisation active sans le supprimer, afin que vous puissiez le modifier ou le republier ultérieurement.
   • Marquer comme valeur par défaut : définit le thème comme première option affichée dans la préférence utilisateur de thème Next Experience . Cette option s’affiche si le thème n’est pas le thème par défaut actuel.

   Utilisez l’icône Actions supplémentaires sur un thème publié avec une autre palette de couleurs définie pour accéder à ces options :

   • Modifier le nom du groupe : renomme le groupe de thèmes, qui inclut le thème de base et toutes ses autres palettes de couleurs.
   • Dupliquer : crée une copie du thème pour réutilisation ou modification.
   • Supprimer : supprime définitivement le thème de votre liste.
   • Annuler la publication : supprime le thème de l’utilisation active sans le supprimer, afin que vous puissiez le modifier ou le republier ultérieurement.
   • Marquer comme valeur par défaut : définit le thème comme première option affichée dans la préférence utilisateur de thème Next Experience . Cette option s’affiche si le thème n’est pas le thème par défaut actuel.

   Utilisez l’icône Actions supplémentaires sur un thème non publié pour accéder à ces options :

   • Dupliquer : crée une copie du thème pour réutilisation ou modification.
   • Supprimer : supprime définitivement le thème de votre liste.
   • Ajouter une autre palette de couleurs : applique une combinaison de couleurs différente au thème pour varier.
   • Publier : rend le thème disponible pour utilisation.
3. Choisissez le thème que vous souhaitez modifier de l’une des façons suivantes.

   Page	Option
   Gestionnaire (vue grille)	Dans la section Publié ou Non publié, choisissez le thème que vous souhaitez modifier et sélectionnez Modifier.
   Gestionnaire (vue de liste)	Dans la section Publié ou Non publié, choisissez le thème que vous souhaitez modifier et sélectionnez l’icône du crayon .
   Éditeur	Choisissez le thème que vous souhaitez modifier dans la liste déroulante Thème. 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 bon périmètre pour le thème dans le sélecteur de périmètre de l’application.

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

   

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

   Figure 6. Vue d’ensemble des 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. Pour plus d'informations, consultez Modifier les couleurs de votre thème.
   • Logo : mettez à jour le logo. Vous pouvez charger le logo pendant l’application du thème à partir de la page Vue d’ensemble. Pour plus d'informations, consultez Charger un nouveau logo dans votre Générateur de thèmes thème.
   • Typographie : 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. Pour plus d'informations, consultez Modifier votre police par défaut.
   • Forme : mettez à jour les formes d’angle des composants à l’écran. Pour plus d'informations, consultez Modifier les formes d’angle.
5. Facultatif : Prévisualisez votre thème avant la publication.
   1. Sélectionnez l’onglet Expériences dans le panneau Styles globaux.
   2. Sélectionnez l’expérience que vous souhaitez prévisualiser dans la liste déroulante Expérience.
   3. Sélectionnez l’icône Ouvrir dans un nouvel onglet pour ouvrir l’expérience dans un nouvel onglet.

      Figure 7. Aperçu de l'expérience

      

      Une instance live réelle 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 :

      Pour les thèmes publiés, les données de l’aperçu des expériences sont des données en direct. Les modifications que vous apportez dans l’aperçu sont répercutées sur votre instance.
6. 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. Les styles de base définissent le thème de base, les variantes répondent aux besoins d’accessibilité et d’autres palettes de couleurs offrent des options de personnalisation cosmétique aux utilisateurs finaux.
• 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.
• Utilisation des styles globaux
  Les styles globaux vous permettent de modifier et de définir des éléments de conception de base tels que des polices, des couleurs et des formes qui s’appliquent à l’ensemble de votre thème.
• Utilisation des styles de composant
  Les styles de composant vous permettent d’affiner l’apparence des éléments d’interface utilisateur individuels tels que les boutons, les contrôles de formulaire et la navigation sans affecter les paramètres globaux du thème. Utilisez des styles de composant lorsque vous avez besoin d’un contrôle plus précis que celui fourni par les styles globaux.
• Utilisation des styles d’image
  Les styles d’image vous permettent d’expérimenter différents modèles de couleurs pour les illustrations et de remplacer les illustrations par défaut par vos propres images personnalisées. La fonctionnalité Styles d’image offre une flexibilité dans la personnalisation des éléments visuels de votre thème.