Custom thumbnail (og:image/twitter:image) image for every page #6887

aapwikip · 2023-12-13T07:46:56Z

aapwikip
Dec 13, 2023

While we have set default og:image/twitter:image for preview or thumbnail image for all articles; using html::head injection

We now want to try setting a Custom preview image for every article i.e. overwriting the default og:image

a. We tried mention the same meta og:image html tag in the markdown page

<html>
  <head>
<meta property="og:image" content="https://aamaadmiparty.wiki/delhianganwadikitchen.jpeg" />
<meta name=”twitter:image” content=”https://aamaadmiparty.wiki/delhianganwadikitchen.jpeg” />
    </head>
</html>

b. We tried overwriting with javascript dynamically from script tab

document.querySelectorAll('meta[property=og\\:image]')[0].setAttribute('content', 'https://xxx.wiki/abc.jpeg')
document.querySelectorAll('meta[property=twitter\\:image]')[0].setAttribute('content', 'https://xxx.wiki/abc.jpeg')

But NONE worked. Please suggest how to achieve it @NGPixel

LagClear · 2024-11-22T20:39:20Z

LagClear
Nov 22, 2024

Is this possible yet?

1 reply

aapwikip Nov 23, 2024
Author

Not yet

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Custom thumbnail (og:image/twitter:image) image for every page #6887

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

Custom thumbnail (og:image/twitter:image) image for every page #6887

aapwikip Dec 13, 2023

Replies: 1 comment · 1 reply

LagClear Nov 22, 2024

aapwikip Nov 23, 2024 Author

aapwikip
Dec 13, 2023

Replies: 1 comment 1 reply

LagClear
Nov 22, 2024

aapwikip Nov 23, 2024
Author