Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Personalizar site

Atualização
  • Atualizado em Sep 6, 2025
  • Publicado em Mar 1, 2025
  • 13 minuto(s) lido(s)
Prev Next

Planos que suportam este recurso: Professional Business Enterprise

Em seu projeto do Document360, você pode gerenciar o design e a personalização do site da base de dados de conhecimento a partir do recurso unificado Personalizar site . Personalizar a aparência e a funcionalidade de sua base de conhecimento é crucial para criar uma experiência perfeita para seus usuários. O recurso do Personalizar site Document360 permite que você personalize seu site de base de conhecimento para se alinhar à identidade da sua marca e às preferências do usuário. Seja selecionando temas, ajustando cores ou personalizando layouts, essas opções de personalização permitem que você crie um site que não seja apenas visualmente atraente, mas também acessível e fácil de usar.

Imagine gerenciar a documentação de suporte de um produto SaaS. Com Personalizar siteo , você pode combinar as cores e o logotipo da sua marca, garantir a acessibilidade usando o contraste automático de cores e personalizar layouts para uma melhor navegação.

Para sua informação (FYI)

Esse aprimoramento está disponível no site da Base de Dados de Conhecimento 2.0. Para migrar do site da KB 1.0 para o site da KB 2.0, leia o artigo em KB site 2.0 migration.

NOTA

Personalizar site é uma configuração no nível do projeto. As mudanças refletirão em todo o projeto.

Assista: Como personalizar seu site da base de conhecimento

Personalização básica do site

Para executar a personalização básica:

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

    A página contém todas as configurações básicas de design do site.

  3. Você pode escolher uma das três opções para definir o tema do seu site da base de dados de conhecimento no campo Tema do site :

    • Luz e Escuridão

    • Apenas luz

    • Apenas escuro

  4. Na seção Branding , você pode escolher um logotipo e Favicon. Você pode fazer upload de logotipos separados para temas claros e escuros, garantindo que sua marca permaneça consistente e visualmente otimizada para diferentes modos de visualização.

    Se você não tiver definido um logotipo para um dos temas, o logotipo atribuído ao outro tema será usado automaticamente por padrão.

    NOTA

    • O tamanho máximo aceito do Favicon é de 200 KB. Os formatos suportados são ICO, PNG e SVG. As resoluções recomendadas são: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 e 256x256 pixels.

    • Imagens com fundo transparente devem ser convertidas para ICO primeiro. Depois de alterar o Favicon, você precisa fazer uma atualização do navegador para ver o ícone atualizado.

  5. Além disso, você pode definir um link de redirecionamento personalizado para o logotipo. Certifique-se de que o URL comece com https:// para evitar erros de validação. Quando um usuário clica no logotipo no site da base de conhecimento, ele é redirecionado para o link especificado, como o site da empresa ou uma página de destino específica.

    NOTA

    Os clientes que já possuem um logotipo e um favicon personalizados não serão afetados até que naveguem até as Personalizar site configurações e salvem as alterações.

  6. Na seção Cores, marque a caixa de seleção Definir automaticamente o contraste de cores para atender aos  padrões WCAG para aplicar automaticamente as cores baseadas na sua marca aos elementos do site.

    NOTA

    Para obter mais informações, leia o artigo sobre Web Content Accessibility Guidelines (WCAG).

    1. Na seção Cor da marca , você pode selecionar uma cor para CTAs, estados de seleção e muito mais usando o seletor de cores ou inserir seu código HEX.

    2. Na seção Cor do hiperlink , você pode personalizar a cor dos hiperlinks em sua base de conhecimento para aprimorar a experiência do usuário. Nesta opção, você pode escolher entre as três opções de rádio:

      • Use o padrão da indústria: Aplicar uma cor de hiperlink comumente usada

      • Use a cor da marca: aplique a mesma cor que você escolheu na cor da marca

      • Usar uma cor diferente: selecione as cores padrão, foco e visitado para hiperlinks.

    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.

  7. Na seção Fontes , você pode alterar as fontes do conteúdo da sua base de conhecimento a qualquer momento.

    Haverá duas subseções:

    1. Emparelhamento de fontes do artigo: essa fonte será aplicada a todos os títulos e conteúdos dos artigos.

      Clique em Tem uma combinação de fontes específica em mente? para selecionar mais opções de fontes. Clique aqui para escolher a fonte dos títulos e do conteúdo.

    2. Fonte do site: selecione a fonte na lista suspensa. Isso será aplicado em todo o seu Site da base de conhecimentodomínio . Ele inclui o painel de navegação esquerdo (categorias, subcategorias, títulos de artigos) e a navegação para o cabeçalho, rodapé, navegação secundária e controles.

    NOTA

    A fonte escolhida será utilizada no e dentro do Site da base de conhecimento editor. Isso aumentará a capacidade do usuário de visualizar a aparência do artigo durante sua criação.  

  1. Na seção Estilo , você pode escolher o estilo dos botões e elementos do formulário. As três opções disponíveis são:

    • Arredondado

    • Afiado

    • Bolha

  2. Na seção Layout do site , você encontrará duas opções:

    • Largura total: a largura total estenderá seu conteúdo até as bordas de uma janela do navegador.

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

  3. Uma vez feito isso, clique em Salvar.

Personalização avançada do site

Personalize seu site incorporando elementos de marca, seções de cabeçalho e rodapé, página inicial, página de login e páginas de erro em um local central.

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

    A página contém todas as configurações básicas de design do site.

  3. Clique em Personalizar site.

  4. Nesta seção, você pode configurar os seguintes elementos do site:

    As alterações aplicadas na seção esquerda podem ser visualizadas no painel direito. Para editar um elemento específico, clique no item desejado no painel Visualizar. As configurações correspondentes aparecerão no painel esquerdo.

  5. Use o menu suspenso para escolher as diferentes páginas.

    A nova interface para o construtor de página inicial fornece navegação e personalização mais fáceis para cada seção da página inicial.

  6. Clique Visualizar para ver como suas alterações serão exibidas no site da base de conhecimento.

  7. Clique Salvar para salvar suas alterações sem aplicá-las imediatamente.

  8. Clique Publicar para tornar suas alterações recentes visíveis para os leitores.

  9. Clique no Mais ícone () e selecione Redefinir para a versão publicada para descartar todas as personalizações salvas e não salvas e reverter para a última versão publicada.

NOTA

O recurso Redefinir para a versão publicada está disponível apenas para novos projetos do site da base de dados de conhecimento 2.0 criados após 29 de março de 2025.

Configuring the advanced customization for the Knowledge base site.

Perguntas Freqüentes

Como altero o tema do site?

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

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

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

    • Luz e Escuridão

    • Apenas luz

    • Apenas escuro

Como faço para alterar os favicons?

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 () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

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

  4. 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.

  5. Clique em 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.

Por que o favicon não está sendo renderizado no site da base de conhecimento?

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.

Como faço para alterar o logotipo do site?

Para substituir o logotipo padrão exibido no canto superior esquerdo da base de conhecimento carregando o logotipo desejado,

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

    Na seção Branding , você encontrará os logotipos carregados para seus temas de site claros e escuros.

  3. Passe o mouse sobre o respectivo logotipo e clique em Clique para alterar.

  4. 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.

  5. Uma vez feito isso, clique em Salvar.

Como adiciono texto como logotipo?

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 () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

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

  4. 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.

  5. Clique em 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.

Como adiciono um URL de logotipo personalizado?

Adicione um URL de clickthrough ao seu logotipo com o URL do logotipo. Quando um usuário clica no logotipo, ele é redirecionado para o link fornecido.

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

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

  4. Clique em Salvar.

NOTA

  • O URL do logotipo deve começar com https://.

  • Se o URL começar com www. (por exemplo, www.example.com) sem https://, ele mostrará um erro "URL inválido".

  • Se nenhum URL for fornecido, clicar no logotipo redirecionará os usuários para a página inicial da base de conhecimento.

  • O URL do logotipo personalizado é um campo opcional.

Como escolher a cor da marca?

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

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

  3. Em Cores, você pode escolher a cor da marca . Essa será a 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.

  1. Uma vez feito isso, clique em Salvar.

Como escolho a família de fontes na configuração Personalizar site?

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

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

  3. Na seção Fontes , haverá duas seções: Análise da fonte do artigo e Fonte do site.

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

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 a navegação (cabeçalho, rodapé, navegações secundárias, controles).

  1. 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?

Como altero o estilo de parágrafo padrão?

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 () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

  3. 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 .

Como altero os estilos dos botões?

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

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

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

Como altero o layout do site em Personalizar configurações do site?

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

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

  3. Em Layout, você pode encontrar Largura total e Centro.

  • Largura total: a largura total estenderá seu conteúdo até as bordas de uma janela do navegador.

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

  1. Clique em Salvar.

Como faço para definir a fonte padrão para meus artigos no site da base de conhecimento?

Para definir a fonte padrão para seus artigos:

  1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

  2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site.

  3. 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?

Artigos relacionados