Créer un thème avec Générateur de thèmes

Créez une page de thème pour vos expériences Web ou mobile à l’aide de la vue Accueil de l’application Générateur de thèmes .

Avant de commencer

Une fois que vous avez téléchargé Générateur de thèmes à partir de , ServiceNow Storevous devez activer le plugin (sn_theme_builder). Pour activer le module d’extension, reportez-vous à la Générateur de thèmes section Activate a plugin.

Rôle requis : administrateur

Procédure

1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
2. Vérifiez que l’option Accueil est sélectionnée dans le menu Page en haut de l’écran.

   Figure 1. Écran d’accueil de Générateur de thèmes

   

3. Sélectionnez Créer un thème.
   L’assistant Avant de commencer s’affiche pour vous guider dans les configurations de votre marque, comme décrit dans les étapes suivantes. L’enregistrement du thème est enregistré automatiquement au fur et à mesure que vous travaillez.
4. Commencez à définir votre nouveau thème en sélectionnant Continuer.
5. Insérez le nom et la description de votre nouveau thème, puis sélectionnez Suivant.

   Figure 2. La couleur primaire de votre marque

   

6. Sélectionnez la vignette primaire , sélectionnez la couleur primaire de votre marque et passez en revue l’aperçu simplifié pour voir où la couleur sélectionnée s’affiche dans votre instance.
   • Dans la boîte de dialogue Nom de la couleur, vous pouvez sélectionner le modèle colorimétrique que vous préférez : HEX, RVB ou TSL.
   • Lors de la modification des couleurs du thème, vous pouvez afficher le rapport de contraste dans le sélecteur de couleurs. La valeur est mise à jour lorsque vous modifiez la couleur à partir de la palette ou de la vue Mes couleurs.
7. Une fois que vous avez identifié la couleur primaire de votre marque, sélectionnez Appliquer, puis Suivant.
8. Si votre marque inclut une couleur secondaire, répétez l’étape précédente sur l’écran couleur secondaire.
9. Répétez l’étape précédente pour définir une couleur de marque neutre pour les lignes de séparation et les contenants de surface.
10. Facultatif : Choisissez des couleurs supplémentaires pour votre marque et sélectionnez Suivant.
11. Téléchargez le logo de votre marque et passez en revue l’aperçu simplifié pour vérifier qu’il s’affiche comme prévu avec la couleur primaire que vous avez choisie, puis sélectionnez Suivant.
12. Sélectionnez la police préférée pour votre texte, puis sélectionnez Suivant.
    Remarque :

    Si vous préférez personnaliser votre police, reportez-vous à la section Configurer un Next Experience thème. Une fois que vous avez enregistré votre type de police personnalisé et actualisé la page, la nouvelle police apparaît en tant que police personnalisée. Si vous supprimez la police personnalisée de votre enregistrement de thème, la police revient à Source Sans Pro par défaut.
13. Sélectionnez la forme d’angle de vos composants dans l’interface, tels que les boutons, les modaux et les menus déroulants, puis sélectionnez Suivant.
    Remarque :

    Si vous préférez personnaliser votre forme, reportez-vous à la section Configurer un Next Experience thème. Une fois que vous avez enregistré votre forme personnalisée et actualisé la page, la nouvelle forme apparaît comme mixte. Cette valeur personnalisée est également affichée dans l’onglet Styles de composant , où vous pouvez modifier la valeur personnalisée.
14. Passez en revue vos sélections et sélectionnez Créer un thème.
    Remarque :

    Vous pouvez sélectionner Retour pour effectuer des modifications dans l’assistant avant de sélectionner Créer un thème.
    Après avoir créé votre thème dans l’assistant, vous êtes dirigé vers la vue Éditeur du thème où vous pouvez continuer à modifier ou à publier votre thème.