Ajouter des colonnes avec l’éditeur de contenu enrichi

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

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

    Avant de commencer

    Rôle requis : sn_cd.content_manager

    Une fois que vous avez 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 glisser-déplacer pour ajouter des colonnes.
      Les colonnes servent de conteneurs pour le contenu que vous créez.
      Figure 1. Éditeur de contenu enrichi
      Éditeur de contenu enrichi : canevas et colonnes

      Une fois que vous avez déposé 1 colonne, 2 ou 3 colonnes dans le canevas de l’éditeur de contenu enrichi , deux séparateurs apparaissent. Le séparateur extérieur est étiqueté Row. 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 :
      Remarque :
      Les gestionnaires de contenu et les administrateurs ont la possibilité d’appliquer des couleurs d’arrière-plan à certains éléments du canevas, y compris les images. Les fonctionnalités disponibles incluent l’utilisation de couleurs unies et dégradées, ainsi que des ajustements pour l’opacité des couleurs. Ces paramètres sont accessibles dans le panneau de droite sous l’onglet Settings Styling (Style des paramètres) lors de l’ajout de contenu enrichi à un élément de canevas.
      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.
      Remarque :
      Couleur d’arrière-plan de l’élément de canevas affiche les options d’arrière-plan pour le dégradé, la couleur et l’image. Activez, puis sélectionnez les options d’arrière-plan.
      Application de style avancée
      Largeur Spécifiez la valeur en saisissant 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 saisissant 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 Rayon arrondit le coin de bordure.
      Propriétés
      ID ID unique qui identifie l’élément HTML.
      Titre Info-bulle ou information qui s’affiche 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 :