Personalizar o estilo das páginas do portal do programador

Existem três formas mais comuns de personalizar o portal do programador no Azure Gestão de API:

• Editar o conteúdo de páginas estáticas e elementos de esquema da página
• Atualizar os estilos utilizados para elementos de página em todo o portal de programador (explicado neste guia)
• Modificar os modelos utilizados para páginas geradas pelo portal(por exemplo, documentos de API, produtos, autenticação de utilizador)

Neste artigo, vai aprender a personalizar o estilo dos elementos nas páginas do portal do programador legado e a ver as suas alterações.

Nota

O seguinte conteúdo da documentação é sobre o portal do programador preterido. Pode continuar a utilizá-lo, como habitualmente, até à descontinuação em outubro de 2023, altura em que será removido de todos os serviços de Gestão de API. O portal preterido só receberá atualizações de segurança críticas. Veja mais detalhes nos artigos seguintes:

• Saiba como migrar para o novo portal do programador
• Descrição geral do novo portal do programador do Azure Gestão de API
• Aceder e personalizar o novo portal do programador

Disponibilidade

Importante

Esta funcionalidade está disponível nos escalões Premium, Standard, Básico e Programador da Gestão de API.

Para obter a disponibilidade de funcionalidades nos escalões v2 (pré-visualização), veja a descrição geral das camadas v2.

Pré-requisitos

• Conhecer a terminologia da Gestão de API do Azure.
• Conclua o guia de início rápido seguinte: Criar uma instância da Gestão de API do Azure.
• Conclua também o tutorial seguinte: Importar e publicar a sua primeira API.

Personalizar o portal do programador

1. Selecione Descrição geral.

2. Clique no botão Portal do programador (legado) na parte superior da janela Descrição Geral .

3. No canto superior esquerdo do ecrã, verá um ícone com dois pincéis. Coloque o cursor sobre este ícone para abrir o menu de personalização do portal.

   

4. Selecione Estilos no menu para abrir o painel de personalização de estilos.

   Todos os elementos que pode personalizar com Estilos aparecem na página

5. Introduza "headings-color" no campo Alterar valores de variáveis para personalizar o aspeto do portal do programador:.

   O elemento @headings cor é apresentado na página. Esta variável controla a cor do texto.

   

6. Clique no campo da variável de @headings cores .

   É aberto o menu pendente do selecionador de cores.

7. No menu pendente do selecionador de cores, selecione uma nova cor.

   Dica

   A pré-visualização em tempo real está disponível para todas as alterações. Aparece um indicador de progresso na parte superior do painel de personalização. Após alguns segundos, o texto do cabeçalho muda de cor para a nova selecionada.

8. Selecione Publicar na parte superior esquerda do menu do painel de personalização.

9. Selecione Publicar personalizações para tornar as alterações publicamente disponíveis.

Ver a sua alteração

1. Navegue para o portal do programador.
2. Pode ver a alteração que efetuou.

Passos seguintes

Poderá também estar interessado em aprender como personalizar o portal do programador de Gestão de API do Azure através de modelos.