S’aligner sur votre marque à l’aide du Navigation unifiée composant

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

    • Alignez votre expérience plus étroitement sur votre marque en modifiant le Navigation unifiée composant et ses sous-composants.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    Le Navigation unifiée composant est composé de plusieurs sous-composants que vous devez styliser individuellement. Dans la Générateur de thèmes version 5.0, la modification de est Navigation unifiée limitée à l’en-tête et aux menus, bien que certains styles puissent s’appliquer à tous les aspects du composant et des Navigation unifiée sous-composants.

    Procédure

    1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
    2. Dans la liste déroulante Page, sélectionnez la vue de page Éditeur.
      Figure 1. Vue de la page de l’éditeur
      Vue de la page Éditeur.
    3. Dans la liste déroulante Thème, sélectionnez le thème pour lequel vous souhaitez modifier le Navigation unifiée composant.
    4. Sélectionnez l’onglet Styles des composants .
    5. Sélectionnez l’onglet Édition .
      Styles des composants Onglet Édition.
    6. Filtrez la liste pour afficher le Navigation unifiée composant.
      1. Sélectionnez l’icône Filtre (icône Filtre).
      2. Développez la catégorie Navigation et sélectionnez le Navigation unifiée composant.
        Figure 2. Navigation unifiée composant
        Composant de Navigation unifiée sélectionné dans la liste de filtres.
    7. Accédez à l’éditeur de composants où vous pouvez appliquer un style à divers Navigation unifiée aspects du composant à l’aide de l’une des deux méthodes répertoriées :
      • Double-cliquez sur la vignette du Navigation unifiée composant.
      • Dans le panneau d’édition, sélectionnez Sous-composantsNavigation unifiée de style.
      Figure 3. Navigation unifiée Panneau d’édition
      Panneau d’édition du composant de navigation unifiée comprenant le bouton Sous-composants de style.
    8. Sélectionnez la vignette En-tête ou Menu pour ouvrir le panneau des styles configurables dans lequel vous pouvez modifier les accroches de thème disponibles.
      Les accroches de thème modifiables disponibles dépendent du type de sous-composant que vous avez sélectionné. Par exemple, si vous sélectionnez un sous-composant En-tête, vous pouvez modifier les couleurs d’arrière-plan de l’en-tête. Si vous sélectionnez un sous-composant Menu, vous pouvez modifier les couleurs d’arrière-plan, de texte et d’icône.
      Remarque :
      Une fois que vous avez enregistré les modifications apportées à l’un des crochets de couleur, un symbole Supprimer le remplacement apparaît. Sélectionnez le symbole Supprimer le remplacement pour rétablir les couleurs générées automatiquement par vos modifications.
      Supprimer le symbole de remplacement.
    9. Double-cliquez sur la vignette En-tête ou Menu ou sélectionnez Sous-composants de style pour modifier les sous-composants disponibles.
      Un sous-composant est une petite partie d’un composant plus grand. Par exemple, le Navigation unifiée sous-composant En-tête ou Menu est une plus petite partie du Navigation unifiée composant. Une interaction décrit les différentes manières dont le composant ou le sous-composant se comporte. Par exemple, les interactions Par défaut ou Survol sont des interactions du sous-composant Déclencheur de menu.
      Figure 4. Navigation unifiée Options de modification des sous-composants d’en-tête
      Option de modification de sous-composant d’en-tête de navigation unifiée.
    10. Continuez à modifier chaque sous-composant et interaction jusqu’à ce que vous ayez terminé de styliser le Navigation unifiée composant.
      Par exemple, après avoir double-cliqué sur le sous-composant Déclencheur de menu d’en-tête, les interactions du déclencheur de menu peuvent être stylisées. De même, si vous double-cliquez sur le sous-composant Menu, les sous-composants et les interactions de chaque menu sont disponibles.
      Remarque :
      La fonction de couleur du canevas applique automatiquement la couleur d’arrière-plan du sous-composant parent.
    11. Facultatif : Lors de la modification de certains sous-composants, tels que le menu, choisissez la configuration que vous souhaitez prévisualiser.
      Par exemple, lors de la modification du sous-composant Menu, après avoir sélectionné Config. du composant, vous pouvez sélectionner le menu spécifique que vous souhaitez modifier dans la liste déroulante Type. Une fois que vous avez sélectionné le menu souhaité, tous les sous-composants disponibles pour ce menu particulier sont répertoriés.
      Figure 5. Menu de configuration du composant
      Menu de configuration du composant avec le menu Historique sélectionné.
    12. Facultatif : Pour revenir à un écran de modification de composant précédent, sélectionnez l’un des liens de fil d’Ariane.
      Figure 6. Navigation dans le fil d’Ariane de modification de composant
      Navigation dans le fil d’Ariane de modification de composant.

    Résultats

    Si votre thème est publié, vos modifications seront visibles par les Navigation unifiée utilisateurs qui ont appliqué votre thème lors de l’actualisation. Pour en savoir plus sur la publication de votre thème, reportez-vous à la section Publier vos thèmes avec Générateur de thèmes.