Personalizar site

Você pode alterar o tema do site da base de conhecimento seguindo as etapas abaixo:

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Na seção Tema do site , você pode escolher entre três opções:

   • Luz e Escuridão

   • Apenas luz

   • Apenas escuro

Favicon (abreviação de ícone favorito) é um pequeno ícone, geralmente de 16x16 pixels, usado por navegadores da web para identificar seu site. O favicon aparece na guia do navegador do site, na lista de favoritos e na lista do histórico de navegação.

1. Navegue até Configurações () > Site da base de conhecimento > Personalizar site no portal da base de conhecimento.

2. Na seção Branding , passe o mouse sobre o favicon padrão e clique Clique para alterar em Favigon.

3. Agora, você pode adicionar um Favicon em uma das duas opções disponíveis:

   • Usando um URL: Cole o URL da imagem de qualquer fonte externa e clique em Inserir.

   • Carregar uma imagem: Escolha seu arquivo na unidade ou Carregue uma imagem do armazenamento local do computador e clique em Inserir.

4. Clique Salvar.

DICA PRO

• Sempre use uma imagem com dimensões minimalistas e quadradas (em pixels).

• Como prática recomendada, certifique-se de que seu favicon tenha o tamanho de 48 x 48 pixels para uma renderização ideal em todas as plataformas.

Esse problema pode ser enfrentado quando o favicon adicionado não atende aos critérios especificados, incluindo tamanho e formato. Faça as alterações necessárias no favicon ou tente recarregá-lo em seu site da base de conhecimento.

Substitua o logotipo padrão exibido no canto superior esquerdo da base de conhecimento carregando o logotipo desejado.

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Na seção Branding , passe o mouse sobre o logotipo padrão e clique em Clique para alterar.

3. Agora, você pode adicionar um Favicon em uma das duas opções disponíveis:

   • Usando um URL: Cole o URL da imagem de qualquer fonte externa e clique em Inserir.

   • Carregar uma imagem: Escolha seu arquivo no Drive ou Carregue uma imagem do armazenamento local do computador e clique em Inserir.

4. Feito isso, clique em Salvar.

Você pode adicionar um texto como logotipo substituindo o logotipo padrão exibido no canto superior esquerdo da base de conhecimento.

1. Navegue até Configurações () > Site da base de conhecimento > Personalizar site no portal da base de conhecimento.

2. Na seção Identidade visual , clique em Não tem um logotipo? Em vez disso, use o nome.

3. Insira o texto desejado no campo de entrada.

   Por exemplo, você pode adicionar o nome ou slogan de uma empresa em vez de uma imagem de logotipo.

4. Clique Salvar.

NOTA

Você pode adicionar até 30 caracteres para o texto do logotipo.
O tamanho máximo de um logotipo é:
Altura - 40 px
Largura - 270 px
Quando você carrega um logotipo com um tamanho maior, o tamanho do logotipo é reduzido e mantido dentro do tamanho máximo.

Por exemplo, o upload de um logotipo com um tamanho de 500x1000 px (altura x largura) será reduzido para 40x80 px.

Adicione um URL de clickthrough ao seu logotipo com o URL do logotipo. Um usuário clica no logotipo e redireciona para o link fornecido.

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Adicione o URL desejado no campo URL do logotipo.

3. Clique em Salvar.

NOTA

• Se você não adicionar um URL de logotipo e um usuário clicar no logotipo, ele será redirecionado para a página inicial da Base de conhecimento.

• O URL do logotipo personalizado é um campo opcional.

Se você estiver usando um projeto do site da base de conhecimento 2.0, poderá adicionar código personalizado para definir logotipos diferentes para temas claros e escuros.

1. Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.

2. No painel de navegação esquerdo, clique na guia CSS e cole o seguinte snippet de CSS:

.brand-logo img {
    content: url('Paste the Light mode logo URL here');
}

/* Override logo image when the theme is set to "dark" */
html[data-bs-theme="dark"] .brand-logo img {
    content: url('Paste the Dark mode logo URL here');
}

Para escolher a cor da marca desejada para o seu site da base de conhecimento, siga as etapas abaixo:

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Em Cores, você pode escolher a cor da marca . Isso será usado como uma cor primária para CTAs, estados de seleção e muito mais.

NOTA

Se você escolheu a opção Definir automaticamente o contraste de cores para atender aos padrões WCAG, as cores claras e escuras do tema serão definidas automaticamente. Caso contrário, você precisará definir manualmente as cores para cada tema.

3. Feito isso, clique em Salvar.

Para alterar as fontes da sua base de conhecimento, siga as etapas abaixo:

1. Navegue até Configurações () > Site da base de conhecimento > Personalizar site no portal da base de conhecimento.

2. Na seção Fontes , haverá duas seções: Análise de fontes do artigo e Fonte do site.

• Emparelhamento de fontes de artigos: Esta fonte será aplicada a todos os títulos e conteúdos de seus artigos.

NOTA

Clique em Tem uma combinação de fontes específica em mente?, para selecionar mais opções de fontes. Ao clicar nele, você pode escolher a fonte para títulos e conteúdo.

• Fonte do site: selecione a fonte na lista suspensa. Isso será aplicado em todo o site da base de conhecimento. Inclui o painel de navegação esquerdo (categorias, subcategorias, títulos de artigos) e as Navegações (cabeçalho, rodapé, navegações secundárias, controles).

3. Selecione a fonte desejada e clique em Salvar.

NOTA

O Document360 fornece uma lista de fontes comuns usadas na documentação. No entanto, você pode configurar a fonte desejada na base de conhecimento. Para mais informações, leia o artigo sobre How to configure a custom font in the knowledge base?

Atualmente, não há opção direta para alterar o estilo de parágrafo padrão. No entanto, você pode alterar a fonte padrão do artigo no editor do Document360.

Para definir a fonte padrão para seus artigos:

1. Navegue até Configurações () > Site da base de conhecimento > Personalizar site no portal da base de conhecimento.

2. Na seção Fontes , escolha o par de fontes desejado no bloco Emparelhamento de fontes do artigo . Essa fonte aparecerá nos artigos da base de conhecimento.

   Por exemplo, se você redigir conteúdo no Verdana portal da Base de conhecimento, mas selecionar Ubuntu + Open Sans no Emparelhamento de fontes do artigo, no site da Base de conhecimento, o título do artigo aparecerá em Ubuntue o conteúdo do artigo estará em Open Sans.

NOTA

Você também pode selecionar sua fonte personalizada para seus artigos. Para mais informações, leia o artigo sobre How to configure a custom font in the knowledge base?

Para alterar o estilo de parágrafo de artigos individuais:

1. Abra o artigo desejado no editor WYSIWYG avançado e selecione o texto.

2. Clique em Formatar e escolha um estilo de fonte na seção Tipografia .

Para alterar os estilos de botão do seu site da base de conhecimento, siga as etapas abaixo:

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Na seção Estilo , você pode selecionar o estilo do botão nas opções como arredondado, nítido e bolha.

Para alterar o layout do site em personalizar site, siga as etapas abaixo:

1. Navegue até Configurações () > Site da base de conhecimento > Personalizar site no portal da base de conhecimento.

2. Em Layout, você pode encontrar a largura total e o centro.

• Largura total: A largura total estenderá seu conteúdo até as bordas de um plano do navegador.

• Centro: o layout central se ajustará mais ao seu conteúdo no centro de um plano do navegador.

3. Clique Salvar.

Para definir a fonte padrão para seus artigos:

1. Navegue até Configurações () > Site da base de conhecimento> Personalizar site no portal da base de conhecimento.

2. Na seção Fontes , escolha o par de fontes desejado no bloco Emparelhamento de fontes do artigo . Essa fonte aparecerá nos artigos da base de conhecimento.

   Por exemplo, se você redigir conteúdo no Verdana portal da Base de conhecimento, mas selecionar Ubuntu + Open Sans no Emparelhamento de fontes do artigo, no site da Base de conhecimento, o título do artigo aparecerá em Ubuntue o conteúdo do artigo estará em Open Sans.

NOTA

Você também pode selecionar sua fonte personalizada para seus artigos. Para mais informações, leia o artigo sobre How to configure a custom font in the knowledge base?