I’m aware of the components to set a featured image by picking one of the images in the topic, but is there any other option similar to Wordpress where we can upload an image as featured without it being in the topic itself? I pretty much would like to use it as the open graph image, but not necessa…

ChatGPT’s solution seems to work: [image] And Facebook Debugger sees it as the featured image: [image] Component with the Javascript: import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { api.onPageChange(() => { document .querySelectorAll('…

I take a shortcut. I’m using a whisper to publish an image, and then Topic List Previews component to choose it. But sure. That solution isn’t exacly what you are looking for. But close :joy:

I think hiding the image from the post is currently the best available option [画像] Topic List Thumbnails Theme component Maybe you could use Generic bbcode wrapper for theme components to do something like [wrap=hidden] ![image|612x500|hide](upload://c…

That is nice way to do it, I adopted it. And potentially dangerous too, because it can hide what ever.

How about naming the image a certain way all the time, for example starting with “hidden-image-” and use CSS to hide all images that start like that? That seems to be possible: [mikezang] How to use css/html to hide image with src like *-1.jpg or *-1.gif? html, css, imag…

What is a “whisper” in this context?

Can we change the “wrap” from “hidden” to something more custom that would avoid any danger that @Jagster is thinking about?

I’m also thinking: if the image is hidden, would open graph still be able to “see” the image to use it?

The image is only hidden from being shown. It’s still there, just not visible when you look at the topic. You can make the CSS more specific so it hides not everything, but for example only images or even only images that are specified as a thumbnail. My example: The post: testing [wrap=hidden-…

The threat scenario here is, or is for me, that someone hides something that googlebot hates. It would be an easy way to sabotage SEO etc.

トピックに投稿せずに、注目の画像を設定する

サポート

alltiagocom (Tiago) 2025 年 8 月 5 日午前 10:56 5

例えば、常に「hidden-image-」で始まるように画像に名前を付け、それらの名前で始まるすべての画像を非表示にするためにCSSを使用するのはどうでしょうか？

それは可能のようです：

トピック		返信	表示
Set the image used for social network sharing? Support	29	3216	2022 年 10 月 28 日
Topic List Thumbnails Theme component official , topic-list-thumbnails	158	35067	2026 年 6 月 25 日
Overwrite meta og:image image source to use externally public loaded images on topics? Feature	6	3025	2020 年 10 月 26 日
Homepage Feature Theme component official , homepage-feature	136	24800	2026 年 7 月 9 日
[Paid] Modify Topic List Preview plugin Marketplace	6	984	2019 年 1 月 14 日

トピックに投稿せずに、注目の画像を設定する

関連トピック