Miniaturas da Lista de Tópicos

:discourse2: Resumo Miniaturas da Lista de Tópicos permite que você exiba miniaturas de tópicos nas visualizações da lista de tópicos.
:eyeglasses: Pré-visualização Pré-visualização no Discourse Theme Creator (estilo blog)
Pré-visualização no Discourse Theme Creator (grade)
Pré-visualização no Discourse Theme Creator (lista)
Pré-visualização no Discourse Theme Creator (alvenaria)
Pré-visualização no Discourse Theme Creator (grade mínima)
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-topic-thumbnails
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Recursos

Imagens otimizadas são geradas para as listas, e diferentes resoluções são disponibilizadas para telas de alta densidade de pixels (high-dpi). As imagens são carregadas sob demanda (lazy-loaded) conforme você rola a página (onde o suporte nativo do navegador está disponível).

Por padrão, o Discourse usará a primeira imagem do OP (primeira postagem) do tópico. Se você desejar selecionar uma imagem diferente do OP, adicione |thumbnail ao markdown. Por exemplo:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << esta será a miniatura

Existem cinco modos, configuráveis por categoria ou tag usando as configurações do tema.

Por exemplo:

Modo grade:

Modo alvenaria:

E modo lista:

Dicas e Truques

Se você deseja que os Oneboxes em suas postagens gerem miniaturas, você precisará ativar esta configuração do site: download_remote_images_to_local. Você também precisará reprocessar (rebake) as postagens relevantes.

Configurações

Nome Descrição
modo de miniatura padrão Qual modo de exibição de miniatura deve ser usado por padrão
modo de miniatura de docs Se o plugin de docs estiver ativado, qual modo de exibição de miniatura deve ser usado para tópicos de docs
categorias estilo blog A visualização estilo blog será usada nestas categorias. Este estilo faz uso de trechos de tópicos se ativado via tema ou componente de tema
categorias grade mínima A visualização de grade mínima será usada nestas categorias
categorias grade A visualização de grade será usada nestas categorias
categorias alvenaria A visualização de alvenaria será usada nestas categorias
categorias lista A visualização de lista será usada nestas categorias
tags estilo blog
tags grade mínima A visualização de grade mínima será usada para estas tags
tags grade A visualização de grade será usada para estas tags
tags alvenaria A visualização de alvenaria será usada para estas tags
tags lista A visualização de lista será usada para estas tags
modo de tópicos sugeridos Qual modo de exibição de miniatura deve ser usado para tópicos sugeridos? Se em branco, seguirá a configuração ‘habilitar fora de listas de tópicos’.
habilitar fora de listas de tópicos Habilitar miniaturas em páginas fora da lista de tópicos (por exemplo, atividade do usuário, mensagens pessoais, tópicos sugeridos)
ícone de espaço reservado Ícone a ser exibido em tópicos sem imagens de miniatura
miniaturas móveis Habilitar miniaturas em dispositivos móveis
tamanho da miniatura na lista Tamanho base para miniaturas na visualização ‘lista’

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

92 curtidas
MD Topic List component
Theme modifiers: A brief introduction
Thumbnail generation & markdown rendering issue
Image_url is null after update
User Card Directory
Pictures in grid page layout
Thumbnail of topic
Amazing customized community
Blog Post Styling
Topic List Previews (legacy)
Topics list in mobile view: excerpt overflows and count/date wraps
Topic List Previews (legacy)
Using onebox images for topic thumbnails
Is there a plugin to make my forum a shop?
Add icons for Views and Replies, and Last Activity date in Topic Cards
[PAID] Modifying Video Upload theme to display topic thumbnails
How to make tiles like in discourse theme category?
Topic List Previews (TLP)
User Portfolio
Topic List Excerpts
Rounded Borders for images, oneboxes, blockquotes & more
Extend Topic List Thumbnails TC with like button
What are good plugins or theme components for a forum emphasizing pictures?
What is the name of this theme?
Developing a component or plugin similar to topic list thumbnails or topic list previews
Set the image used for social network sharing?
Latest list as grid view
Fakebook Theme
I want to create a Theme/Theme component as shown in the picture below!
Customize topic list entries (sorting, grouping, filtering) for better organization
Enabling a plugin for a specific theme only
New Photography Theme
Topic Cards
How do I fix this display?
Thumbnails are missing for our external embeds when using topic-thumbnails
FKB Pro - Social theme
Improve the Follow Feed
FKB Pro - Social theme
Customizing your site with existing theme components
User Portfolio
Is there a way to select a Default Image for Topic List Theme Component?
Topic List Item Click Animation
Blog-style layout affects Tooltips
Discourse Docs
How to display posts as blocks?
How is the "theme" Category acheived in Meta?
Minima Theme
Can the homepage display images within the Topic feed?
Topic List Previews (TLP)
Topic List Previews (legacy)
Is there a Kanban theme for Discourse?
Discussion grid latest
Topic List Previews (legacy)
Topic List Previews (legacy)
How to display posts in grid?
Displaying Views in Topic view (with no replies)
Topic List Previews (legacy)
Group Topics by Category
CASE STUDY: Why a journal category could be the next big growth opportunity for your forum
Blog Post Styling
Topic Cards
Can discourse be used entirely through the APIs to build a flutter app?
Topic List Author
What Will be Best theme for a site like ecommerce
Topic Cards
FKB Pro - Social theme
FKB Pro - Social theme
Migrated my old custom-built trail-journal/blog to Discourse
Help us test Horizon, our newest theme
Alternative post templates
Creating a Unique Gallery Layout for a Category
Photo Competition or Contest - Do We Have Anything?
Display images on the article's front page
How can I make my forum look like this one?
Sharing link to Facebook does not show image (open graph)
Discourse Docs
The pictures are disappear and some Theme component is ineffective
Graceful Theme
How can I make a Discourse forum as "reddit like" as possible
All links to categories broken?
Add an option to list topics by tagging date
Is there like a Reddit style plugin?
How would I able to list topics as boxes
Best way to implement Excerpts in topic list?
MD Topic List Mobile component
Featured Topics
Add Onebox integration; show thumbnail with topic-thumbnails plugin
Topic List Previews (legacy)
Plugin used in theme
Plugin used in theme
Topic List Previews (legacy)
Created Topic Sort
All latest images in posts from a category
How to create a custom button?
Topic Cards
Filter posts with images (gallery view)
[Question/Request] Featured image url for post
Category "Uncategorized" not displayed for globally pinned topics below title
Is there a 'reddit' style discourse theme / plugin?
Blog Post Styling
Potential way to hide ignored users from topic list?

Wonder where you got the idea for this? :thinking: :smiley:

Absolutely fantastic that core is paying more attention to image delivery and presentation. I like the direction!

(If this doesn’t fully replace Topic List Previews, there is now at least potential to eliminate a lot of bespoke API work from it which I won’t have to maintain anymore, great stuff!)

PS I just tested it and one thing that would be quite nice is if Polls generated a thumbnail so the charts could surface …

37 curtidas

Esta é uma ótima funcionalidade. Ela vem com o Discourse 2.7, como mencionado aqui? Ou a sintaxe é diferente?

2 curtidas

Está disponível no Discourse 2.7 estável, sim. A sintaxe é a mesma :slight_smile:

4 curtidas

Tenho um problema muito estranho que afeta apenas um membro do meu site. Algumas miniaturas não são exibidas, aparentemente de forma aleatória. Ele vê o ícone padrão, como se não houvesse imagem, mas para mim e para todos os outros a miniatura aparece corretamente. Pedi para ele verificar o console do navegador e não há nada relevante, nem nos registros (logs). Fiz com que ele limpasse o cache, tentasse diferentes navegadores e dispositivos, e usasse outro provedor de internet. Até mesmo testei um tema com apenas este componente ativado. Não importa o que ele tente, o problema persiste. Cheguei a tentar fazer login como ele, mas para mim o problema não ocorre. Alguma outra sugestão para diagnosticar isso? Obrigado!

2 curtidas

Peça para ele testar no celular com o Wi-Fi desativado, para que ele não use a rede doméstica, mas sim a rede celular. Isso eliminará qualquer interferência proveniente da rede dele.

Mas, se você já tentou com um “provedor de internet diferente”, talvez não adiante.

2 curtidas

Não consigo fazer isso funcionar mais. Será que isso foi revertido?

Além disso, o recurso não é fácil de descobrir para os usuários. Seria possível adicionar uma opção para selecionar a miniatura na seleção de tamanho na visualização?

5 curtidas

Obrigado, Jeff. Ele tentou usar o hotspot do celular e também na casa de um amigo com uma operadora diferente. Achei que pudesse ser um problema de CDN, então tentei limpar o cache da CDN, mas isso não ajudou. Também tentei me passar por ele usando uma VPN em Atlanta, onde ele é de, mas também não funcionou. Não sei mais o que tentar.

2 curtidas

3 posts foram movidos para um novo tópico: Cache para listas de tópicos por tag?

Para mim, ainda está funcionando. Você pode compartilhar mais detalhes sobre o que tentou e qual resultado está obtendo? Isso é o que tenho na minha OP de teste:

![image|690x460](upload://1lGVHoB5KKnftUZoEYVgANxKdWL.jpeg)
![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

e a segunda imagem foi selecionada corretamente como a miniatura.

Concordo que seria legal, mas não acho que seria necessário para a maioria dos sites. Acredito que seria um ótimo componente de tema separado.

3 curtidas

Ha, que vergonha, claro que agora funciona… :facepalm:

3 curtidas

Olá @david,

Tenho a seguinte necessidade e talvez você possa me orientar sobre como alcançá-la.

Às vezes, temos um tópico que queremos compartilhar por meio de redes sociais e preparamos uma imagem para ele que deve ser usada como miniatura e para as tags og:image, mas não queremos que ela seja visível dentro do tópico.

Como poderíamos realizar algo assim, por exemplo, adicionar “hide” aos tamanhos e, em seguida, uma classe é adicionada ao contêiner da imagem que aplica “display: none;”?

![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

3 curtidas

Talvez você possa usar Generic bbcode wrapper for theme components para fazer algo como

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

E então algum CSS como

div[data-wrap="hidden"]{
  display: none;
}
10 curtidas

Ah, eu não sabia disso. Legal, obrigado!

3 curtidas

O banner alert-info está sobrepondo as miniaturas. Isso é intencional ou um bug?

3 curtidas

Isso é, em certa medida, proposital. Normalmente, essa barra fica posicionada acima dos cabeçalhos das colunas na lista de tópicos. A alternativa seria a barra “empurrar para baixo” todos os tópicos ao aparecer, o que faria toda a interface pular para baixo e poderia ser bastante desconfortável.

Não tenho certeza do motivo pelo qual há uma lacuna de aproximadamente 1px no lado direito da barra na sua captura de tela. Isso pode ser um problema com o componente ou pode estar relacionado ao CSS do seu tema personalizado.

4 curtidas

É possível mostrar o número de curtidas nos cartões de miniatura e torná-los clicáveis para que as imagens possam ser curtidas diretamente na visualização da galeria?

4 curtidas

listar categorias não está funcionando no modo móvel, mesmo com a opção Ativar miniaturas em dispositivos móveis marcada?

2 curtidas

Olá, é bem legal.
É possível usar uma imagem com hotlink (do Imgur, por exemplo) como miniatura?

2 curtidas

Olá, acabei de configurar a categoria do blog para usar listas de categorias, mas ela aparece em todas as categorias. Será que cometi algum erro na configuração?

2 curtidas