View Issue Details

IDProjectCategoryView StatusLast Update
0003850Composrcorepublic2019-11-15 19:21
ReporterChris GrahamAssigned ToChris Graham 
Status resolvedResolutionfixed 
Product Version 
Fixed in Version 
Summary0003850: Check new theme image names for Open Graph images
DescriptionCurrently we hard-code Open Graph to use particular inbuilt theme images as a fallback, when there's no content-centric image.
In v11 this is currently going to result in no default, because .svg is not allowed on Facebook.

It would be good to support a number of theme image names, that probably won't exist out-of-the-box, and if those don't exist, use the current hard-coded theme images.

Or, maybe we just make these images by somehow converting current .svg files to them in a build script.
TagsNo tags attached.
Attach Tags
Time estimation (hours)3
Sponsorship open


Chris Graham

2019-07-19 16:55

administrator   ~0006038

Last edited: 2019-11-15 00:13

View 2 revisions

Also review again where Open Graph images come for forum topics, news articles, and catalogue entries. Make sure it works well.


2019-07-22 23:24

administrator   ~0006041

Last edited: 2019-11-15 00:13

View 3 revisions

Hi Chris. This was the link I couldn't find earlier when I mentioned Twitter Cards @

Same as Facebook Open Graph except for:-
<meta name="twitter:card" content="image">
<meta name="twitter:site" content="@agektmr">

Potentially also:-
<meta name="twitter:creator" content="@yuwskei" />

It does require domain approval @

Chris Graham

2019-07-23 16:38

administrator   ~0006042

Right. I think that's something I can document in a tutorial, but adding that to core would be bloat. It's very specific.

Chris Graham

2019-11-15 19:21

administrator   ~0006149

I've not quite done what it says in the description - instead I've made things much more powerful and configurable, and better documented. This way people can set all kinds of wonderful schemes they wish for via template editing.

This was hard, a lot of changes!

1) Added support for making picture fields take priority, via a new field option
2) Changed hard-coded <img> tag scanning for forum posts to work via a symbol (METADATA_IMAGE_EXTRACT), and deployed this in a number of content templates - meaning it is now more configurable
3) Smarter filtering out of invalid metadata, so valid fallbacks can take precedence; including applied file extension check for specified Open Graph images
4) Added minimum image size check for Open Graph images also
5) Made it easier to override images used for different content types in HTML_HEAD.tpl
6) Reworked documentation, merged explanations from 2 different tutorials together, and rewritten to be much clearer
7) Written better explanations for how to override for different content types, and how to just have a flat choice of the Open Graph image
8) Added "twitter:card" property to HTML_HEAD, setting to summary_large_image for gallery images
9) Documented Twitter Cards properly

I can see a potential for people wanting to use category images for the Open Graph image. For example, an Announcements image for an announcements news post. This has overhead, so isn't implemented by default. People can achieve it via templating though. They'd need to set the image metadata based on category ID.

Issue History

Date Modified Username Field Change
2019-07-19 16:55 Chris Graham New Issue
2019-07-19 16:55 Chris Graham Note Added: 0006038
2019-07-22 23:24 Adam Note Added: 0006041
2019-07-22 23:25 Adam Note Edited: 0006041 View Revisions
2019-07-22 23:26 Adam Note Revision Dropped: 6041: 0002645
2019-07-22 23:36 Adam Note Edited: 0006041
2019-07-22 23:38 Adam Note Edited: 0006041 View Revisions
2019-07-22 23:38 Adam Note Revision Dropped: 6041: 0002647
2019-07-23 16:38 Chris Graham Note Added: 0006042
2019-11-15 00:13 Chris Graham Summary Check new theme image names for OpenGraph images => Check new theme image names for Open Graph images
2019-11-15 00:13 Chris Graham Description Updated View Revisions
2019-11-15 00:13 Chris Graham Note Edited: 0006038 View Revisions
2019-11-15 00:13 Chris Graham Note Edited: 0006041 View Revisions
2019-11-15 19:21 Chris Graham Assigned To => Chris Graham
2019-11-15 19:21 Chris Graham Status non-assigned => resolved
2019-11-15 19:21 Chris Graham Resolution open => fixed
2019-11-15 19:21 Chris Graham Note Added: 0006149