Alinhe-se à sua marca usando Navegação unificada componente

Alinhe sua experiência mais de perto com sua marca editando o. Navegação unificada componente e seus subcomponentes.

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

. Navegação unificada o componente é composto por vários subcomponentes que você deve estilizar individualmente. Em Construtor de temas versão 5,0, edição do Navegação unificada está limitado ao cabeçalho e aos menus, embora alguns estilos possam ser aplicados a todos os aspectos do Navegação unificada componente e subcomponentes.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Temas > Construtor de temas.
2. Na lista suspensa Página, selecione 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 Navegação unificada componente para.
4. Selecione Estilos de componente guia.
5. Selecione Editando guia.

   

6. Filtre a lista para exibir Navegação unificada componente.
   1. Selecione o ícone Filtro ).
   2. Expanda a categoria Navegação e selecione Navegação unificada componente.

      Figura 2. Componente do Navegação unificada

      

7. Acesse o Editor de componentes, onde você pode estilizar vários aspectos do Navegação unificada usando uma das duas maneiras listadas:
   • Clique duas vezes em Navegação unificada bloco do componente.
   • Em Navegação unificada painel de edição, selecione Subcomponentes de estilo .

   Figura 3. Navegação unificada painel de edição

   

8. Selecione Cabeçalho ou Menu lado a lado para abrir o painel de estilos configuráveis onde você pode editar os ganchos de tema disponíveis.
   Os ganchos de tema editáveis disponíveis dependem do tipo de subcomponente selecionado. Por exemplo, se você selecionar um subcomponente Cabeçalho, poderá editar as cores de fundo do Cabeçalho. Se você selecionar um subcomponente de Menu, poderá editar o plano de fundo, o texto e as cores do ícone.

   Nota:

   Depois de salvar as mudanças em qualquer um dos ganchos de cor, um símbolo Remover substituição será exibido. Selecione o símbolo Remover substituição para reverter suas mudanças para as cores originais geradas automaticamente.

   

9. Clique duas vezes em Cabeçalho ou Menu lado a lado ou selecione Subcomponentes de estilo para editar os subcomponentes disponíveis.
   Um subcomponente é uma parte menor de um componente maior. Por exemplo, o. Navegação unificada O subcomponente de cabeçalho ou menu é uma parte menor do Navegação unificada componente. Uma interação descreve as diferentes maneiras como o componente ou subcomponente se comporta. Por exemplo, as interações Padrão ou de Hover são interações do subcomponente do gatilho de menu.

   Figura 4. Navegação unificada Opções de edição de subcomponente do cabeçalho

   

10. Continue editando cada subcomponente e interação até concluir o estilização do Navegação unificada componente.
    Por exemplo, depois de clicar duas vezes no subcomponente do gatilho de menu do cabeçalho, as interações do gatilho de menu ficam disponíveis para estilização. Da mesma forma, se você clicar duas vezes no subcomponente Menu, os subcomponentes e as interações de cada menu estarão disponíveis.

    Nota:

    O recurso de cor da tela aplica automaticamente a cor de fundo do subcomponente primário.
11. Opcional: Ao editar determinados subcomponentes, como o Menu, escolha qual configuração você deseja visualizar.
    Por exemplo, ao editar o subcomponente Menu, depois de selecionar Configuração do componente , Você pode selecionar o menu específico que deseja editar na lista suspensa Tipo. Depois de selecionar o menu desejado, todos os subcomponentes disponíveis para esse menu específico serão listados.

    Figura 5. Menu de configuração do componente

    

12. Opcional: Para retornar a uma tela de edição de componente anterior, selecione um dos links de trilha.

    Figura 6. Navegação de trilha de edição de componente

    

Resultado

Se o seu tema for publicado, seu Navegação unificada as edições ficarão visíveis para os usuários que tiverem seu tema aplicado após a atualização. Para obter informações sobre como publicar seu tema, consulte Publique seus temas com Construtor de temas.