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

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Como esconder a barra de navegação à esquerda no site da base de conhecimento

Prev Next

O painel de navegação à esquerda, também chamado de gerenciador de categorias, exibe a árvore de categorias de artigos no lado esquerdo do site da base de conhecimento por padrão. Para algumas bases de conhecimento, especialmente aquelas com layout focado em um único artigo ou experiência de leitura mínima, ocultar esse painel por padrão pode reduzir a desordem visual e ajudar os leitores a focar no conteúdo. Isso oculta completamente o painel, incluindo a opção de alternância para revelá-lo, para que os leitores naveguem apenas por meio de busca ou links diretos.


Quando usar isso

Use essa personalização quando quiser:

  • Proporcione aos leitores uma experiência de leitura mais limpa e sem distrações, escondendo o painel de categorias durante o carregamento da página.
  • Apresente um layout mínimo de coluna única para documentação que não dependa fortemente da navegação baseada em categorias.
  • Oculte o painel de navegação por padrão, permitindo que os leitores mostrem isso sob demanda.

Antes de começar

  • Você precisa de acesso às Configurações (

    ) > site de base de conhecimento > Personalização do site > CSS & JavaScript personalizados no portal da base de conhecimento.
  • Esconder o painel de navegação à esquerda não remove a navegação completamente. Os leitores ainda podem clicar no ícone Mostrar categoria ao lado do título do artigo para revelar o painel.

Como esconder o painel de navegação esquerdo

  1. Navegar até Configurações (

    ) > site da base de conhecimento > personalização do site > CSS & JavaScript personalizados no portal da base de conhecimento.

    Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal

  2. No painel de navegação à esquerda, selecione a aba CSS e cole o próximo trecho.

site-docs-left-panel-container{
display: none !important;
}
  1. Clique em Salvar no canto superior direito.

    CSS tab showing the left navigation bar hide snippet saved in the Custom CSS and JavaScript panel


Desfecho

Antes

O painel de navegação esquerdo e o gerenciador de categorias são visíveis por padrão no site da base de conhecimento.

Knowledge base site showing the left navigation bar visible by default before applying the CSS

Depois

O painel de navegação esquerdo e o gerenciador de categorias estão ocultos por padrão. Os leitores ainda podem clicar em Mostrar categoria para revelar o painel.

Knowledge base site showing the left navigation bar hidden by default after applying the CSS


Melhores práticas

  • Note a diferença entre oculto e removido. Esse CSS oculta visualmente o painel — ele não é removido da página. Os leitores ainda podem acessar a navegação clicando em Mostrar categoria. Se você precisar que o painel seja completamente inacessível, essa abordagem sozinha não é suficiente.
  • Considere a estrutura do seu conteúdo antes de esconder. Para bases de conhecimento com categorias profundamente aninhadas ou navegação frequente entre categorias, ocultar o painel por padrão pode dificultar a descoberta do conteúdo. Teste com uma amostra dos seus leitores antes de aplicar em todo o site.
  • Teste após salvar. Abra o site da sua base de conhecimento e confirme se o painel está oculto ao carregar a página, e que ao clicar em Mostrar categoria , isso aparece corretamente.
  • Para reverter, exclua o trecho. Navegue de volta para a aba CSS em CSS Personalizado & JavaScript, remova o trecho e clique em Salvar. O painel de navegação esquerdo reaparece imediatamente.