 |
Resumo | O Category Banners utiliza os detalhes existentes da categoria para criar banners para suas páginas de categoria (para tags, confira o Discourse Tag Banners). |
 |
Visualização | Visualização no Discourse Theme Creator |
 |
Link do Repositório | https://github.com/discourse/discourse-category-banners |
 |
Novo nos Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse |
Instale este componente de tema
Recursos
O Category Banners utiliza os detalhes existentes da categoria para criar banners para suas páginas de categoria. Ele usa o nome da categoria, a descrição e a cor para gerar um banner no topo das páginas de categoria relevantes (para tags, confira o Discourse Tag Banners).
A descrição da categoria é definida pelo primeiro parágrafo no tópico “Definição de categoria para …” de cada categoria. As cores de fundo/texto do banner são definidas pelas configurações do emblema da sua categoria.
Por padrão, isso será exibido no desktop e no mobile em todas as páginas de Categoria e Subcategoria, mas não aparecerá se você não tiver definido uma descrição para sua categoria.
Configurações
Este componente vem com opções para substituir os padrões:
| Nome | Descrição |
|---|---|
| show description | Mostrar descrição do post “Sobre esta Categoria” |
| show mobile | Mostrar banners no mobile |
| show subcategory | Mostrar banners para subcategorias |
| hide if no description | Ocultar banners se a descrição da categoria não estiver definida |
| show category logo | Mostrar logotipo da categoria |
| align text | |
| exceptions | O banner não será exibido para estas NOMES de categoria |
| categories | Categorias para as quais mostrar um banner |
| plugin outlet | Altera a posição do banner na página |
| show category icon | Mostrar ícone ou emoji da categoria definido nas configurações da categoria * |
| override category icon color | Quando os ícones da categoria são usados, ativar isso fará com que o ícone corresponda à cor do texto do banner |
* Observe que esta configuração agora se refere ao ícone ou emoji da categoria definido nas configurações da categoria, e não ao componente de tema Category Icons (que está obsoleto em favor do recurso principal).
Notas de personalização
Se você quiser personalizar isso com algum CSS adicional, pode direcionar cabeçalhos de categoria específicos usando esta estrutura (exemplo-categoria é o nome da sua categoria):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
Este componente também adiciona a classe category-header à tag body como um alvo CSS adicional.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.