 |
Resumo | Category Banners usa os detalhes existentes das categorias para criar banners para suas páginas de categoria (para tags, confira Discourse Tag Banners). |
 |
Pré-visualização | Pré-visualizar no Discourse Theme Creator |
 |
Link do Repositório | https://github.com/discourse/discourse-category-banners |
 |
Novo em Discourse Themes? | Guia para iniciantes sobre o uso de Discourse Themes |
Instalar este componente de tema
Recursos
Category Banners usa os detalhes existentes das categorias para criar banners para suas páginas de categoria. Ele utiliza o nome da categoria, a descrição e a cor para gerar um banner no topo das páginas relevantes da categoria (para tags, confira Discourse Tag Banners).
A descrição da categoria é definida pelo primeiro parágrafo do tópico “Definição da categoria para …” de cada categoria. As cores de fundo/texto do banner são definidas pelas configurações do emblema da categoria.
Por padrão, isso será exibido em desktop e mobile em todas as páginas de Categoria e Subcategoria, mas não aparecerá se você não tiver fornecido 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 em dispositivos móveis |
| 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 | Alinhar texto |
| exceptions | O banner não será exibido para estes 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 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 foi descontinuado em favor do recurso principal).
Notas sobre personalização
Se você deseja personalizá-los 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-exemplo-categoria {
background: url(exemplo.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.