Criar um tema personalizado clonando um registro de tema Construtor de temas

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 2 min. de leitura

    • Crie um tema personalizado no Next Experience com mais eficiência usando um registro de tema Construtor de temas publicado.

    Antes de Iniciar

    Para clonar um tema Construtor de temas, o tema deve ser publicado. Para obter informações sobre como publicar o tema Construtor de temas, consulte Publique seus temas com Construtor de temas.

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Para evitar que seu trabalho seja substituído, o novo tema clonado não é editável em Construtor de temas.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Temas.
      A tabela Temas de UX é exibida.
    2. Na coluna Nome, pesquise o tema Construtor de temas que deseja clonar e selecione o registro.
    3. Clone os cinco registros de estilo de tema de UX.
      1. Na guia Composicional: tema do app, mantenha pressionado (ou clique com o botão direito do mouse) o registro de estilo Cores do Mobile e selecione Abrir link em uma nova guia.
      2. No campo Nome, insira o nome do tema.
        Por exemplo, ABC Company - Mobile Colors.
      3. Mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Inserir e permanecer.
        Esta ação cria uma cópia do registro de estilo e redireciona as informações para o novo registro de estilo.
        Figura 1. Registro de estilo de cores móveis clonados
        Registro de estilo de cores móveis clonados com a opção Inserir e permanecer selecionada.
      4. Feche a guia aberta.
      5. Repita este processo para os registros de estilo Forma e Forma, Cores, Imagens e Tipografia.
      Nota:
      Os registros de estilo clonados não aparecem no registro do tema atual e este comportamento é esperado.
    4. Clone o registro do tema de UX.
      1. No campo Nome, altere o nome do registro do tema.
        Por exemplo, Empresa ABC personalizada.
      2. Mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Inserir e permanecer.
        Seu novo registro de tema de UX é exibido. Os registros de estilo neste tema estão vazios e este comportamento é esperado.
        Figura 2. Registro de tema de UX recém-criado
        Registro de tema de UX recém-criado.
    5. Adicione os registros de estilo recém-criados ao seu tema.
      1. Clique duas vezes na coluna Estilo para expor o campo de pesquisa.
      2. Pesquise e selecione um dos novos registros de estilo no menu suspenso.
      3. Salve sua seleção marcando a marca de seleção verde.
      4. Clique duas vezes na coluna Tipo para expor a lista suspensa e selecione Núcleo.
        Figura 3. Lista suspensa de tipo de estilo
        Lista suspensa Tipo de estilo com a opção Núcleo selecionada.
      5. Salve sua seleção marcando a marca de seleção verde.

        Esta ação associa seu registro de estilo ao tema atual.

      6. Repita este processo para os quatro registros de estilo restantes.
      7. Mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Salvar.
        Se as mudanças não tiverem sido salvas, barras verdes serão exibidas ao lado dos registros de estilo que você adicionou.
        Figura 4. Registro de tema de UX antes de o registro ser salvo
        Registro de tema de UX antes de o registro ser salvo.
    6. Publique seu tema personalizado.
      Para publicar seu tema personalizado, consulte Publicar vários temas em Next Experience.
      Agora que o tema personalizado foi publicado, você está pronto para personalizá-lo. Para obter um tutorial passo a passo para editar seu registro de cor de estilo de UX, consulte Exercício 3, Atividade 2 e 3 do Next Experience Workshop na Comunidade ServiceNow.