Créez des médias personnalisés avec un contenu stylisé

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

    • Créez des bannières, des blocs/annonces ou des vidéos à l’aide du type de contenu de style pour personnaliser des paramètres tels que la couleur du texte, l’alignement du texte, les liens, les couleurs d’arrière-plan et les images sur Centre des employés – Pro.

    Avant de commencer

    Rôle requis : sn_cd.content_manager

    Si vous créez du contenu vidéo, vous devez d’abord télécharger la vidéo : Ajouter ou modifier des liens vers d’autres sources de contenu

    Pourquoi et quand exécuter cette tâche

    Ce type de contenu offre trois options :
    • Bannière : apparaît en haut de la page Bannière contenant l’en-tête, l’en-tête, le corps de texte et le contenu du bouton
    • Bloc : apparaît dans un widget sur la page Contenu du bloc contenant un en-tête, un corps et un bouton
    • Vidéo : peut apparaître n’importe où sur une page, y compris en haut à la place d’une bannière

    Lors de la création ou de la modification d’une bannière à l’aide de contenu de style, vous pouvez afficher et modifier l’image d’arrière-plan plutôt que de modifier votre image en externe, puis de l’importer.

    Le menu contextuel du formulaire ( menu contextuel du formulaire) en haut à gauche du formulaire permet d’accomplir rapidement des tâches lors de la création de contenu. Sélectionnez l’icône et les choix suivants s’affichent :
    • Cloner : dupliquer l’enregistrement de contenu.
    • Supprimer : supprimer l’enregistrement de contenu et les enregistrements de contenu planifié associés.
    • Afficher l’enregistrement de contenu : accédez à l’enregistrement de contenu et affichez-le.
    Remarque :
    Vous devez enregistrer l’enregistrement de contenu sous-jacent avant d’activer les sélections du menu contextuel du formulaire.

    Procédure

    1. Accédez à la Publication de contenu > Bibliothèque de contenu > Créer.
    2. Sélectionnez Portail dans la colonne Sélectionner la plateforme .
    3. Sélectionnez Contenu de style dans la section Choisir un format de contenu .
    4. Sélectionnez Continuer.
    5. Renseignez les champs du formulaire Nouveau contenu .
      Tableau 1. Conception
      Champ Description
      Nom du contenu Le nom qui décrit le contenu que vous créez ou modifiez.
      Ordre Nombre qui indique l’ordre dans lequel le portail et le contenu de style s’affichent dans la liste de contenu.
      Actives Indique que le contenu est actif et disponible pour utilisation.
      Style du contenu Identifie si votre contenu est :
      • Bannière
      • Bloc
      • Vidéo
      CONTENU
      Table de référence de l'utilisateur Détermine les variables que vous pouvez utiliser pour personnaliser le texte du contenu du bloc.
      Sélectionnez Profil RH pour sélectionner des variables dans la table sn_hr_core_profile.
      Remarque :
      Lorsque le module d’extension Application incluse dans le périmètre de ressources humaines : Core (com.sn_hr_core) est activé, seul le profil RH s’affiche.

      Sélectionnez Utilisateur pour sélectionner des variables dans la table sys_user.
      Titre Un titre que vous souhaitez faire apparaître pour votre contenu.
      Ce champ n’est pas obligatoire si vous souhaitez que votre bannière n’affiche qu’un graphique.
      Remarque :
      Ce champ n’apparaît que lorsque le widget Expérience de contenu est utilisé.
      Texte d'en-tête Texte qui fournit des informations supplémentaires ou de la clarté à votre titre.
      Corps de texte Le message détaillé que vous souhaitez faire apparaître sur la bannière.
      Colonne d'utilisateur Avec la table Profil RH [sn_hr_core_profile], filtre les utilisateurs lors de l’évaluation d’une condition.

      Ce champ s’affiche uniquement lorsque vous sélectionnez Profil RH dans le champ de la table de référence de l’utilisateur .
      Couleur du texte Indique si vous souhaitez que le corps de texte apparaisse foncé ou clair.
      Remarque :
      Pour le style de contenu de bannière, le foncé et le clair sont pris en charge. Pour le style de contenu de bloc, seule la lumière est prise en charge si le champ Texte sur l’arrière-plan est actif (vert).
      Alignement du texte Indique le mode d’affichage de votre texte. Vous pouvez sélectionner Gauche, Centre ou Justifié à droite.
      Icône Détermine si vous souhaitez qu’une icône s’affiche. Faites glisser vers la droite pour choisir une icône.

      S’affiche uniquement lorsque vous sélectionnez Bloquer dans le style de contenu.
      Choisir une icône Sélectionnez l’icône que vous souhaitez faire apparaître.

      Ce champ s’affiche uniquement lorsque vous tournez le champ Icône en vert.
      Taille de l'icône Indique la taille de votre icône.

      Ce champ s’affiche uniquement lorsque vous tournez le champ Icône en vert.

      La taille recommandée pour les icônes est la suivante :
      • Icône de rubrique : 56 x 56px
      • Icône de sous-thème : 28 x 28 px
      Appel à l'action Sélectionnez si vous souhaitez qu’un bouton ou un lien apparaisse.
      Titre du bouton Le texte qui s’affiche sur le bouton.

      Ce champ s’affiche uniquement lorsque vous sélectionnez un bouton.
      Lien de bouton Le lien vers lequel l’utilisateur accède lorsqu’il sélectionne le bouton.

      Sélectionnez la flèche vers le bas pour afficher une liste de liens.

      Ce champ s’affiche uniquement lorsque vous tournez le champ Icône en vert.
      Titre du lien Le texte qui apparaît pour le lien.

      Ce champ s’affiche uniquement lorsque vous sélectionnez un lien.
      un lien Le lien vers lequel l’utilisateur se rend lorsqu’il sélectionne le lien.

      Sélectionnez la flèche vers le bas pour afficher une liste de liens.

      Ce champ s’affiche uniquement lorsque vous sélectionnez un lien.
      Lien vidéo Le lien vers la vidéo que vous souhaitez voir apparaître sur votre portail.
      Ce champ s’affiche uniquement lorsque vous sélectionnez Vidéo à partir du style de contenu.
      Remarque :
      Seules les vidéos YouTube et Vimeo sont prises en charge pour le moment. Assurez-vous d’utiliser le lien vidéo intégré.
      CONTEXTE
      Couleur d'arrière-plan Couleur d’arrière-plan du texte de la bannière ou du bloc. Pour définir la couleur, vous pouvez utiliser :
      • Codes de couleur hexadécimaux
        Remarque :
        Pour obtenir la liste des codes de couleur hexadécimaux, consultez Codes de couleur hexadécimaux.
      • Valeur de couleur CSS et inclut les mots-clés, le nom, la décimale RVB ou le nombre hexadécimal RVB de la couleur.
        Remarque :
        Pour plus d’informations, consultez Noms des couleurs HTML (W3CSchools).
      Image d'arrière-plan Indique que vous souhaitez qu’une image apparaisse en arrière-plan. Faites glisser vers la droite pour afficher des champs d’image supplémentaires.
      Fichier image [Charger une image] Sélectionnez le lien pour ajouter une image.

      Ce champ s’affiche uniquement lorsque vous activez Image d’arrière-plan.

      La taille recommandée pour les bannières est la suivante :
      • Bannière de la page d’accueil : 1440 x 400 px
      • Page de rubrique : 1258 x 300 px
      Bouton Modifier l’image Vous permet de modifier votre image d’arrière-plan dans le module Bibliothèque de contenu.

      Ce champ n’apparaît qu’une fois que vous avez téléchargé une image d’arrière-plan. Une zone de recadrage apparaît sur l’image dans le formulaire Mode éditeur d’images.

      Vous pouvez utiliser la zone de recadrage en faisant glisser les bords vers l’intérieur ou vers l’extérieur pour indiquer la partie de votre image que vous souhaitez afficher.

      Après avoir ouvert l’éditeur d’images, le mode par défaut est le recadrage.

      Lorsque vous chargez et modifiez un fichier .svg, il est enregistré en tant que fichier .png.
      Remarque :
      .gif fichiers ne sont pas pris en charge.

      Les icônes et boutons suivants apparaissent pour vous aider à modifier votre image :

      Modifier les icônes de l’image

      Chaque icône vous permet de modifier l’image que vous avez importée :
      • Rétablir l’original Icône Rétablir l’original
        • S’active une fois que vous avez apporté des modifications à votre image.
        • Sélectionnez et la fenêtre contextuelle Rétablir l’original ? s’affiche. Sélectionnez le bouton Réinitialiser l’image pour annuler toutes les modifications que vous avez apportées à votre image.
          Remarque :
          Après avoir sélectionné Enregistrer, vous ne pouvez plus réinitialiser votre image. Vous devez télécharger à nouveau l’image si vous n’êtes pas satisfait de vos modifications.
        • Si vous ne souhaitez pas conserver vos modifications, sélectionnez Annuler.
      • Mode déplacement d’image Icône Mode déplacement d’image
        • Sélectionnez votre image à n’importe quel endroit en dehors de la zone de recadrage et avec votre souris, déplacez votre image.
        • Utilisez les points pour redimensionner l’image.
        • Appuyez longuement avec votre souris pour déplacer la zone de recadrage.
      • Mode recadrage de l’image Icône Mode recadrage de l’image
        • Sélectionnez et votre curseur est réglé sur le recadrage.
        • Créez une nouvelle zone de recadrage en maintenant votre curseur enfoncé et en le faisant glisser.
        • Maintenez et appuyez sur votre souris pour déplacer la zone de recadrage.
        • Redimensionnez la zone de recadrage à l’aide des points.
      • Zoom avant Icône Zoom avant
        • Cliquez pour agrandir et rapprocher l’image.
        • Continuez à cliquer pour effectuer un zoom avant incrémentiel sur l’image.
      • Icône Zoom arrière Zoom arrière
        • Cliquez pour réduire et éloigner l’image.
        • Continuez à cliquer pour effectuer un zoom arrière progressif sur l’image.
      • Déplacer vers la gauche de 10 pixels Déplacer l’icône
        • Cliquez pour déplacer l’image vers la gauche de 10 pixels.
        • Continuez à cliquer pour déplacer l’image vers la gauche par incréments de 10 pixels.
      • Déplacer vers la droite de 10 pixels Déplacer l’icône
        • Cliquez pour déplacer l’image vers la droite de 10 pixels.
        • Continuez à cliquer pour déplacer l’image vers la droite par incréments de 10 pixels.
      • Déplacer de 10 pixels vers le haut Icône Monter
        • Cliquez pour déplacer l’image de 10 pixels vers le haut.
        • Continuez à cliquer pour déplacer l’image vers le haut par incréments de 10 pixels.
      • Déplacer vers le bas de 10 pixels Déplacer l’icône vers le bas
        • Cliquez pour déplacer l’image vers le bas.
        • Continuez à cliquer pour déplacer l’image vers le bas par incréments de 10 pixels.
      • Pivoter à gauche de 45 degrés Icône Rotation
        • Cliquez pour faire pivoter l’image de 45 degrés dans le sens inverse des aiguilles d’une montre.
        • Continuez à cliquer pour faire pivoter l’image dans le sens inverse des aiguilles d’une montre par incréments de 45 degrés.
      • Pivoter à droite de 45 degrés Icône Faire pivoter
        • Cliquez pour faire pivoter l’image de 45 degrés dans le sens des aiguilles d’une montre.
        • Continuez à cliquer pour faire pivoter l’image dans le sens des aiguilles d’une montre par incréments de 45 degrés.
      • Icône de recadrage court du rectangle Icône de recadrage court
        • Cliquez pour remplacer l’outil de recadrage par une forme rectangulaire courte.
        • Utilisez les points carrés du rectangle pour recadrer davantage votre image.
      • Icône de recadrage du rectangle haut Icône de recadrage du rectangle haut
        • Cliquez pour remplacer l’outil de recadrage par un grand rectangle.
        • Utilisez les points carrés du rectangle pour recadrer davantage votre image.
      • Recadrage carré Icône de recadrage carré
        • Cliquez pour changer l’outil de recadrage en une forme carrée.
        • Utilisez les points carrés du carré pour recadrer davantage votre image.
      • Recadrage et rotation personnalisés
        • Cliquez pour afficher la fenêtre contextuelle Modification de détail .
        • Vous pouvez définir la taille de l’outil de recadrage et la taille de votre image par pixels.
        • Vous pouvez également spécifier l’angle sous lequel vous souhaitez faire pivoter votre image.
      • Icône Aperçu
        • Sélectionnez cette option pour afficher un aperçu de votre image modifiée.
        • Saisissez des informations d’emplacement similaires à celles utilisées lorsque vous publiez votre contenu. Cela vous permet d’afficher votre image là où vous souhaitez qu’elle apparaisse. Pour obtenir des informations sur les champs, consultez Créer un plan de publication pour votre contenu.
      • Annuler et enregistrer Boutons Annuler et enregistrer
        • Sélectionnez Annuler pour quitter la modification de votre image et ne pas enregistrer vos modifications.
        • Sélectionnez Enregistrer pour enregistrer les modifications que vous avez apportées à votre image. Vous pouvez sélectionner Recadrer et continuer à modifier.
          Remarque :
          Une fois que vous avez sélectionné l’option Enregistrer et continuer , vos modifications sont enregistrées et vous ne pouvez pas annuler vos modifications.
      Taille de l'image Mode d’affichage de l’image.
      • Largeur de remplissage : redimensionnez l’image pour couvrir l’intégralité du conteneur, même si l’image doit être étirée ou coupée sur les bords.
      • Ajuster la largeur : redimensionnez l’image pour vous assurer qu’elle est entièrement visible.
      • Taille d’origine : utilisez la taille d’origine de l’image.

      Ce champ s’affiche uniquement lorsque vous activez Image d’arrière-plan.
      Position de l'image L’emplacement où vous souhaitez que votre image apparaisse. Sélectionnez une case pour définir la position de l’image.

      Ce champ s’affiche uniquement lorsque vous activez Image d’arrière-plan.
      Texte sur l'arrière-plan Indique que vous souhaitez que le texte apparaisse sur l’image d’arrière-plan. Si vous laissez la case décochée, le texte apparaît sous l’image.

      Faites glisser vers la droite pour sélectionner un dégradé pour votre arrière-plan.
      Ajouter un dégradé Indique que vous souhaitez que le texte comprenne un dégradé de couleurs pour rendre votre texte plus facile à lire.

      S’affiche uniquement lorsque vous activez le champ Texte sur arrière-plan .
    6. Sélectionnez Enregistrer pour enregistrer l’enregistrement et rester dans l’onglet Conception .
    7. Sinon, sélectionnez Enregistrer et continuez à enregistrer l’enregistrement et passez à l’onglet Publier .

    Que faire ensuite

    • (Facultatif) Traduisez votre contenu.

      Demandez une traduction pour votre contenu. Pour plus d'informations, consultez Prise en charge multilingue dans la bibliothèque de contenu.

      Remarque :
      Ne traduisez le contenu qu’une fois que vous avez terminé de le modifier. Pour de meilleurs résultats, nous vous déconseillons d’ajouter ou de supprimer des composants ou de modifier la mise en forme après la traduction.

      Pour créer du contenu enrichi qui est formaté différemment dans différentes langues, dupliquez le contenu et modifiez la mise en forme selon vos besoins. Ensuite, utilisez Audiences pour cibler le contenu sur les utilisateurs par langue. Reportez-vous à la rubrique Audiences.

    • Prévisualisez votre contenu à partir de l’onglet Publier .
      Remarque :
      L’aperçu du contenu est conçu pour fournir une idée générale de l’apparence de votre contenu. Le contenu peut sembler différent après publication en raison des variations de résolution de l’appareil, de la différence de thème ou de la configuration du style d’application mobile.
    • Configurez un plan de publication pour contrôler l’endroit où le contenu est livré, l’audience et la période pendant laquelle il est disponible : Créer un plan de publication pour votre contenu.