Ajouter des onglets avec l’éditeur de contenu enrichi

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

    Avant de commencer

    Rôle requis : sn_cd.content_manager

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

    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 qui 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. Une fois que vous avez ajouté les onglets à votre canevas, sélectionnez l’onglet Paramètres .
    4. Sélectionnez un onglet que vous avez ajouté à votre canevas.
    5. Pour modifier 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 couleur qui représente la couleur que vous souhaitez afficher.
      Toutes les couleurs HTML sont prises en charge. Pour plus d’informations, consultez 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 vers le haut et vers le 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 de la sélection de 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 apparaît sur l’onglet en surlignant 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 Application de style avancée.
    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 vers le bas pour réduire ou agrandir la police.
      Valeur font-weight Détermine le degré de gras ou de clarté de votre texte sur le bouton. Sélectionnez la flèche de la liste 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 agrandir 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’aperçu de vos changements et de la sélection de 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 saisissez apparaît sous forme de texte de survol pour l’onglet et le lecteur d’écran l’annonce.
    16. Sélectionnez Enregistrer ou Enregistrer et terminer.
      Si vous sélectionnez Enregistrer , votre contenu est enregistré et vous restez sur le canevas de l’éditeur de contenu enrichi . Si vous sélectionnez Enregistrer et terminer , votre enregistrement est enregistré et vous renvoie au formulaire Nouveau contenu .

    Que faire ensuite

    • Prévisualisez votre contenu à partir du formulaire Nouveau contenu.
      Remarque :
      L’aperçu du contenu vous donne une idée générale de l’apparence de votre contenu. Le contenu peut sembler différent une fois publié en raison de variations dans la résolution de l’appareil, la différence de thème ou la configuration du style de l’application mobile.
    • (Facultatif) Traduisez votre contenu.

      Sélectionnez une autre langue pour afficher votre session ou demander une traduction pour le contenu que vous créez. Pour plus d'informations, consultez Prise en charge de la langue pour Expériences de contenu et Publication de contenu.

      Utilisez le menu déroulant Paramètres de langue pour sélectionner une autre langue dans laquelle afficher votre session ou demander une traduction pour le contenu que vous créez.
      • Changer de langue : Cela vous permet de remplacer la langue des paramètres de votre système par une autre langue. Le processus ressemble à celui permettant de modifier votre langue lors de la connexion. Pour plus d'informations, consultez Changer de langue pour Publication de contenu.
      • Traduire le contenu : lorsque vous activez la propriété système sn_cd.enable_localization_framework_integration, le contenu créé à partir de la bibliothèque de contenu affiche la sélection Traduire le contenu dans la liste déroulante Paramètres de langue . Cela vous permet de demander la traduction du contenu dans la langue que vous avez sélectionnée. Pour plus d'informations, consultez Intégration à Infrastructure de localisation.
        Remarque :
        Traduisez le contenu uniquement une fois que vous avez terminé de le modifier. Pour de meilleurs résultats, nous vous déconseillons d’ajouter ou de supprimer des composants, ni de modifier le formatage après la traduction.

        Pour créer du contenu riche dont la mise en forme varie selon la langue, dupliquez le contenu et modifiez la mise en forme selon vos besoins. Ensuite, utilisez les audiences pour cibler les utilisateurs de contenu par langue. Reportez-vous à la rubrique Audiences.

    • Configurez un plan de publication pour contrôler l’endroit où le contenu est fourni, l’audience et la période pendant laquelle il est disponible : Créer un plan de publication pour votre contenu.