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

That’s great! I was recently thinking about something like that.
Thanks Jordan!

8 curtidas

Thanks, Jordan!
Looks really interesting!

3 curtidas

Suggestions to improve this component:

  • User customized or group customized. For example, we have different groups for which certain categories are more important than others. Of course, they change according to the group. So, it would be great if the component could be either user customized or at least that the admins could choose which categories to showcase according to group
  • To have the option for a sidebar instead of upfront, at least in the Latest view would be great.
5 curtidas

Thanks for the feedback here!

This is an interesting suggestion :+1:. I wonder how we would handle a user who takes part in multiple groups? This could get a bit complicated but I do like the idea.

A sidebar could be nice as well :grinning_face_with_smiling_eyes:

5 curtidas

You can now choose to display the lists in a sidebar in the latest view :grinning_face_with_smiling_eyes:

Thanks for the suggestion.

5 curtidas

Really great!! :+1: Will try and leave feedback.

3 curtidas

Ok, so… the sidebar doens’t seem to work out of the box with non-default themes. We have a custom version of the Material Design theme and the featured categories appear above the latest list even in sidebar mode (and it actually breaks the margins layout). I’ll try to check if there’s a way around it.

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