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:

• Editar el contenido de páginas estáticas y elementos de diseño de página
• Actualizar los estilos usados en los elementos de página en el portal para desarrolladores (que se explica en esta guía)
• Modifique las plantillas usadas para las páginas generadas por el portal (por ejemplo, documentos de API, productos, autenticación de usuario).

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

SE APLICA A: Desarrollador | Básico | Estándar | Premium

Prerrequisitos

• Obtenga información sobre la terminología de Azure API Management.
• Complete el siguiente inicio rápido: Creación de una instancia de Azure API Management.
• Además, complete el siguiente tutorial: Importación y publicación de la primera API.

Personalización del portal para desarrolladores

1. Seleccione Información general.

2. Haga clic en el botón 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.

   

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

   Todos los elementos que puede personalizar mediante Estilos aparecen en la página

5. Escriba "headings-color" en el campo Cambiar valores de variable para personalizar la apariencia del portal para desarrolladores: .

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

   

6. Haga clic en el campo de 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 en el menú del panel de personalización.

9. Seleccione 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 puede interesarle aprender a personalizar el portal para desarrolladores de Azure API Management mediante plantillas.