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:
 << esta será a miniatura
Existem cinco modos, configuráveis por categoria ou tag usando as configurações do tema.
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’
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.
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 …
I have a very odd problem that only applies to one member on my site. Some thumbnails do not display, seemingly randomly. It displays the default icon as if there was no image, yet for myself and everyone else the thumbnail displays. I had him look in his console and there is nothing pertinent, nothing in the logs either. I’ve had him try clearing the cache, trying different browsers and devices, and using a different isp. I even had him try a theme with only this component enabled. No matter what he tries this still happens. I even tried impersonating him and then it doesn’t happen for me. Any other thoughts on troubleshooting this? Thanks!
Have him try on mobile with wifi disabled so he’s not going through his home network, but the cellular network. This will eliminate anything on his network from interfering.
But if you have tried “different ISP” then maybe not.
I can’t get this to work anymore, did this revert perhaps?
Also, the feature is not easy to discover for users. Would it be possible to add an option to select the thumbnail to the ‘size selection’ in the preview?
Thanks Jeff, he has tried hotspotting to his phone, and at a friends house with a different ISP. I thought it might be a CDN issue so I tried clearing the CDN cache which did not help him. I also tried impersonating him while using a VPN in Atlanta where he is from which did not help either. I’m not sure what else to try.
I have the following requirement and maybe you can point me to how to achieve this.
Sometimes we have a topic that we want to share via social media and we prepare an image for it that should be used as thumbnail and for the og:image tags, but we don’t want it to be visible inside the topic.
How could we realize something like this e.g. add “hide” to the sizes and then a class is added to the image container that applies “display: none;”?
It’s somewhat by design. Normally, that bar sits on top of the column headings in the topic list. The alternative would be for the bar to “push down” all the topics when it appears, which would make the entire UI jump down, and could be quite jarring.
I’m not sure why there is a ~1px gap on the right hand side of the bar in your screenshot. That could be an issue with the component, or it could be related to your custom theme CSS.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.
