Componente de tema de Cabeçalhos de Categorias do Discourse

Existe alguma maneira de exibir todo o conteúdo da página “Sobre a categoria XXX” na descrição do cabeçalho/banner da categoria? Atualmente, apenas o primeiro parágrafo é exibido, mas gostaríamos de mostrar mais texto além disso, bem como imagens no cabeçalho/banner da categoria. Há como fazer isso? Agradecemos antecipadamente pela ajuda.

1 curtida

@ Rhidian

Seu plugin é fantástico, mas se pudéssemos exibir todo o conteúdo da página “Sobre” em vez de apenas o primeiro parágrafo, isso nos ajudaria imensamente.

Analisei o código e vejo a seguinte função catDesc(), mas parece que category.description contém apenas o primeiro parágrafo. Como podemos obter o conteúdo completo da página “Sobre”?

              function catDesc() {
                  if(settings.show_category_description) {
                      return h('div.cooked', {innerHTML: category.description});
                  }

Qualquer feedback seria muito apreciado. Obrigado antecipadamente!

1 curtida

O primeiro parágrafo do tópico Sobre padrão em cada categoria tem um status especial no Discourse. Ele é usado para exibir um resumo curto da categoria. Isso é utilizado nas listas de categorias e no cabeçalho padrão de categoria do Discourse. Ele é armazenado separadamente na estrutura do banco de dados — nos metadados da categoria.

Este componente do tema aproveita essa funcionalidade integrada e adiciona várias melhorias à funcionalidade padrão do cabeçalho de categoria para exibir os metadados, como o nome e o logotipo da categoria, além de algumas opções de posicionamento e estilo. No entanto, ele é limitado por esses metadados e, infelizmente, todo o conteúdo da mensagem Sobre não faz parte deles, devido à forma como os dados são estruturados no Discourse.

Entendo o motivo de ter sido construído dessa forma, já que o objetivo é exibir um resumo curto do texto.

1 curtida

Sobre a cor/estilo do link da categoria:

O nome da categoria exibido no banner funciona como um link. Isso é útil ao exibir uma subcategoria, pois ela aparece como Nome da categoria pai: Nome da subcategoria. Clicar no nome da categoria pai atua como um link de breadcrumb, levando você à página dessa categoria pai.

O estilo desse link foi configurado para exibir na mesma cor que o restante do título. Isso torna o link de breadcrumb menos óbvio, mas, na minha opinião, fica melhor visualmente.

Sinta-se à vontade para alterar isso na sua instalação, comentando ou removendo o estilo a: que você destacou.

Notei que outros usuários comentaram sobre querer que quaisquer links incluídos no primeiro parágrafo da mensagem “Sobre” sejam exibidos no cabeçalho da categoria. Se for útil, posso adicionar uma classe ao cabeçalho para que o estilo de “mesma cor” se aplique apenas aos links de breadcrumb, caso isso ajude?

2 curtidas

Isso seria muito útil.

Nós fazemos uso extensivo de links naquele primeiro parágrafo da descrição da categoria e não podemos usar este incrível componente no momento por causa disso.

Fiz essa alteração. Os links agora devem ser exibidos por padrão nas descrições das categorias, usando a configuração cor padrão do tema para links.

@nathank, por favor, confirme se funciona para você agora. Você precisará atualizar o componente.

Vou precisar instalá-lo primeiro! O problema do link foi um motivo forte para eu ter adiado. Vou instalá-lo e testar em breve.

Obrigado por este tema incrível! Estou com um pouco de dificuldade porque o menu está sobrepondo a caixa do tema no topo da página. Alguém já viu isso ou sabe como resolver?

Seu fórum é público? Fico feliz em dar uma olhada se você puder fornecer uma URL.
Você está usando a versão mais recente?

1 curtida

Oi Rhidian, obrigado. Na verdade, decidi alterar o layout, então o problema não existe mais. Se ninguém mais viu isso, deve ser algo específico do meu fórum.

2 curtidas

Ei! Tema adorável aqui! Obrigado por isso :slight_smile:

Também, estou tendo um pouco de dificuldade para replicar o visual que você compartilhou na sua captura de tela aqui:

É isso que estou obtendo em uma página de categoria que tem duas subcategorias:

E sim, já ativei o estilo de caixa conforme mencionado aqui:

Para referência, é assim que minha página de categorias se parece:

Seria muito legal se você pudesse me ajudar a resolver isso :slight_smile:

Olá, as subcategorias aparecendo como caixas são as caixas nativas do Discourse. Elas não fazem parte do componente do tema.

Essas caixas padrão do Discourse funcionam em qualquer categoria com subcategorias?

Para ativar isso para subcategorias, você precisa editar as configurações em cada categoria pai assim:

3 curtidas

Como eu poderia exibir isso acima dos tópicos também?

Os cabeçalhos de Categoria do Discourse aparecem acima da Lista de Tópicos da Categoria. Você quer dizer que gostaria que o cabeçalho da Categoria respectiva aparecesse acima das postagens em um Tópico?

Não tenho certeza se isso seria útil, pois as postagens abrem na última postagem lida no Tópico, então o cabeçalho só seria visível se alguém rolar de volta até o topo?

Sim, é exatamente isso que quero. Configurei para que os usuários vejam a primeira postagem em vez da última. É importante que os usuários vejam tanto a primeira postagem quanto o cabeçalho da categoria neste Discourse específico que estou configurando.

Olá, Rhidian!

Obrigado por compartilhar esse componente incrível. Ele tem sido super útil para o meu site, e agora ele está super limpo :sunglasses:

Gostaria de saber se é possível alterar a aparência das categorias na página inicial?

Adoraria que, na página inicial, o ícone da categoria fosse exibido à esquerda em vez de acima. Fiquei inspirado por este site: https://forum.figma.com/

Abraços,
Sofia

Atualmente, os cabeçalhos de categoria deste TC estão sendo exibidos acima do conteúdo em Editar CSS/HTML -> Após o cabeçalho de outro TC. Preciso que esses cabeçalhos de categoria sejam exibidos abaixo do conteúdo Após o cabeçalho desse TC. Como você sugere que eu faça isso?

Existe uma maneira fácil de ter imagens de cabeçalho de categoria para o banner exibido por este componente, mas suprimi-las da listagem de categorias na página inicial?

2 curtidas

Olá, ótimo addon, obrigado! Tenho o mesmo problema que o @mattdm
Tenho uma imagem de logotipo para a categoria que não desejo mostrar na página inicial.
Gostaria que a imagem do logotipo da categoria aparecesse apenas no cabeçalho da categoria.

Agradeceria sua ajuda. Não consegui usar CSS porque é exatamente a mesma classe, então quando a oculto na página inicial, ela também se aplica à página da categoria.

1 curtida