Ik ben me bewust van de componenten om een uitgelichte afbeelding in te stellen door er een van de afbeeldingen in het onderwerp te kiezen, maar is er nog een andere optie, vergelijkbaar met WordPress, waarbij je een afbeelding kunt uploaden als uitgelichte afbeelding zonder dat deze in het onderwerp zelf staat? Ik zou hem eigenlijk willen gebruiken als open graph-afbeelding, maar niet per se in de post zelf opnemen, omdat een open graph-afbeelding informatie kan bevatten om potentiële lezers aan te trekken, maar in het onderwerp zelf zou dat niet logisch zijn.
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
Dat is een mooie manier om het te doen, ik heb het overgenomen. En potentieel gevaarlijk ook, omdat het kan verbergen wat dan ook.
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:
Wat is een “whisper” in deze context?
Kunnen we de “wrap” van “hidden” naar iets meer aangepast veranderen dat elk gevaar zou vermijden waar @Jagster aan denkt?
Ik denk ook: als de afbeelding verborgen is, kan open graph de afbeelding dan nog steeds “zien” om deze te gebruiken?
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”.
Het dreigingsscenario hier is, of is voor mij, dat iemand iets verbergt waar googlebot een hekel aan heeft. Het zou een gemakkelijke manier zijn om SEO etc. te saboteren.
Je kunt dingen ook met andere technieken verbergen in berichten
Zoals <!--HTML-commentaar -->
Hieronder staat er een:
Dus ik denk niet dat de omsluitende syntax een probleem is
Dit specifieke ding is alleen voor mij om te gebruiken in specifieke categorieën. Het is niet iets wat ik andere gebruikers laat doen.
Maar dit zou worden gezien als een opmerking, niet als een afbeelding, toch? Als het gaat om de open graph.
Dus in feite kan de wrap-gegevens vrijwel alles zijn wat ik wil?
Dit lijkt een goede optie.
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
