Categorias em destaque

:discourse2: Resumo Categorias em Destaque permite adicionar duas listas de tópicos “Em Destaque” (criadas a partir da escolha de duas categorias diferentes) ao topo da página inicial do seu fórum.
:eyeglasses: Pré-visualização Pré-visualizar no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-showcased-categories
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Funcionalidades

Nas configurações do componente de tema, você pode personalizar o nome de cada coluna, além de escolher a categoria de onde os tópicos serão extraídos, juntamente com a quantidade máxima de tópicos dessa categoria que deseja exibir.

Configurações:

Nome Descrição
show as sidebar Se ativado, as categorias em destaque serão renderizadas apenas em uma barra lateral na página mais recente.
feed one title Título para o primeiro feed de tópicos
feed one category Categoria única para extrair tópicos
feed one tag Opcionalmente, extrair tópicos de várias tags, podendo ser combinado com uma categoria
feed two title Título para o segundo feed de tópicos
feed two category Categoria única para extrair tópicos
feed two tag Opcionalmente, extrair tópicos de várias tags, podendo ser combinado com uma categoria
max list length Quantos tópicos devem aparecer nas listas personalizadas?
plugin outlet Configuração avançada para personalização adicional
Tradução Padrão
showcased_categories.new_post Postar
showcased_categories.view_more Mais

Créditos

Obrigado a @awesomerobot por desenvolver a estrutura original deste componente. :+1:


:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

44 curtidas

Isso é ótimo! Recentemente, eu estava pensando em algo assim.
Obrigado, Jordan!

8 curtidas

Obrigado, Jordan!
Parece muito interessante!

3 curtidas

Sugestões para melhorar este componente:

  • Personalização por usuário ou por grupo. Por exemplo, temos diferentes grupos para os quais certas categorias são mais importantes do que outras. Claro, elas mudam de acordo com o grupo. Portanto, seria ótimo se o componente pudesse ser personalizado por usuário ou, pelo menos, permitir que os administradores escolhessem quais categorias exibir de acordo com o grupo.
  • Ter a opção de uma barra lateral em vez de exibir no topo, pelo menos na visualização Mais Recentes, seria ótimo.
5 curtidas

Obrigado pelo feedback aqui!

Essa é uma sugestão interessante :+1:. Fico me perguntando como lidariamos com um usuário que participa de vários grupos? Isso poderia ficar um pouco complicado, mas eu gosto da ideia.

Uma barra lateral também seria legal :grinning_face_with_smiling_eyes:

5 curtidas

Agora você pode escolher exibir as listas em uma barra lateral na visualização Mais Recentes :grinning_face_with_smiling_eyes:

Obrigado pela sugestão.

5 curtidas

Muito bom!! :+1: Vou tentar e deixar um feedback.

3 curtidas

Ok, então… a barra lateral parece não funcionar corretamente com temas não padrão. Temos uma versão personalizada do tema Material Design e as categorias em destaque aparecem acima da lista mais recente, mesmo no modo de barra lateral (e isso na verdade quebra o layout das margens). Vou tentar verificar se há uma solução para isso.

2 curtidas

Olá, Jordan, obrigado por um componente tão excelente, mas ainda tenho uma pergunta: é possível tornar a cor da barra azul personalizável? Existe alguma maneira de alterá-la nas configurações do plugin ou de exibir a cor de design da categoria?

1 curtida

Claro!

Para fazer isso, você precisará fazê-lo em seu tema personalizado ou em um componente de tema (provavelmente o caminho mais fácil).

O que você deve mirar é .custom-homepage-columns .header-wrapper.

Algo assim deve funcionar:

.custom-homepage-columns .header-wrapper { 
    background-color: `sua cor aqui`;
}
3 curtidas

Olá, é possível reduzir a altura de todo o bloco para metade, de modo que, como resultado, o dobro de notícias seja exibido no bloco, mantendo o mesmo tamanho do bloco atual.
Obrigado.

2 curtidas

Atualmente, temos um máximo de 5 tópicos para serem exibidos em cada lista. Quanto ao espaçamento, você deve poder mirar nas classes CSS do bloco para obter o efeito desejado. :+1:

1 curtida

Olá, você poderia postar um exemplo? Obrigado.

1 curtida

Desculpe, sou novo na edição de temas. Isso significa que preciso duplicar o componente para poder editar as cores? Existe outra maneira de acessar o HTML/CSS?

1 curtida

Claro!

Para alterar a altura dos itens da lista de tópicos, você deve mirar neste seletor:

.custom-homepage-columns .topic-list .main-link { height: ??? }

Além disso, o valor mínimo permitido para exibição é 1 e o máximo é 5.

2 curtidas

Compreensível!

Você não precisa duplicar o componente para personalizar a aparência deste componente do tema.

Aqui está o que você precisará fazer:

  1. Navegue até /admin/customize/themes e clique em components
  2. Clique em install e depois em create new, certificando-se de selecionar component. Você pode dar o nome que desejar!

Ele então aparecerá na área de componentes não utilizados:

Em seguida, você precisará ativá-lo no tema atualmente selecionado nesta mesma página:

Uma vez feito isso, você pode clicar em edit CSS/HTML.

A partir daí, você pode adicionar o CSS de personalização na aba commoncss. Você pode adicionar o código que compartilhei anteriormente ali.

.custom-homepage-columns .header-wrapper { 
    background-color: `sua cor aqui`;
}
3 curtidas

Obrigado! Parece tão simples agora :man_facepalming:

2 curtidas

Olá pessoal! A ideia de ter diferentes categorias em destaque com base na associação a grupos é exatamente o que eu procuro. E quando um usuário está em vários grupos que têm categorias em destaque configuradas, o TC pode seguir o grupo principal do usuário.

No meu caso, temos categorias privadas para clientes de publicidade. Estamos procurando uma maneira de exibir a categoria individual deles no topo da página inicial. Dessa forma, eles não precisam vasculhar o fórum para procurá-la.

3 curtidas

Olá pessoal @jordan.vidrine Não estou vendo este componente funcionando para mim… junto com o tema Discourse Air.
Aqui estão minhas configurações.


Mas não vejo uma barra lateral… e estou assumindo que por causa da barra de pesquisa não posso ter isso na seção de banner.

2 curtidas

você já encontrou a solução para isso?? Estou usando o tema Air

2 curtidas