Remplacer les illustrations de bannières par des images personnalisées

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture

    • Modifiez ou remplacez les illustrations de bannières par défaut par vos propres images personnalisées pour promouvoir des éléments visuels qui reflètent l’image de marque de votre entreprise.

    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
      Exemple de vue de la page É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 Bannières.
    5. Utilisez l’une des options suivantes pour sélectionner l’illustration de bannière que vous souhaitez remplacer.
      • Sélectionnez l’icône Filtre et développez la catégorie de bannière pour sélectionner l’illustration de bannière spécifique que vous souhaitez remplacer.
      • Faites défiler la liste des illustrations de bannières 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 bannières sélectionnées
      Onglet Styles d’image sélectionné avec les illustrations de bannière répertoriées sur la scène principale et le panneau des propriétés ouvert.
    6. Dans le panneau des propriétés, sélectionnez l’onglet Images .
    7. Sélectionnez le nom du fichier d’illustration de bannière par défaut.
      Par exemple, le nom de fichier répertorié pour cette illustration est banner_customer_general.svg.
      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.
      Votre image personnalisée apparaît sur la scène principale dans le type de bannière que vous avez choisi. Le nom de fichier de votre image personnalisée est maintenant répertorié dans le panneau des propriétés.
      Figure 3. Type de bannière générale du client avec image personnalisée affichée
      Type d’illustration de bannière générale du client avec image personnalisée affichée sur la scène principale.
    10. Facultatif : Sélectionnez le symbole Supprimer le remplacement si vous souhaitez restaurer l’illustration de la bannière par défaut.
      Figure 4. Supprimer le remplacement
      Supprimez le symbole de remplacement d’image personnalisée.
    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
        Écran d’aperçu de l’expérience de styles globaux avec l’expérience Centre d’administration sélectionnée.

    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.