Gerencie ou edite um tema com Construtor de temas

Personalize e gerencie seu tema e estilo de maneira econômica e econômica. Depois de personalizar, publique seu novo tema em uma implementação web ou móvel da sua instância.

Antes de Iniciar

Função necessária: ui_builder_admin

Para obter informações sobre funções granulares, consulte Granular admin roles.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de temas.
   . Construtor de temas A página principal é aberta em uma nova guia e exibida na exibição da página inicial.

   Figura 1. Menu de página

   

2. Na exibição da página inicial, selecione Exibição da página do gerente para ver todos os temas disponíveis.
   Na exibição da página Gerente, você tem a opção de exibir os temas existentes de duas maneiras. Você pode escolher a exibição em Grade ou a exibição em Lista.

   Nota:

   Nas exibições Grade e Lista, seus temas publicados e não publicados são agrupados separadamente. Os temas publicados são temas que aparecem na preferência de tema do usuário. Para exibir seus temas da web e para dispositivos móveis, selecione Web ou Mobile botão.

   Figura 2. Exibição em grade

   

   Figura 3. Exibição em lista

   

   Use o ícone Mais ações em um tema publicado para acessar estas opções:

   • Duplicar: Cria uma cópia do tema para reutilização ou modificação.
   • Excluir: Remove permanentemente o tema da sua lista.
   • Adicionar paleta de cores alternativa: Aplica um esquema de cores diferente ao tema para variação.
   • Não publicar: Remove o tema do uso ativo sem excluí-lo, para que você possa editar ou republicar mais tarde.
   • Marcar como padrão: Define o tema como a primeira opção mostrada no Next Experience Preferência do usuário do tema. Esta opção aparece se o tema não for o tema padrão atual.

   Use o ícone Mais ações em um tema publicado com uma paleta de cores alternativa definida para acessar estas opções:

   • Nome do grupo: Renomeia o grupo de temas, que inclui o tema base e todas as suas paletas de cores alternativas.
   • Duplicar: Cria uma cópia do tema para reutilização ou modificação.
   • Excluir: Remove permanentemente o tema da sua lista.
   • Não publicar: Remove o tema do uso ativo sem excluí-lo, para que você possa editar ou republicar mais tarde.
   • Marcar como padrão: Define o tema como a primeira opção mostrada no Next Experience Preferência do usuário do tema. Esta opção aparece se o tema não for o tema padrão atual.

   Use o ícone Mais ações em um tema não publicado para acessar estas opções:

   • Duplicar: Cria uma cópia do tema para reutilização ou modificação.
   • Excluir: Remove permanentemente o tema da sua lista.
   • Adicionar paleta de cores alternativa: Aplica um esquema de cores diferente ao tema para variação.
   • Publicar: Disponibiliza o tema para uso.
3. Escolha o tema que você deseja editar usando uma das seguintes maneiras.

   Página	Opção
   Gerente (exibição em Grade)	Na seção Publicado ou Não publicado, escolha o tema que você deseja editar e selecione Editar .
   Gerente (exibição de lista)	Na seção Publicado ou Não publicado, escolha o tema que você deseja editar e selecione o ícone de lápis .
   Editor	Escolha o tema que você deseja editar na lista suspensa Tema. Figura 4. Selecione um tema na lista suspensa Tema

   Nota:

   Ao selecionar o tema no qual você deseja trabalhar, verifique se selecionou o escopo correto para o tema no seletor de escopo da aplicação.

   Figura 5. Seletor de escopo da aplicação

   

4. Revise e atualize os estilos globais, conforme necessário.

   Figura 6. Visão geral de estilos globais

   

   Nota:

   Os seguintes registros de estilo são gerados com seu tema:

   • Sua paleta de marca : Atualize as cores da interface da sua marca. Para obter mais informações, consulte Edite as cores do tema.
   • Logotipo : Atualize o logotipo. Você pode carregar o logotipo durante a aplicação do tema na página Visão geral. Para obter mais informações, consulte Carregue um novo logotipo no seu Construtor de temas tema.
   • Tipografia : Atualize as fontes aplicadas globalmente à sua experiência. As fontes são usadas em títulos, títulos, legendas, corpo do texto e legendas. Para obter mais informações, consulte Edite sua fonte padrão.
   • Forma Atualize as formas de canto dos componentes na tela. Para obter mais informações, consulte Edite formas de canto.
5. Opcional: Visualize seu tema antes de publicar.
   1. Selecione . No painel Estilos globais.
   2. Selecione a experiência que você deseja visualizar na lista suspensa Experiência.
   3. Selecione o ícone Abrir em uma nova guia para abrir a experiência em uma nova guia.

      Figura 7. Visualização da experiência

      

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

      Nota:

      Para temas publicados, os dados na visualização de experiências são dados dinâmicos. As mudanças feitas na visualização são refletidas na sua instância.
6. Publique seu tema.
   Para obter mais informações, consulte Publique seus temas com Construtor de temas.

• Principais estilos, cores, variantes e paletas de cores alternativas
  Você pode personalizar a aparência do Next Experience IU para diferentes usuários configurando os estilos principais, variantes e paletas de cores alternativas. Os estilos principais definem o tema base, as variantes suportam as necessidades de acessibilidade e as paletas de cores alternativas fornecem opções de personalização de representação para os usuários finais.
• Adicione uma paleta de cores alternativa
  Personalize um Construtor de temas criando uma paleta de cores alternativa para o tema e publicando-a em sua instância.
• Trabalhar com estilos globais
  Os estilos globais permitem editar e definir elementos de design principais, como fontes, cores e formas, que se aplicam a todo o tema.
• Trabalhar com estilos de componente
  Os estilos de componente permitem ajustar a aparência de elementos de IU individuais, como botões, controles de formulário e navegação, sem afetar as configurações globais do tema. Use estilos de componente quando precisar de um controle mais granular do que o que os estilos globais fornecem.
• Trabalhar com estilos de imagem
  Os estilos de imagem permitem que você experimente diferentes esquemas de cores para ilustrações e substitua ilustrações padrão por suas próprias imagens personalizadas. O recurso Estilos de imagem fornece flexibilidade na personalização dos elementos visuais do seu tema.