Alterar o layout de tema das páginas do seu site do Experience Cloud

Um layout de tema define as regiões do nível superior da sua página, como cabeçalho e rodapé, navegação, pesquisa e o menu do perfil de usuário. Um componente de layout de tema categoriza as páginas no seu site que compartilham um layout de tema.

Edições obrigatórias

Disponível em: Salesforce Classic e Lightning Experience

Disponível em: Enterprise, Performance, Unlimited e Developer Editions

Permissões necessárias ao usuário
Para personalizar ou publicar um site do Experience Cloud:	Criar e configurar experiências E Visualizar configuração E ser um membro do site OU Visualizar configuração E ser membro do site E ter o acesso adequado ao site baseado em papel

Um desenvolvedor cria componentes de layout de tema personalizado no Developer Console implementando a interface forceCommunity:themeLayout. O desenvolvedor também pode adicionar propriedades a um layout de tema personalizado, que você pode configurar na área do painel Tema no Criador de experiências. Quando o componente layout personalizado está disponível, atribua-o a um layout de tema para transformar instantaneamente as páginas que usam o layout.

No Criador de experiências, clique em na barra lateral esquerda e depois em Tema.
Para visualizar e configurar seus layouts de tema, selecione Configurar.
Se necessário, crie um Novo layout de tema.
Selecione um componente de layout de tema para o layout do tema.
Atualize as configurações do layout do tema, se disponíveis – as propriedades variam dependendo de como o desenvolvedor configurou o componente de layout do tema.

Por exemplo, o componente de layout Padrão no tema Atendimento ao cliente inclui as seguintes opções para a região do cabeçalho.
Ocultar a região do cabeçalho e a navegação

Oculta o cabeçalho padrão do site em todas as páginas do site. O cabeçalho padrão do site inclui a imagem do cabeçalho, a caixa de pesquisa, o menu do site e o menu de navegação do perfil de usuário. Selecione essa opção para substituir o cabeçalho padrão por um cabeçalho personalizado.
Ocultar o ícone Notificações no cabeçalho

Oculta o ícone de notificações. Útil quando você tem um cabeçalho personalizado ou não usa notificações.
Componente Pesquisar

Substitui o componente padrão Pesquisa e publicação por um componente personalizado, se disponível.
Componente Perfil de usuário

Substitui o componente padrão Cabeçalho de perfil por uma versão personalizada, se disponível.
Definir largura máxima da página

Define a largura máxima do conteúdo na página. A largura máxima pode ser mais estreita que o tamanho geral de exibição do cabeçalho ou do rodapé.

Entretanto, o componente de layout Padrão para o tema Jepson possui opções diferentes.
Mostrar cabeçalho

Exibe ou oculta o cabeçalho.
Corrigir a posição do cabeçalho

Fixa o cabeçalho na parte superior da área de rolagem para que permaneça visível enquanto um cliente navega em uma página longa. Para ver isso funcionando, publique e visualize seu site. A alteração não aparece no Criador de experiências.
Mostrar herói

Exibe ou oculta a imagem do herói do tema.
Comece com o herói no cabeçalho

O cabeçalho sobrepõe-se visualmente ao herói. Recomendamos usar um segundo plano transparente para esse cabeçalho.
Para aplicar o layout do tema, selecione Substituir o layout do tema padrão desta página (1). Selecionar esta seleção mostra as opções de Layout de tema. Em seguida, escolha o novo layout (2).