# Como substituir o \<header\> do Discourse pelo meu próprio?

**URL:** https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740
**Category:** Support
**Created:** [6 Novembro , 2019 13:31 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740 "2019-11-06T13:31:39Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![paulmasri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulmasri/32/89783_2.png) [@paulmasri](https://meta.discourse.org/u/paulmasri)
#### Post date: [6 Novembro , 2019 13:31 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/1 "2019-11-06T13:31:39Z")

</div>

Quero ter um fórum Discourse como uma seção de um site. No entanto, quero exibir o cabeçalho e a navegação do meu site (incluindo menu e menu de usuário) em vez dos do Discourse. Isso é para que a aparência e a sensação sejam unificadas em todo o site.

Já existe alguma solução para isso?

Caso contrário, qual é a abordagem recomendada? Tema com CSS para ocultar `<header>` e colocar meu próprio conteúdo em `header.html`? Parece sujo.

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [6 Novembro , 2019 13:33 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/2 "2019-11-06T13:33:52Z")

</div>

Você pode usar o #Customization > Theme component já disponível para adicionar um cabeçalho adicional e fazer alterações no CSS para ajustar cores e estilos.

Recomendo que você não remova ou oculte o cabeçalho existente do Discourse, pois isso causará muitos problemas.

---

<div class="post-metadata">

### Author: ![paulmasri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulmasri/32/89783_2.png) [@paulmasri](https://meta.discourse.org/u/paulmasri)
#### Post date: [6 Novembro , 2019 13:38 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/3 "2019-11-06T13:38:48Z")

</div>

Eu já tenho meu próprio menu de usuário (avatar, etc.) para meu site e estou usando SSO para o Discourse, então eles compartilham os mesmos dados de usuário. Seria uma experiência de usuário (UX) terrível ter dois menus de usuário em uma página, e se eu simplesmente omitir o meu na seção do fórum, novamente haveria uma UX terrível, pois eles seriam diferentes.

Não é possível que eu substitua o menu hambúrguer e o menu de usuário do Discourse pelo meu próprio, que incorpore links do Discourse (por exemplo, categorias, caixa de entrada)?

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [6 Novembro , 2019 13:42 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/4 "2019-11-06T13:42:44Z")

</div>

O menu hambúrguer e o menu de usuário do Discourse contêm links importantes.

Se você quiser que seus usuários nunca consigam acessar o seguinte:  
Configurações da conta  
Preferências de perfil  
Notificações  
Mensagens  
E mais itens que ficarão inacessíveis, você pode ocultar o menu do Discourse via CSS.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [6 Novembro , 2019 14:44 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/5 "2019-11-06T14:44:34Z")

</div>

> [@paulmasri](#):
>
> Já existe alguma solução para isso?

Existem várias. Acredito que algumas estejam disponíveis se você tentar adicionar um tema, mas pode conferir aqui:

[https://meta.discourse.org/search?context=topic&context\_id=132740&q=%23theme%20header&skip\_context=true](https://meta.discourse.org/search?context=topic&context_id=132740&q=%23theme%20header&skip_context=true)

---

<div class="post-metadata">

### Author: ![paulmasri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulmasri/32/89783_2.png) [@paulmasri](https://meta.discourse.org/u/paulmasri)
#### Post date: [6 Novembro , 2019 14:54 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/6 "2019-11-06T14:54:05Z")

</div>

Obrigado, Jay. Vou dar uma olhada nisso.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [6 Novembro , 2019 14:55 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/7 "2019-11-06T14:55:42Z")

</div>

> [@paulmasri](#):
>
> Não seria possível eu substituir o menu hambúrguer e o menu de usuário do Discourse pelos meus próprios, que incluam links do Discourse (por exemplo, categorias, caixa de entrada)?

Não é impossível… você poderia ocultar nosso cabeçalho padrão com CSS e adicionar o seu em um tema (note que você teria que duplicar sua navegação; não é possível importar diretamente o código do seu site)… mas você estaria ou descartando muitas funcionalidades padrão ou recriando-as. As notificações são um grande exemplo.

Descobrimos que, a longo prazo, é melhor adicionar conteúdo (usando a API de temas) e estilizar o cabeçalho do Discourse para que fique o mais próximo possível de um site existente, em vez de tentar substituir todo o cabeçalho do zero.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [27 Julho , 2023 06:42 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/8 "2023-07-27T06:42:16Z")

</div>



---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [27 Julho , 2023 06:51 UTC](https://meta.discourse.org/t/how-to-replace-discourse-header-with-my-own/132740/9 "2023-07-27T06:51:13Z")

</div>


