Substitua ilustrações de ícone de bloco com imagens personalizadas

Modifique ou substitua as ilustrações do ícone de bloco padrão por suas próprias imagens personalizadas para promover elementos visuais que refletem a identidade visual da sua empresa.

Antes de Iniciar

Função necessária: ui_builder_admin

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

Antes de carregar para, verifique se as imagens personalizadas usam as cores desejadas e atendem aos requisitos de identidade visual Construtor de temas.

Por Que e Quando Desempenhar Esta Tarefa

Importante:

As imagens personalizadas se aplicam aos espaços de trabalho e não são compatíveis com IU principal.

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.
2. Use a lista suspensa Página para selecionar a exibição da página do Editor.

   Figura 1. Exibição da página do editor

   

3. Na lista suspensa Tema, selecione o tema que você deseja editar.
4. Selecione Estilos de imagem no painel estilos gerais e expanda Ícones lado a lado .
5. Use uma das opções a seguir para selecionar a ilustração do ícone de bloco que você deseja substituir.
   • Selecione o ícone Filtro e expanda a categoria de ícone de bloco para selecionar a ilustração específica que você deseja substituir.
   • Percorra a lista de ilustrações de ícone de bloco na fase principal.
   Depois de selecionar uma ilustração, o painel de propriedades será aberto.

   Figura 2. Guia Estilos de imagem com ícones de bloco expandidos

   

6. No painel Propriedades, selecione Imagens guia.
7. Selecione o nome do arquivo de ilustração do ícone de bloco padrão.
   O modal de upload de imagens é exibido.
8. Use uma das seguintes opções para carregar sua imagem personalizada:
   • Selecione Procurar , escolha seu arquivo de imagem personalizada no navegador de arquivos do computador e selecione Aberto .
   • Arraste o arquivo de imagem personalizada do navegador de arquivos do seu computador e solte a imagem diretamente no modal.
   Consulte o modal de carregamento de imagem para obter limitações de tamanho e formato. Se sua imagem personalizada não atender ao tamanho e ao formato necessários, sua imagem não será salva.
9. Visualize sua imagem no modal e selecione Salvar .

   Figura 3. Modal de imagem de upload com imagem personalizada exibida

   

   Uma vez salva, sua imagem personalizada aparece na fase principal dentro da categoria de cartão que você escolheu. O nome do arquivo da sua imagem personalizada agora está listado no painel de propriedades.
10. Opcional: Selecione Remover símbolo de substituição se quiser restaurar a ilustração do ícone de bloco padrão.

    Figura 4. Remover substituição

    

11. Opcional: Visualize suas edições antes de publicar seu tema em sua instância.
    1. Selecione Visualização da experiência 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 5. Visualização da experiência

       

Resultado

Se o seu tema for publicado, suas imagens personalizadas ficarão visíveis para os usuários que têm seu tema aplicado na atualização. Para obter mais informações sobre como publicar temas, consulte Publique seus temas com Construtor de temas.