Topic List Thumbnails Theme Component

If you put the component into ‘grid’ mode, then it’s totally possible to change the number of columns using CSS from another plugin/component. You would just override this part of the CSS:

This theme component does not override any core templates so it should be inter-compatible with other themes/plugins, as long as they are not making any overrides.

IIRC both Fakebook and Layouts do override core templates, so they might need some updates to work with topic-list-thumbnails.

The other option is for those themes to implement their own thumbnail view. It’s very easy now that we have theme modifiers.


Aha, that seems reasonably simple and straightforward - thank you David!

EDIT: Also, I take your point regarding Fakebook - weren’t aware of that themes now can implement thumbnail view, I’ll will definitely test that when trying to create my “own” theme!

1 Like

You can create your own theme component for all modifications to existing themes and components. That way your customizations survive updates.


Really nice theme component, loading is really quick. I played with it a little bit to add excerpt on grid it was a fun challenge.

Would it be possible to add grid/masonery/list presentation for specific tags or is it too much a pain in the a** for a relatively niche usage? :thinking:

If it’s not worth it, I definitely wouldn’t push it


I think it should be relatively easy, I’ll give it a try in the next few days :eyes:


Are you planning to add an excerpt to the list of topics? Very nice component!!

David already did it

Excerpt don’t work with grid/masonery presentation to not mess up alignment, I played with it to see what I could do. I would recommand Topic List Preview if you want something like Masonery presentation with excerpt.

Both components work really well on List presentation though.

7 posts were split to a new topic: Changing excerpt length

As I understand it, images from onebox are not show as topic thumbnails?

Small onebox avatars/thumbnails are not used, no. Large images from oneboxes (e.g. instagram) are used.


Question: Youtube thumbnails - Is there a setting I am missing, or do you have to add videos in a certain manner to ensure a topic thumbnail for Youtube videos? I have tested with several videos, rebaked posts etc. but alas, nothing seems to generate thumbnails for me. Any hints or explained requirements would be much appreciated.

Feature request: Additional component setting - In addition to being able to set style (list/grid/masonry) for categories, it would be awesome if you could do the same for front page and/or recommended posts which are rendered below a post. Use case: Wanting to have grid view on the front page, but list view for recommended posts.

Thank you for considering.

Make sure you have ‘download remote images’ enabled on your site. Only basic youtube URLs are supported - links including a playlist are not. You can read more here:

Great idea, this would be good to implement alongside the per-tag options :+1:


Aha, thanks @david! That was certainly my “issue”, much appreciated! :ok_hand:

Also, glad to hear that the feature request will be taken under consideration :slightly_smiling_face:


Hey. I would like to be able to exclude the image if it does not fit. Is such an opportunity planned?

One more case, in the Topic List Previews plugin you could select an image from the list, it really helped out in some cases.

Thank you!

1 Like

There’s a TC version of Topic List Previews now that retains that feature if you install the sidecar plugin. You currently need a plugin to be able to choose a thumbnail because you need to change the back end.


I installed sidecar plugin and activate

- git clone -b "theme_sidecar"

Sorry for any confusion, but this only works with the TLP TC. I responded because you mentioned TLP.

1 Like

Testing it now, works really nice!

I’ve noticed a couple of issues with grid mode:

  • Full/Desktop primarily, not so much an issue on mobile - Topics with super long titles (using default max title length) can push the thumbnail up really high up, until it’s really tiny or isn’t visible. Topics loaded with a lot of tags also get this.

  • Full/Desktop Only - Categories with a longer name will push the the user’s avatar and topic last update time to be cut off by the edge of the thumbnail.

  • Full/Desktop Only - Avatars aren’t displaying for the suggested topics underneath threads. It’s displaying what look small blurry square segments of the thumbnail. This happens on both masonry and grid.

I’m on the beta branch.

Hello @merefield,

could you guide me how to change?

Thanks for the great work! I just have to questions/suggestions:

  1. Will this one work if the image is hosted on another site? As my site has a lot of images so I don’t want to turn on download remote images to local setting. If we must turn this setting on, will it become heavy for hosting and loading if there are many images?

  2. Can we have the share and like button for each post in Masonry and Grid mode? That could be awesome!