Você pode alterar a aparência da central de ajuda usando ferramentas de design WYSIWYG simples, como seletores de cor e de fonte. Você pode, por exemplo, alterar o logotipo, as cores e a fonte da web para que a central de ajuda siga as diretrizes de personalização de marca da empresa. As opções de personalização ficam no painel de Configurações do Guide.
Este artigo abrange os seguintes tópicos:
- Atualização das cores na central de ajuda
- Atualização das fontes na central de ajuda
- Atualização do logotipo e do favicon da central de ajuda
- Atualização das imagens na central de ajuda
Além de atualizar a personalização com opções no painel Configurações, é possível ocultar ou exibir alguns elementos comuns no tema Copenhagen padrão, consulte Ocultação e exibição de elementos em seu tema Copenhagen padrão. Ou então, você pode editar o código subjacente ao tema (indisponível no Suite Team) para personalizar elementos da central de ajuda (consulte Utilização de temas e modelos para personalizar a central de ajuda).
Atualização das cores na central de ajuda
- Cor da marca
- Cor do texto da marca
- Cor do texto
- Cor do link
- Cor do plano de fundo
Como atualizar as cores da central de ajuda
- No Guide, clique no ícone Painel de personalização (
) na barra lateral. - No tema que deseja editar, clique em Personalizar. A página do tema é exibida.
- No painel Configurações, clique em Cores.
- Clique na caixa de cor ao lado de qualquer opção, use o seletor de cor para escolher uma cor ou insira manualmente o número da sua cor.
A cor é atualizada na janela de visualização.
Clique fora da caixa de cor para salvar a seleção de cor.
- Repita o processo para as outras cores que você deseja alterar.
- Ao terminar de atualizar suas cores, clique em Publicar.
As alterações serão aplicadas ao tema.
- Clique em Voltar para retornar à página de temas.
Atualização das fontes na central de ajuda
Você pode alterar a fonte dos cabeçalhos e texto por padrão. Uma lista com várias opções de fonte incorporadas está disponível.
Como atualizar as fontes da central de ajuda
- No Guide, clique no ícone Painel de personalização () na barra lateral.
- No tema que deseja editar, clique em Personalizar. A página do tema é exibida.
- No painel Configurações, clique em Fontes.
- Para alterar a fonte do cabeçalho, clique no menu suspenso sob Fonte do cabeçalho e selecione uma fonte para o cabeçalho.
A fonte é atualizada na janela de visualização.
- Para alterar a fonte do texto, clique no menu suspenso sob Fonte do texto e selecione uma fonte para o texto.
A fonte é atualizada na janela de visualização.
- Ao terminar de atualizar suas fontes, clique em Publicar.
As alterações serão aplicadas ao tema.
- Clique em Voltar para retornar à página de temas.
Atualização do logotipo e do favicon da central de ajuda
Você pode alterar o logotipo e o favicon da central de ajuda. O logotipo é exibido no cabeçalho da central de ajuda. O favicon é a pequena imagem exibida na aba do navegador ao lado da URL na barra de endereços. Alguns mecanismos de pesquisa também exibem favicons ao lado da página na lista de resultados da pesquisa.
Para obter informações sobre como carregar suas próprias imagens e outros ativos de personalização para usar aqui, consulte Uso de ativos de tema próprios para a central de ajuda.
Como atualizar o logotipo e o favicon do tema da central de ajuda
- No Guide, clique no ícone Painel de personalização () na barra lateral.
- No tema que deseja editar, clique em Personalizar. A página do tema é exibida.
- No painel Configurações, clique em Marca.
- Se você deseja alterar o logotipo, sob Logotipo, clique em Substituir para navegar até e selecionar uma imagem.
O tamanho de imagem recomendado é de 200 px por 50 px. Para o tema Copenhagen, a altura máxima recomendada é de 37 px.
Se a largura ou a altura da imagem exceder o tamanho recomendado, ela será reduzida para manter a proporção. O plano de fundo da imagem deve ser transparente ou corresponder à cor de fundo do cabeçalho.
- Se você deseja alterar o favicon, sob Favicon, clique em Substituir para procurar e selecionar uma imagem.
Para obter melhores resultados, certifique-se de que o favicon seja uma imagem quadrada. A imagem é redimensionada para se adequar às dimensões de exibição.
- Para reverter para a imagem padrão do logotipo ou favicon, clique em Reverter.
- Ao terminar de atualizar seu logotipo ou favicon, clique em Publicar.
As alterações serão aplicadas ao tema.
- Clique em Voltar para retornar à página de temas.
Atualização das imagens de seu tema
O tema Copenhagen padrão vem com três imagens que você pode substituir:
- Imagem principal da página inicial, exibida na parte superior da página inicial
- Imagem principal inicial da comunidade, exibida na página de tópicos da Comunidade
- Banner da comunidade, exibido na seção Comunidade da página inicial
Como atualizar as imagens em seu tema
- No Guide, clique no ícone Painel de personalização () na barra lateral.
- No painel Configurações, clique em Imagens.
- Abaixo de qualquer imagem exibida no painel Configurações, clique em Substituir para procurar e selecionar uma imagem.
- Para as imagens da página inicial e da comunidade, o tamanho recomendado é de 1600 x 300 px.
Você pode usar uma imagem com menos de 1600 px de largura se o tempo de carregamento for uma preocupação, mas certifique-se de que a imagem tenha no mínimo 300 px de altura, para que não fique esticada. Se a imagem exceder o tamanho recomendado, ela será redimensionada para manter a taxa de proporção constante e a altura máxima de 300 px.
- Além disso, o banner da Comunidade deve ter menos de 300 px de altura para evitar um aspecto esticado.
A imagem é exibida no painel Configurações. Se você não desejar usar a imagem, pode clicar em Reverter para voltar para a imagem padrão.
- Para as imagens da página inicial e da comunidade, o tamanho recomendado é de 1600 x 300 px.
- Repita o processo para todas as imagens que desejar substituir.
- Ao terminar de atualizar suas imagens, clique em Publicar.
As alterações serão aplicadas ao tema.
- Clique em Voltar para retornar à página de temas.