Recurso da Página Inicial

:discourse2: Resumo 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 featured e buscará a primeira imagem do tópico. Nas configurações, você pode escolher tags personalizadas, ocultar a tag, definir um título personalizado e configurar onde o componente aparece.

:iphone: Mobile e telas pequenas

Por padrão, ele ocultará tópicos até que reste apenas um no mobile.

Você pode alterar esse comportamento padrão ativando show all always (mostrar todos sempre). Isso tornará o componente rolável horizontalmente em telas menores (< 1000px).
Nas telas menores (< 600px), você tem a opção de empilhar os tópicos, alterando a configuração de mobile style (estilo mobile).

Configurações

Nome Descrição
featured tag Defina a(s) tag(s) para buscar os tópicos. Tópicos que correspondam a qualquer uma das tags selecionadas serão destacados.
number of topics Exiba até 5 tópicos na largura máxima
max number of topics Número máximo de tópicos destacados. Se definido maior que number of topics, setas serão exibidas para navegar entre as páginas de tópicos.
pages loop Se a paginação estiver habilitada (max number of topics > number of topics), navegar além da última página retorna à primeira.
hide featured tag Quando habilitado (padrão), as tags featured definidas acima são ocultadas de usuários normais ao visualizar os tópicos. A equipe ainda pode vê-las.
show on Onde o componente aparece: homepage (página inicial), páginas top_menu (as páginas definidas na configuração do menu superior do site) ou all (todas as páginas).
show for Quem vê o componente: everyone (todos), apenas usuários logged_in (conectados) ou apenas visitantes logged_out (anônimos).
make collapsible Torna todo o componente recolhível
show title exibe o texto definido abaixo (o título é sempre exibido quando make_collapsible está ativado)
title text texto do título; se desejar localizá-lo, use a tradução featured_topic_title
sort by created desative para ordenar por respostas recentes
show all always Por padrão, a quantidade de tópicos exibidos diminui com o tamanho da tela, ficando em apenas 1 no mobile. Marcar esta configuração exibirá todos os tópicos em qualquer tamanho de tela.
hide closed topics Oculta tópicos fechados da lista de tópicos destacados
always link to first post Sempre vincula ao primeiro post do tópico, mesmo que já tenha sido lido
mobile style Se show_all_always estiver marcado, os tópicos serão exibidos via rolagem horizontal por padrão. Você pode alterar esse comportamento em telas menores, escolhendo empilhá-los em telas menores que 600px.
featured content position Desenvolvimento avançado de temas: isso altera a saída do plugin (plugin outlet) para o componente
featured image sizes Variantes de imagem redimensionadas (LARGURAxALTURA) disponibilizadas para as imagens destacadas. O navegador carrega a menor que se encaixe no espaço atual de tela e densidade de pixels, economizando banda. Forneça alguns tamanhos que cubram telas padrão e de alta resolução.
Tradução Padrão
featured_topic_title

:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, 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.