Gerenciar ou editar um tema com Construtor de temas

Você pode personalizar e gerenciar seu tema e estilo de forma econômica e em tempo. Novos temas podem ser aplicados somente à web, somente a dispositivos móveis ou a implementações da web e de dispositivos móveis da sua instância.

Antes de Iniciar

Função necessária: administrador

Procedimento

1. Navegar até Todos > Estrutura do Now Experience > Temas > Construtor de temas.
   A página inicial do Theme Builder é exibida na exibição da página inicial.
2. Você pode selecionar o tema que deseja editar na exibição da página do Gerenciador ou do Editor.

   Figura 1. Menu de página

   

   • Na exibição da página do gerente, você tem a opção de exibir os temas existentes de duas maneiras: na exibição em grade ou na exibição de lista, conforme selecionado usando os ícones a seguir. Na exibição da página do Gerenciador, você pode ver todos os temas criados na mesma tela.

     Figura 2. Exibição de grade

     

     Figura 3. Exibição em lista

     

     Nota:

     A exibição de lista indica as experiências nas quais os temas foram aplicados. Por exemplo, o tema ABC Co. foi aplicado em instâncias da web e o tema Blimy foi aplicado em instâncias móveis. O menu suspenso Aplicar permite que você selecione Web e dispositivos móveis, Somente Webou Somente dispositivos móveis. Para obter mais informações, consulte Aplique seu tema com Construtor de temas.
   • Na exibição da página do Editor, você pode selecionar o tema que deseja editar na lista suspensa Tema. Na exibição da página do Editor, você pode ver somente o tema selecionado. Para ver todos os temas que você criou na mesma tela, alterne para a exibição da página do gerente.

     Figura 4. Selecione um tema na lista suspensa Tema

     

   Nota:

   Depois de selecionar o tema no qual deseja trabalhar, é uma boa ideia verificar se você selecionou o escopo correto para eles no seletor de escopo da aplicação.

   Figura 5. Seletor de escopo da aplicação

   

3. Quando você tiver selecionado o tema que deseja editar, revise e atualize os componentes de estilos globais conforme necessário.

   Figura 6. Revisar estilos globais

   

   Nota:

   A seguir estão os registros de estilo gerados com o seu tema.

   • Sua paleta de marca: atualize as cores da interface da sua marca.
   • Logotipo: atualize o logotipo. Você pode carregar o logotipo durante a aplicação do tema nas imagens ou na página de visão geral. Consulte Carregar um logotipo ao aplicar um tema para obter mais informações.
   • Família de fontes: atualize as fontes aplicadas globalmente à sua experiência. As fontes são usadas em cabeçalhos, títulos, legendas, texto do corpo e legendas.
   • Forma: atualize as formas dos cantos dos componentes na tela.
4. Opcional: Para visualizar seu tema antes de aplicá-lo à sua instância, selecione a guia Visualização de experiência.

   

   Uma instância dinâmica real é exibida com todas as seleções de tema aplicadas. Você pode visualizá-lo antes de implementar os temas selecionados na instância real.

   Figura 7. Visualização da sua experiência com o tema aplicado

   

   Nota:

   Os dados na visualização da experiência são dados dinâmicos; as mudanças feitas na visualização são refletidas na sua instância.
5. Para aplicar o tema à sua instância, selecione Aplicar tema no canto superior direito.
   Nota:

   Você pode aplicar seu tema somente a implementações da Web da sua instância, somente a implementações móveis ou a implementações da Web e móveis.

   

6. Depois de fazer uma seleção, selecione Aplicar na caixa de confirmação.
   Nota:

   Se o nome do tema for igual ao tema aplicado no momento, o botão Aplicar tema ficará desabilitado. Para obter mais informações, consulte Aplicar um tema.

• Estilos principais, cores, variantes e paletas de cores alternativas
  Você pode personalizar a aparência da IU Next Experience para diferentes usuários configurando os estilos principais, variantes e paletas de cores alternativas.
• Adicionar uma paleta de cores alternativa
  Depois de criar um tema, você pode personalizá-lo ainda mais criando uma paleta de cores alternativa para o tema e aplicando-a à sua instância.
• Visualizar componentes
  Ao criar ou gerenciar seu tema, você pode visualizar os componentes disponíveis para inclusão em sua instância.
• Editar componentes
  Ao criar ou gerenciar seu tema, você pode editar componentes individuais para melhor adequá-los à sua marca e aos padrões de conformidade de acessibilidade. Os ganchos de tema que você pode editar são específicos para cada tipo de componente.