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 necessarily include it in the post, because an open graph image can include info to attract potential readers, but in the topic itself it wouldn’t make sense.

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('.cooked img[alt^="featured-image-"]') .forEach((img) => { const parent = img.closest("div"); if (parent) { parent.style.display = "none"; } else { img.style.display = "none"; } }); }); }); I noticed that it was keeping some space where the image was supposed to be, so I asked ChatGPT again and it added that it needed to hide the parent container, which in this case it’s the tag. It’s working great now!

I think hiding the image from the post is currently the best available option [imagem] 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://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg) [/wrap] Then some CSS like div[data-wrap="hidden"]{ display: none; }

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, image, css-selectors asked by mikezang on 11:41AM - 24 Feb 16 UTC

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-img] ![grün|500x500|thumbnail](upload://wDxG1UR10Uj4bCO9l3pUbJvBAW5.png) [/wrap] The CSS: div[data-wrap="hidden-img"] img[data-thumbnail="true"] { display: none; } [image] Then you need to use the wrapper, you need to put an image in it and you need to add |thumbnail for it to hide. Without [data-thumbnail="true"] all images in the wrapper would be hidden. But that’s still less than “everything”.

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.

You can also hide stuff in posts with other techniques Like There is one below: So I don’t think the wrap syntax is a problem

Definir imagem destacada sem postá-la no tópico

Suporte ao Produto

Moin 5 Agosto , 2025 10:59 8

Veja Creating a whisper post

Tópico		Respostas	Vistas
Set the image used for social network sharing? Product Support	29	3633	28 Outubro , 2022
Topic List Thumbnails Theme component official , topic-list-thumbnails	160	38234	13 Agosto , 2026
Overwrite meta og:image image source to use externally public loaded images on topics? Feature	6	3144	26 Outubro , 2020
Homepage Feature Theme component official , homepage-feature	136	27320	9 Julho , 2026
[Paid] Modify Topic List Preview plugin Marketplace	6	1071	14 Janeiro , 2019

Definir imagem destacada sem postá-la no tópico

Related topics