Ajouter des onglets avec l’éditeur de contenu enrichi

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

    • Ajoutez des onglets à votre contenu enrichi pour aider vos utilisateurs à naviguer efficacement en leur permettant de sélectionner les différents onglets pour révéler le contenu associé.

    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.

    Pourquoi et quand exécuter cette tâche

    Vous pouvez ajouter d’autres composants sous un onglet, comme une image, une vidéo, un texte, une section de texte, un lien, un bloc de liens ou un bouton. Lorsque vous déposez le composant Onglets dans votre canevas, une zone sous les onglets apparaît et vous permet d’y déposer d’autres composants.
    Remarque :
    Lorsque la fonctionnalité Onglets n’est pas activée, essayez de réinstaller l’application Publication de contenu .

    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 onglets.
      Éditeur de contenu enrichi : onglets
    3. Pour ajouter d’autres onglets, sélectionnez l’intégralité du composant d’onglet, puis cliquez sur Ajouter un élément, situé dans Paramètres > Propriétés.
      Ajoutez d’autres onglets en cliquant sur le bouton Ajouter un élément
    4. Sélectionnez un onglet que vous avez ajouté à votre canevas.
    5. Pour changer la couleur des onglets, cliquez d’abord dans la palette de couleurs.
    6. Dans l’onglet Paramètres , sélectionnez Style.
    7. Entrez le code de couleur qui représente la couleur que vous souhaitez afficher.
      Toutes les couleurs HTML sont prises en charge. Pour plus d’informations, voir Noms des couleurs HTML.
    8. Vous pouvez également sélectionner le sélecteur de couleurs (carré gris) à droite du champ Couleur d’arrière-plan .

      Éditeur de contenu enrichi : sélecteur de couleurs

    9. Cliquez dans la palette de couleurs qui s’affiche.
      Éditeur de contenu enrichi : palette de couleurs
    10. Après avoir sélectionné une couleur dans la palette de couleurs, utilisez la barre de défilement sur le côté droit pour affiner votre couleur.
      Faites glisser la barre de haut en bas.

      Éditeur de contenu enrichi : barre de défilement de la palette de couleurs

    11. Utilisez la barre de défilement inférieure pour éclaircir ou assombrir votre couleur.
      Éditeur de contenu enrichi : barre de défilement inférieure
      Remarque :
      Lors de l’aperçu de vos changements et que vous sélectionnez l’onglet, les couleurs ou le contour de l’onglet peuvent afficher les couleurs par défaut du thème du portail.
    12. Vous pouvez modifier ou changer le texte qui s’affiche sur l’onglet en mettant en surbrillance le titre de l’onglet et en l’écrasant.
    13. Vous pouvez modifier la taille de chaque onglet et la police du titre de l’onglet en sélectionnant un onglet, puis en sélectionnant Style avancé.
    14. Vous pouvez déposer d’autres composants dans la zone située sous les onglets que vous avez ajoutés à votre canevas.

      Éditeur de contenu enrichi : application de style avancée

      Tableau 1. Application de style avancée
      Champ Description
      Largeur Modifiez la largeur de chaque onglet en le sélectionnant et en utilisant la liste déroulante Largeur . Les choix possibles sont les suivants :
      • auto : la taille est basée sur le contenu de l’onglet. Si vous saisissez du texte supplémentaire dans l’onglet, la largeur augmente automatiquement.
      • px : Utilisez les pixels comme mesure.
      • % : utilisez un pourcentage comme mesure.
      Hauteur Modifiez la hauteur de chaque onglet en le sélectionnant et en utilisant la liste déroulante Hauteur . Les choix possibles sont les suivants :
      • auto : la taille est basée sur le contenu de l’onglet. Si vous saisissez du texte supplémentaire dans l’onglet, la largeur augmente automatiquement.
      • px : Utilisez les pixels comme mesure.
      • % : utilisez un pourcentage comme mesure.
      Nom de la police Sélectionnez la liste déroulante pour choisir une police spécifique.
      Taille de police Saisissez un nombre pour modifier la taille de la police ou utilisez les flèches vers le haut et le bas pour réduire ou agrandir la police.
      Valeur font-weight Détermine le caractère gras ou clair du texte sur le bouton. Sélectionnez la flèche déroulante pour choisir une pondération différente.
      Hauteur de ligne Détermine la distance entre les lignes de texte. Utilisez les flèches vers le haut et vers le bas pour réduire ou augmenter la hauteur de ligne.
      Couleur de la police Définit la couleur de la police.

      Sélectionnez le sélecteur de couleurs (carré gris) à droite du champ Couleur de police .

      Cliquez dans la palette de couleurs et choisissez la couleur souhaitée.

      Utilisez les barres de défilement à droite et en bas pour affiner votre couleur.
      Remarque :
      Lors de l’affichage de l’aperçu de vos modifications et lorsque vous sélectionnez l’onglet, la couleur du texte peut afficher les couleurs par défaut du thème du portail.
    15. Modifiez le champ Titre sous Propriétés.
      Le texte que vous entrez apparaît sous forme de survol pour l’onglet et le lecteur d’écran l’annonce.
    16. 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.