Remplacer les illustrations d’icônes de tuile par des images personnalisées

Modifiez ou remplacez les illustrations par défaut des icônes de vignette par vos propres images personnalisées pour promouvoir des éléments visuels qui reflètent l’image de marque de votre société.

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.

Vérifiez que vos images personnalisées utilisent les couleurs souhaitées et répondent à vos exigences de marque avant de les charger vers Générateur de thèmes.

Pourquoi et quand exécuter cette tâche

Important :

Les images personnalisées s’appliquent aux espaces de travail et ne sont pas prises en charge dans le Interface utilisateur principale.

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.
2. Utilisez la liste déroulante Page pour sélectionner la vue de page de l’éditeur.

   Figure 1. Vue de la page de l’éditeur

   

3. Dans la liste déroulante Thème, sélectionnez le thème que vous souhaitez modifier.
4. Sélectionnez l’onglet Styles d’image dans le panneau Styles généraux et développez Icônes de mosaïque.
5. Utilisez l’une des options suivantes pour sélectionner l’illustration de l’icône de tuile que vous souhaitez remplacer.
   • Sélectionnez l’icône Filtre et développez la catégorie d’icônes en forme de mosaïque pour sélectionner l’illustration spécifique que vous souhaitez remplacer.
   • Faites défiler la liste des illustrations d’icônes de tuiles dans la scène principale.
   Une fois que vous avez sélectionné une illustration, le panneau des propriétés s’ouvre.

   Figure 2. Onglet Styles de l’image avec icônes Mosaïque développé

   

6. Dans le panneau des propriétés, sélectionnez l’onglet Images .
7. Sélectionnez le nom du fichier d’illustration d’icône de mosaïque par défaut.
   La fenêtre modale de chargement des images s’affiche.
8. Utilisez l’une des options suivantes pour charger votre image personnalisée :
   • Sélectionnez Parcourir, choisissez votre fichier image personnalisé dans le navigateur de fichiers de votre ordinateur, puis sélectionnez Ouvrir.
   • Faites glisser votre fichier image personnalisé depuis le navigateur de fichiers de votre ordinateur et déposez l’image directement dans le modal.
   Consultez la fenêtre modale de chargement d’image pour connaître les limitations de taille et de format. Si votre image personnalisée ne répond pas à la taille et au format requis, votre image n’est pas enregistrée.
9. Prévisualisez votre image dans le modal et sélectionnez Enregistrer.

   Figure 3. Charger le modal d’image avec image personnalisée affichée

   

   Une fois enregistrée, votre image personnalisée apparaît sur la scène principale dans la catégorie de carte que vous avez choisie. Le nom de fichier de votre image personnalisée est maintenant répertorié dans le panneau des propriétés.
10. Facultatif : Sélectionnez le symbole Supprimer le remplacement si vous souhaitez restaurer l’illustration de l’icône de tuile par défaut.

    Figure 4. Supprimer le remplacement

    

11. Facultatif : Prévisualisez vos modifications avant de publier votre thème sur votre instance.
    1. Sélectionnez l’onglet Aperçu de l’expérience 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 5. Aperçu de l'expérience

       

Résultats

Si votre thème est publié, vos images personnalisées sont visibles par les utilisateurs qui ont appliqué votre thème lors de l’actualisation. Pour plus d’informations sur la publication de thèmes, reportez-vous à la section Publier vos thèmes avec Générateur de thèmes.