Topic List Thumbnails

:discourse2: Summary Topic List Thumbnails allows you to show topic thumbnails in topic list views.
:eyeglasses: Preview Theme category - Discourse Meta
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-topic-thumbnails
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Optimized images are generated for the lists, and different resolutions are made available for high-dpi displays. Images are lazy-loaded as you scroll (where native browser support is available).

By default Discourse will use the first image in the OP of the topic. If you would like to select a different image from the OP, add |thumbnail to the markdown. For example

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << this one will be the thumbnail

There are three modes, configurable per-category using the theme settings:

Grid mode:

Masonry mode:

And list mode:

Tips and Tricks

If you want Oneboxes in your posts to generate thumbnails, you will need to turn on this site setting: download_remote_images_to_local. You’ll need to rebake the relevant posts.

Feature Requests

  • Allow admins to specify a custom placeholder image as an alternative to a font awesome icon. (3 interested)
86 Likes