Personalización del estilo de las páginas del portal para desarrolladores

Existen tres maneras comunes de personalizar el portal para desarrolladores en Azure API Management:

En este artículo, aprenderá a personalizar el estilo de los elementos de las páginas del portal para desarrolladores heredado y a ver los cambios.

Captura de pantalla que muestra dónde se cambia la configuración en el portal para desarrolladores heredado.

Nota

El siguiente contenido de la documentación trata sobre el portal para desarrolladores en desuso. Puede seguir utilizándolo como de costumbre hasta su retirada en octubre de 2023, momento en el que se quitará de todos los servicios de API Management. El portal en desuso solo recibirá actualizaciones de seguridad críticas. Consulte los siguientes artículos para obtener más información:

Disponibilidad

Importante

Esta característica está disponible en los niveles Premium, Estándar, Básico y Desarrollador de API Management.

Para obtener información sobre la disponibilidad de características en los niveles v2 (versión preliminar), consulte la introducción a los niveles v2.

Requisitos previos

Personalización del portal para desarrolladores

  1. Seleccione Información general.

  2. Haga clic en el botón Developer portal (legacy) (Portal para desarrolladores [heredado]) en la parte superior de la ventana Información general.

  3. En el lado superior izquierdo de la pantalla, verá un icono formado por dos pinceles. Mantenga el puntero sobre este icono para abrir el menú de personalización del portal.

    Captura de pantalla que resalta el icono con dos pinceles.

  4. Seleccione Estilos en el menú para abrir el panel de personalización del estilo.

    En la página aparecen todos los elementos que se pueden personalizar con Estilos.

  5. Escriba "headings-color" en el campo Change variable values to customize developer portal appearance: (Cambiar valores de variables para personalizar la apariencia del portal para desarrolladores).

    El elemento @headings-color aparece en la página. Esta variable controla el color del texto.

    Personalizar el estilo

  6. Haga clic en el campo correspondiente a la variable @headings-color.

    Se abre la lista desplegable del selector de colores.

  7. En esta lista, seleccione un nuevo color.

    Sugerencia

    Existe una versión preliminar en tiempo real disponible de todos los cambios. Un indicador de progreso aparece en la parte superior del panel de personalización. Al cabo de unos segundos, el color del texto del encabezado cambia al que se acaba de seleccionar.

  8. Seleccione Publicar en la parte inferior izquierda del menú del panel de personalización.

  9. Seleccione Publish customizations (Publicar personalizaciones) para que los cambios estén disponibles públicamente.

Ver el cambio

  1. Desplácese hasta el portal para desarrolladores.
  2. Puede ver el cambio que ha realizado.

Pasos siguientes

También podría estar interesado en aprender cómo personalizar el portal para desarrolladores para Azure API Management mediante plantillas.