Ajouter des colonnes à l’aide de l’éditeur de contenu enrichi

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 3 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

    Une fois que vous avez rempli le formulaire Nouveau contenu (reportez-vous à la section Créer du contenu riche) 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 les 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 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 colonne 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 étiqueté Cell.

    Ajoutez un style à la ligne ou aux cellules, tel qu’une couleur d’arrière-plan, une largeur maximale ou un remplissage. Si vous ne souhaitez pas ajouter de style, vous pouvez cliquer sur les 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 :
      Champ de 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 entrez le code couleur qui représente la couleur d’arrière-plan que vous souhaitez afficher.

      Toutes les couleurs HTML sont prises en charge. Pour plus d’informations, consultez Noms des couleurs HTML.
      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 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.

    Ajoutez ensuite des composants tels que des images, des vidéos, des zones de texte et des boutons :