Criando um subtema

Crie um tema customizado para seu site Portal do Desenvolvedor gerando e configurando um subtema. Um subtema é um tema que herda todos os recursos de um tema pai especificado. É possível então substituir recursos específicos para configurar suas customizações necessárias.

Sobre esta tarefa

Editar diretamente o tema API Connect não é permitido ou suportado, pois as versões editadas desses arquivos são sobrescritas quando um fix pack ou iFix é instalado. Portanto, a maneira de criar um tema customizado é criar um subtema customizado do tema API Connect padrão que o Portal do Desenvolvedor usa por padrão. Também é possível criar um subtema que seja baseado em um dos seguintes modelos de cores:

Business Mono
Azul Safira
Verde Esmeralda
Marrom Dourado
Vermelho Rubi

Selecionar um modelo de cor fornece um tema base no qual você pode construir mais facilmente para produzir a marca e o estilo necessários do site.

Crie um subtema usando o gerador de tema na UI do Portal do Desenvolvedor , customize a aparência conforme necessário e, em seguida, faça upload do arquivo compactado de volta para o site.

Importante:

• Você não tem permissão para incluir qualquer código do IBM® API Connect dentro de quaisquer temas customizados que você criar Além disso, editar diretamente quaisquer temas do API Connect no sistema de arquivos não é permitido ou suportado, pois as versões editadas desses arquivos são sobrescritas quando um fix pack ou iFix é instalado.
• Todo o desenvolvimento feito sob encomenda é sua responsabilidade Embora o uso de temas customizados seja suportado, o IBM API Connect não fornece suporte em seu desenvolvimento ou modificação.

Para obter um exemplo guiado sobre a criação de um subtema, consulte Tutorial: Criação de um tema personalizado para o Portal do desenvolvedor. Neste exemplo, crie um subtema e, em seguida, customize o estilo editando o arquivo overrides.css .

1. No painel do administrador, clique em Aparência > Gerar subtema.
   A página Gerar sub-tema é exibida
2. Insira um Nome do subtemae selecione o Tipo de subtema que gostaria de usar. O nome pode conter apenas caracteres minúsculos a-z e numerais 1 a 9.
   • CSS -Folhas de Estilo em Cascata; o idioma usado para descrever como exibir os elementos HTML no tema.
   • SCSS -CSS em Massa; um superconjunto de CSS SCSS contém todos os recursos do CSS, mas é estendido para incluir os recursos do Sass também. No entanto, o SCSS deve ser compilado no CSS antes que ele possa ser instalado e usado no Portal do Desenvolvedor
3. Selecione o modelo no qual basear seu subtema:
   • Padrão-o connect_theme padrão no qual o Developer Portal é baseado.
   • Business Mono-um tema de cor preto e branco.
   • Azul safira-um tema de cor azul.
   • Emerald Green-um tema de cor verde.
   • Brown dourado-um tema de cor marrom.
   • Ruby Red-um tema de cor vermelha.
4. Clique em Gerar.
   Seu subtema está disponível para download na página Gerar subtema .
5. Clique em seu novo sub-tema e salve-o em seu local preferencial
6. Extraia os recursos do arquivo de subtema e, em seguida, edite os recursos específicos para configurar as customizações necessárias.
   Defina o seu tema criando metadados no arquivo your_theme_name.info.yml É possível então customizar a aparência de seu tema configurando o arquivo overrides.css . Para obter informações detalhadas sobre como personalizar temas, consulte Theming Drupal.
7. Depois de concluir suas customizações, compacte os recursos de subtema de volta para o arquivo .zip .
   Observe que as seguintes extensões de arquivo também são suportadas: tar, tgz, gze bz2.
8. Instale seu novo subtema no Portal do Desenvolvedor clicando em Aparência > Instalar novo tema.
9. Clique em Escolher arquivo, selecione seu subtema e clique em Instalar.
10. clique em Instalar tema recém-incluído, localize seu novo tema na lista de temas desinstaladose clique em Instalar e configurar como padrão para configurar seu subtema customizado como o tema padrão para seu site.
    Seu novo tema agora está configurado como o tema padrão e está listado na seção Temas Instalados