Support translating the og:image on Rosetta sites

[ryelle]

Currently, the Rosetta sites use the same og:image as the main English site, creating a dual-language embed when shared:

In https://github.com/WordPress/wporg-theme-directory/issues/117 we discussed allowing translators to provide an image in their own language.

we could include a Figma file in WordPress profile with the template so that anyone can generate the images in other languages.

I think this is great, I was trying to figure out how to create the featured image for a Japanese news blog on WordPress.org. With the Figma template, I can create the featured image with Japanese translations.

We can make the image translatable by wrapping it in a translation function. We'll want to add some catch that only images hosted by wordpress.org will work (just in case). Translators will need upload access to their home rosetta site (XX.wordpress.org), and can upload the created image there. Then, the translation will be the new image URL.

To do

• [ ] Design: Create the image template
• [ ] Design: Write up documentation for Rosetta on how to create the image (where?)
• [ ] Dev: Finish the above documentation with how to upload it
• [ ] Dev: Make the image URL translatable

Note: I've added this issue to wporg-mu-plugins, but we might need to make the change in each site instead.