# Tags de hambúrguer do Discourse

**URL:** https://meta.discourse.org/t/discourse-hamburger-tags/207299
**Category:** Theme component
**Created:** [27 Outubro , 2021 20:36 UTC](https://meta.discourse.org/t/discourse-hamburger-tags/207299 "2021-10-27T20:36:49Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [27 Outubro , 2021 20:36 UTC](https://meta.discourse.org/t/discourse-hamburger-tags/207299/1 "2021-10-27T20:36:49Z")

</div>

Este é um componente de tema que permite adicionar tags ao menu hambúrguer de forma fácil.

O componente vem com três opções de exibição.

**Exemplos:**

Grupos de tags aninhados

 ![nested tag groups](https://global.discourse-cdn.com/meta/original/3X/8/3/83f1a4956c2a2c0e07c066871d1aa02e5adf997f.png)

Tags de categoria permitidas aninhadas

 ![nested allowed category tags](https://global.discourse-cdn.com/meta/original/3X/d/c/dc9225fa77a3220a05e35b24670e680c61d7d25b.png)

Tags superiores planas (em todo o site)

 ![flat top tags](https://global.discourse-cdn.com/meta/original/3X/0/c/0c3cac7e9e0d0648d1ab8561c49fe83e77719bbd.png)

**Configurações:**

O componente vem com sete configurações.

 ![theme settings](https://global.discourse-cdn.com/meta/original/3X/f/8/f85a4190184949465febdfb2fdd6689d3686bff3.png)

O `hamburger_menu_tags_mode` permite definir o modo de visualização preferido.

_top tags:_  
exibe uma lista plana das principais tags usadas no site

_tag groups:_  
exibe uma lista aninhada de grupos de tags e suas tags filhas

_allowed category tags:_  
exibe uma lista de tags permitidas aninhadas sob cada categoria. Recomendo manter esses valores dentro de limites razoáveis.

A partir daí, há configurações específicas para cada modo que permitem controlar quantas seções/tags serão exibidas para os diferentes modos.

Também há uma configuração que permite ocultar a seção padrão de categorias do menu hambúrguer (desativada por padrão).

**Observações:**  
O tema respeitará os estilos para categorias/tags definidos nas configurações do seu site.

Se você selecionar “tags de categoria permitidas aninhadas”, os links dessas tags levarão a tópicos naquela categoria que estão marcados com essa tag.

Todas as seções adicionam um link de largura total para a página `/tags` antes das subseções.

`allowed_category_tags` e `top_tags` não têm sobrecarga de API — ou seja, não há solicitações adicionais. `Nested_tag_groups` exige uma solicitação a um arquivo `.json`. A solicitação é acionada apenas uma vez por usuário por sessão (na página inicial ou na página onde o usuário aterrissar).

Não há pré-visualização no criador de temas porque ele não possui muitas tags.

| | | |
| --- | --- | --- |
| 🛠 | **Repositório** | [GitHub - hnb-ku/Discourse-hamburger-tags · GitHub](https://github.com/hnb-ku/Discourse-hamburger-tags) |
| ❓ | **Guia de Instalação** | [Como instalar um tema ou componente de tema](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Novo em Temas do Discourse?** | [Guia para iniciantes sobre o uso de temas do Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |