Ajouter une image avec l’éditeur de contenu enrichi

Utilisez le canevas de l’éditeur de contenu enrichi pour ajouter des images à votre contenu.

Avant de commencer

Rôle requis : sn_cd.content_manager

Renseignez les champs du formulaire Nouveau contenu. Reportez-vous à la rubrique Créer du contenu enrichi.

Créez la mise en page à l’aide de modules ou de colonnes.

• Les modules sont des mises en page de contenu prédéfinies composées d’en-tête, de texte de paragraphe et d’images. Reportez-vous à la rubrique Ajoutez des mises en page de contenu prédéfinies avec l’éditeur de contenu enrichi.
• Les colonnes sont des conteneurs qui vous permettent de définir une mise en page personnalisée. Reportez-vous à la rubrique Ajouter des colonnes avec l’éditeur de contenu enrichi.

Pourquoi et quand exécuter cette tâche

L’éditeur de contenu enrichi prend en charge les types d’images suivants :

• .jpg
• .png
• .Bmp
• .Gif
• .Jpeg
• .ico
• .svg

Procédure

1. Accédez au canevas en sélectionnant le bouton Ouvrir l’éditeur dans l’onglet Conception du formulaire Nouveau contenu .
2. Dans la colonne Blocs , utilisez une méthode de glisser-déposer pour déplacer le composant Image vers votre canevas.
3. Cliquez dans la fenêtre contextuelle du sélecteur de fichiers pour sélectionner une image.
   Ou, si vous avez déjà sélectionné des images, sélectionnez l’image parmi les images disponibles sur le côté droit de la fenêtre contextuelle Sélectionner une image .
4. Accédez à l’onglet Paramètres .
5. Configurez les paramètres suivants :

   Tableau 1. Options des paramètres

   Champ Paramètres	Description
   Application d'un style
   Affichage	Configurez l’apparence de plusieurs composants dans la même colonne, tels qu’une image et un composant de texte. Sélectionnez une option parmi les suivantes : Haut et bas (par défaut) : l’image apparaît au-dessus de l’autre composant. Côte à côte : l’image apparaît avec l’autre composant à côté. Remarque : Pour de meilleurs résultats, définissez le même affichage pour les composants. Par exemple, si vous avez des composants d’image et de texte dans une colonne et que vous souhaitez que l’image apparaisse à gauche et le texte à droite, modifiez les paramètres d’affichage des deux composants sur Côte à côte.
   Alignement horizontal	Configurez l’emplacement d’affichage de l’image dans le conteneur. Choisissez parmi les icônes Droite, Centre et Gauche.
   Application de style avancée Lorsque vous insérez une image dans un conteneur, l’image est par défaut sur toute la largeur du conteneur et la hauteur s’ajuste automatiquement en fonction des dimensions de l’image.
   Largeur et hauteur	Spécifiez la valeur en entrant un nombre ou en faisant glisser les côtés de l’image. Sélectionnez l’unité de mesure : px : pixel % : pourcentage
   Remplissage	Le remplissage est l’espace entre le contenu et la bordure d’un élément. Spécifiez la valeur du remplissage supérieur, inférieur, droit ou gauche en entrant un nombre.
   Marge	La marge est l’espace entre une ligne et un autre élément/la limite du canevas. Spécifiez la valeur du remplissage supérieur, inférieur, droit ou gauche en entrant un nombre.
   Propriétés
   Texte alternatif	Décrivez l’apparence ou la fonction de votre image à des fins d’accessibilité.

6. Sélectionnez Enregistrer ou Enregistrer et terminer.
   La sélection de l’option Enregistrer enregistre votre contenu et vous restez sur le canevas de l’éditeur de contenu enrichi . Sélectionner Enregistrer et terminer enregistre votre enregistrement et vous renvoie au formulaire Nouveau contenu.

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 modifié le contenu. 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 donner une idée générale de l’apparence de votre contenu. Le contenu peut sembler différent après publication en raison de variations dans la résolution de l’appareil, la différence de thème ou la configuration du style d’application mobile.
• Configurez un plan de publication pour contrôler 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.