Gerenciar ou editar um tema com Construtor de temas
Personalize e gerencie seu tema e estilo de forma eficiente em termos de tempo e custo. Depois de personalizar, publique o novo tema em uma implementação da Web ou móvel da sua instância.
Antes de Iniciar
Função necessária: administrador
Procedimento
-
Na exibição da página inicial, selecione o tema que você 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 Gerenciador, 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 de Lista. Nota:Nas exibições em Grade e em Lista, os 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. Exiba seus temas da Web e móveis selecionando o botão Web ou Dispositivo móvel.
Figura 2. Exibição de grade Figura 3. Exibição em lista O ícone Mais ações (
) para temas publicados contém as seguintes opções: - Duplicar
- Excluir
- Adicionar paleta de cores alternativa
- Cancelar publicação
- Marcar como padrãoNota:Esta opção aparecerá se o tema não for o tema padrão atual.
O ícone Mais ações () para temas publicados com as paletas de cores alternativas definidas contém as seguintes opções: - Editar nome do grupo
- Duplicar
- Excluir
- Cancelar publicação
- Marcar como padrão Nota:Esta opção aparecerá se o tema não for o tema padrão atual.
O ícone Mais ações () dos temas não publicados contém as seguintes opções: - Duplicar
- Excluir
- Adicionar paleta de cores alternativa
- Publicar
- 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 Gerenciador.
Figura 4. Selecione um tema na lista suspensa Tema
Nota:Ao selecionar o tema no qual deseja trabalhar, verifique se você selecionou o escopo correto para o tema no seletor de escopo da aplicação.Figura 5. Seletor de escopo da aplicação - Na exibição da página do Gerenciador, 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 de Lista.
-
Revise e atualize os Estilos globais, conforme necessário.
Figura 6. Revisar estilos globais Nota:Os seguintes registros de estilo são gerados com o 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 a partir das imagens ou da página de visão geral. Para obter mais informações, consulte Carregar um logotipo ao publicar um tema com Construtor de temas.
- 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.
- Opcional:
Para alterar as cores de IU geradas automaticamente para uma edição mais detalhada, selecione o ícone Paleta de cores (
) no painel de cores Estilos globais. Use a lista suspensa ao lado de cada elemento de IU para acessar as opções de cor.
Nota:Depois de salvar as mudanças em qualquer um dos ganchos de cor, um símbolo de Remover substituição será exibido. Selecione Remover símbolo de substituição para reverter as mudanças para as cores originais geradas automaticamente.
- Opcional:
Para visualizar seu tema antes de publicá-lo em sua instância, selecione a guia Exibição de experiência.
Selecione a experiência que você deseja visualizar na lista suspensa Experiência.Uma instância em tempo real real aparece com todas as seleções de tema aplicadas. Você pode visualizá-la antes de implementar os temas selecionados na instância real.Nota:Selecione o ícone Abrir em nova guia (
) para abrir a experiência em uma nova guia. Você pode ver como o tema não publicado interage com a experiência selecionada. Figura 7. Visualização da sua experiência com o tema aplicado Nota:Para temas publicados, os dados na visualização da experiência são dados dinâmicos. As mudanças feitas na visualização são refletidas em sua instância.