Destaque na página inicial

:discourse2: Resumo O recurso Homepage Feature exibe até 5 tópicos com imagens na página inicial da sua comunidade.
:eyeglasses: Pré-visualização Pré-visualizar no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-homepage-feature-component
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Recursos

Por padrão, o tema exibirá os 3 tópicos mais recentes marcados com a tag featured e puxará a primeira imagem do tópico. Nas configurações, você pode escolher uma tag personalizada, ocultar a tag, definir um título personalizado e configurar onde o componente aparecerá.

:iphone: Celular & telas pequenas

Por padrão, ele reduzirá os tópicos até que reste apenas um em dispositivos móveis.

Você pode alterar esse comportamento padrão ativando mostrar sempre todos. Isso fará com que o componente seja rolagem horizontal em telas menores (< 1000px).
Nas telas mais pequenas (< 600px), você tem a opção de empilhar os tópicos, alterando a configuração estilo móvel.

Configurações

Nome Descrição
tag destacada
número de tópicos Exibir até 5 tópicos no máximo de largura
ocultar tag destacada Quando ativado, a tag “tag destacada” definida acima ficará invisível para usuários normais ao visualizar tópicos.
mostrar em
mostrar para
tornar colapsável Tornar todo o componente colapsável
mostrar título exibe o texto definido abaixo (o título é sempre mostrado quando “tornar colapsável” está ativado)
texto do título ordenar por criação
mostrar sempre todos Por padrão, a quantidade de tópicos exibidos diminui com o tamanho da tela, chegando a apenas 1 em dispositivos móveis. Marcar esta configuração mostrará todos em qualquer tamanho de tela.
ocultar tópicos fechados Ocultar tópicos fechados da lista de tópicos destacados
sempre linkar para a primeira postagem Sempre linkar para a primeira postagem no tópico, mesmo que já tenha sido lida antes
estilo móvel Se show_all_always estiver marcado, os tópicos serão exibidos por meio de uma rolagem horizontal por padrão. Você pode alterar esse comportamento em telas menores e optar por empilhá-los em qualquer coisa menor que 600px.
posição do conteúdo destacado Desenvolvimento avançado de temas: isso altera a saída do plugin para o componente
Tradução Padrão
featured_topic_title

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

89 curtidas

pessoal, isso é épico! Muito obrigado. Seria uma adição incrível ao núcleo.

1 curtida

“Tópicos em Destaque” na versão móvel não deve estar no plural.

3 curtidas

Isso é adorável. Embora eu já use o Componente de Tópico em Destaque, essa também não é uma má ideia.

Uma sugestão, porém: que tal fazer este componente funcionar com links também, e não apenas com tags? Talvez assim pudéssemos vincular o conteúdo a ser puxado de categorias e/ou do topo (para representar os tendências), na minha opinião. Com isso, poderíamos ter a funcionalidade de tópicos em Tendência na página inicial; como o Reddit tem. O que você acha disso @awesomerobot?

Ótimo componente, obrigado! Uma pequena solicitação de recurso: Seria ótimo se você pudesse ajustar o número de tópicos no desktop/móvel e também mostrar o autor da postagem abaixo da imagem…

4 curtidas

Acho que é preciso adicionar um carrossel para o tópico de navios, pois no celular só conseguimos ver um tópico por vez.

Botão para o tópico de navios.

1 curtida

Talvez seus tópicos não tenham uma imagem?

Componente incrível. Dá um visual agradável à página inicial. Seria possível exibir também 3 tópicos no mobile? Talvez com um carrossel? E também, seria possível exibir os tópicos em destaque por categoria?

3 curtidas

Componente muito bom :+1:.

Eu apoio a sugestão de incluir o autor em algum lugar. Também seria legal:

  • fazer com que o link na imagem sempre leve para a postagem mais recente (como a do título)
  • poder escolher um layout alternativo, como a variante em uma das postagens acima, com o tópico mais recente criado à esquerda e os menores à direita
  • poder ocultar o título do componente quando um título vazio for escolhido
  • ter rolagem horizontal no celular (seja por meio de pequenos ícones abaixo ou setas laterais) para que seja possível exibir três ou quatro tópicos disponíveis
3 curtidas

Encontrei um bug na forma como este componente interage com os cartões de usuário.

Por algum motivo, os cartões de usuário parecem não perceber que o componente está adicionando altura à página.

Aqui está uma captura de tela do visualizador do tema: quando clico em um perfil de usuário, o cartão aparece. Como você pode ver, o cartão de usuário parece não estar ciente dos tópicos em destaque:

Tentei várias soluções para corrigir isso, mas não tenho certeza do motivo pelo qual a altura do componente não está sendo levada em consideração ao calcular o posicionamento do cartão de usuário.

Obrigado!

2 curtidas

Acabei de fazer uma atualização que corrige isso.

A maneira como eu havia configurado anteriormente estava interferindo no colapso de margens… o que afetava nosso cálculo de posicionamento superior para os cartões de usuário… isso é brevemente explicado aqui: Mastering margin collapsing - CSS | MDN, isso estava relacionado a “Sem conteúdo separando o elemento pai e seus descendentes.”

9 curtidas

Excelente complemento de tema!

Seria possível randomizar a rotação? Configurei para exibir 2, e ele mostra os dois tópicos com a atividade mais recente.

Olá @awesomerobot, este componente de tema é incrível. No entanto, gostaria de saber se é possível que, na versão mobile, não apareça apenas 1, mas um carrossel com os 3 temas em destaque que você pode ver na página principal. Acho que isso dá um visual mais agradável à página principal. Também seria ótimo se fosse possível adicionar temas em destaque em cada página de categoria. Espero que você possa dar algum feedback e muito obrigado por isso!

3 curtidas

Consegui aplicar alguns truques de CSS e agora no celular consigo rolar! Mas apenas na vertical, não sei como fazer para ficar na horizontal :smiley:

1 curtida

Componente incrível!
A única coisa é que, no meu fórum, na versão mobile, parece ter muito espaço abaixo do conteúdo em destaque.

Então, posso corrigir isso de alguma forma ou é possível pelo menos desativá-lo na visualização mobile?
Obrigado!

2 curtidas

Obrigado por isso, está realmente ótimo.
Existe alguma maneira de fazermos o mobile exibir o 3 em um modo de slider?

Outra funcionalidade incrível seria, ao entrar em uma categoria ou tag, filtrar suas tags “destaque” e exibi-las especificamente para aquela tag ou categoria.

De qualquer forma, isso está realmente incrível. Obrigado.

1 curtida

Isso é estranho, não vejo muito espaço do meu lado… é possível que você tenha outros temas instalados que possam estar causando isso? (também, como observação lateral, isso parece ser a visualização para desktop em dispositivo móvel, e não a visualização para móvel)

Aqui está meu teste sem outros temas ativados:

1 curtida

Olá,
Ontem, algumas miniaturas apareceram muito bem em 3 posts (2 dos posts não incluíam imagens, mas sim vídeos do YouTube). O sistema, no entanto, extraiu as miniaturas e tudo funcionou corretamente.

De repente, hoje as miniaturas não estão mais aparecendo nos dois posts que tinham vídeos do YouTube. Há algum problema conhecido nisso?

https://www.tournamust.com/

Não tenho conhecimento de nenhum problema, mas não testei este componente com vídeos incorporados. Vou dar uma olhada para ver se há algo óbvio acontecendo.