Ajouter des colonnes avec l’éditeur de contenu enrichi

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 2 minutes de lecture

    • Utilisez le canevas de l’éditeur de contenu enrichi pour créer des colonnes afin de définir et d’organiser la mise en page de votre page.

    Avant de commencer

    Rôle requis : sn_cd.content_manager

    Après avoir rempli le formulaire Nouveau contenu (voir Créer du contenu enrichi) et accédé au canevas de contenu enrichi, vous pouvez créer du contenu enrichi.

    Vous pouvez ajouter 1, 2 ou 3 colonnes. Chaque colonne sert de conteneur pour d’autres composants. Chaque composant de colonne peut également être modifié en sélectionnant le composant et en mettant à jour les propriétés sous paramètres.
    Remarque :
    La hauteur minimale d’une cellule dans une colonne est de 75 px. Si vous réduisez la hauteur de la cellule, la cellule déborde de la ligne.

    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 le canevas de l’éditeur de contenu enrichi , vous pouvez utiliser une méthode de glisser-déposer pour ajouter des colonnes.
      Les colonnes servent de conteneurs pour le contenu que vous créez.

      Éditeur de contenu enrichi : canevas et colonnes

      Une fois que vous avez déposé 1 colonne, 2 colonnes ou 3 colonnes dans le canevas de l’éditeur de contenu enrichi , deux séparateurs apparaissent. Le séparateur extérieur est étiqueté Ligne. Le séparateur intérieur est appelé Cellule.

    Ajoutez un style à la ligne ou aux cellules, tel que la couleur d’arrière-plan, la largeur maximale ou le remplissage. Si vous ne souhaitez pas ajouter de style, vous pouvez accéder aux liens en bas de cette page.
    1. Sélectionnez une ligne ou une cellule à modifier.
    2. Accédez à l’onglet Paramètres .
    3. Utilisez l’un des paramètres de style suivants :
      Tableau 1. Paramètres de style
      Champ Paramètres Description
      Application d'un style
      Couleur d'arrière-plan Utilisez le sélecteur de couleurs (carré gris) pour sélectionner une couleur ou saisissez le code de couleur qui représente la couleur d’arrière-plan que vous souhaitez faire apparaître.

      Toutes les couleurs HTML sont prises en charge. Pour plus d’informations, voir Noms des couleurs HTML.
      Application de style avancée
      Largeur Spécifiez la valeur en entrant un nombre ou en faisant glisser le côté droit de la cellule.
      Sélectionnez l’unité de mesure :
      • px : pixel
      • % : pourcentage
      Hauteur Spécifiez la valeur en entrant un nombre ou en faisant glisser le bas de la ligne.
      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 (pour les lignes uniquement) 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.
      Bordure (pour les cellules uniquement) Définissez la largeur, le style de bordure et la couleur.
      Rayon de la bordure (pour les cellules uniquement) Le paramètre de rayon arrondit le coin de la bordure.
      Propriétés
      ID ID unique qui identifie l’élément HTML.
      Titre Une info-bulle ou des informations qui s’affichent lorsqu’un utilisateur survole le composant.
    4. Sélectionnez Enregistrer.

    Que faire ensuite

    Ajoutez et appliquez un style à d’autres colonnes pour créer une mise en page pour tout le contenu de la page.

    Ensuite, ajoutez des composants tels que des images, des vidéos, des zones de texte et des boutons :