Partager via


Personnaliser le style des pages du portail des développeurs

Les trois façons les plus courantes de personnaliser le portail des développeurs dans la Gestion des API Azure sont les suivantes :

Dans cet article, vous allez apprendre à personnaliser le style des éléments des pages du portail des développeurs hérité et à afficher vos modifications.

Capture d’écran indiquant l’endroit où modifier vos paramètres dans le portail des développeurs hérité.

Notes

Le contenu de la documentation suivante s’applique au portail des développeurs déconseillé. Vous pouvez continuer à l’utiliser normalement jusqu’à sa suppression en octobre 2023, lorsqu’il sera supprimé de tous les services de gestion des API. Le portail déprécié recevra uniquement les mises à jour de sécurité critiques. Pour plus d’informations, consultez les articles suivants :

Disponibilité

Important

Cette fonctionnalité est disponible dans les niveaux Premium, Standard, De base et Développeur de Gestion des API.

Pour connaître la disponibilité des fonctionnalités dans les niveaux v2 (préversion), consultez la vue d’ensemble des niveaux v2.

Prérequis

Personnaliser le portail des développeurs

  1. Sélectionnez Vue d’ensemble.

  2. Cliquez sur le bouton Portail des développeurs (hérité) en haut de la fenêtre Vue d’ensemble.

  3. Sur le côté supérieur gauche de l’écran, une icône composée de deux pinceaux apparaît. Placez le curseur de la souris au-dessus de cette icône pour ouvrir le menu de personnalisation du portail.

    Capture d’écran mettant en évidence l’icône avec deux pinceaux.

  4. Sélectionnez Styles dans le menu pour ouvrir le volet de personnalisation du style.

    Tous les éléments que vous pouvez personnaliser à l’aide de Styles apparaissent dans la page.

  5. Entrez « headings-color » dans le champ Changez les valeurs des variables pour personnaliser l’apparence du portail des développeurs.

    L’élément @headings-color apparaît sur la page. Cette variable contrôle la couleur du texte.

    Personnaliser le style

  6. Cliquez sur le champ associé à la variable @headings-color.

    Une liste déroulante de sélecteur de couleurs s’ouvre.

  7. Dans cette liste déroulante, sélectionnez une nouvelle couleur.

    Conseil

    Un aperçu en temps réel est disponible pour toutes les modifications. Un indicateur de progression s’affiche en haut du volet de personnalisation. Après quelques secondes, la couleur nouvellement sélectionnée est appliquée au texte d’en-tête.

  8. Sélectionnez Publier dans la partie inférieure gauche du menu du volet de personnalisation.

  9. Sélectionnez Publier les personnalisations pour publier les modifications.

Afficher votre modification

  1. Accédez au portail des développeurs.
  2. Vous pouvez voir la modification que vous avez apportée.

Étapes suivantes

Nous vous recommandons également d’apprendre à personnaliser le portail des développeurs Gestion des API Azure à l’aide de modèles.