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.
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
I think hiding the image from the post is currently the best available option
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:
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]

[/wrap]
The CSS:
div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
display: none;
}
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 <!--HTML comments -->
There is one below:
So I don’t think the wrap syntax is a problem
This particular thing is just for me to use on specific categories. It’s not something I’m allowing other users to do.
But this would be seen as a comment, not an image, right? When it comes to the open graph.
So basically the wrap data can pretty much be anything I want?
This seems like a good option.
How about my suggestion to name images a certain way?
That would avoid extra steps, extra code, etc.
A single component with the CSS and just reminding myself to name images a particular way.
EDIT: never mind. I noticed that files are renamed with some random numbers and letters, so this wouldn’t work.
It was just an example that hiding stuff in posts is possible. So bad actors will also find other ways to add stuff.
It only adds something you can use in css to customize it. In my example it adds hidden-img
and then I can use that to hide the image.
I think it can work. When you have 
you can use something like
.cooked img[alt="IWantToHideThis"] {
display: none;
}
Yes, and what I mean is that hidden-img
is not like a “fixed” thing? If I wanted to use abc-airplane
, as long as I use the same in the CSS, that would work as well?
But for this particular case, it’s not an option, because open graph will not see that as an image, but as a comment, correct?
Yes, you can use whatever keyword you want.
I think so, but I am not sure.
I was referring to my solution of naming my files a certain way before uploading, like:
hide-this-image-vacations-2025.jpg
and then the CSS would hide all images that start with hide-this-image-
, but when I upload an image, it doesn’t keep the name hide-this-image-vacations-2025.jpg
. It will convert it to something like wDxG1UR10Uj4bCO9l3pUbJvBAW5.png