WordPress.org

Making WordPress.org

Opened 7 days ago

Last modified 7 days ago

#5926 new enhancement

Dynamic Share Image for Plugins, Themes, Blocks, and Patterns

Reported by: webdevmattcrom Owned by:
Milestone: Priority: normal
Component: Plugin Directory Keywords:
Cc:

Description

When plugin/theme/block/pattern authors want to share their work on social platforms, they want to link directly to their product on .org and have it look nice.

Currently, it doesn't look nice. Here's an example:
https://i.imgur.com/m2udtUk.png

Github recently added dynamic social share images as the default for all repositories. This issue thread https://github.com/ipfs/dir-index-html/issues/51 is great reading on their approach. This is an annotated concept:
https://i.imgur.com/VieMe1u.png

Taking that same concept I applied it to a WP Plugin from the Plugin Directory.
https://i.imgur.com/J4tRMdW.png

Here it is annotated:
https://i.imgur.com/ZP3oLrS.png

I know that Automattic also recently acquired a plugin that achieves this effect, perhaps that is in the cards for making this a simple task to complete.

Naturally, more tests will have to be run for other plugins, themes, blocks, and patterns. I'm happy to test with more examples in Figma if this issue gets traction. Speaking of Figma, here's the project I worked from as a reference:
https://www.figma.com/file/ZAggnVZ5bk0W27ihzQGdWt/Untitled?node-id=0%3A1

Change History (7)

#1 @mehul0810
7 days ago

Nice UI suggestion, Matt.

Just to add my few cents. GitHub has curated an article that provides a more technical description of how GitHub has implemented these dynamic open-graph images and the performance challenges that faced along with how they overcame them.

https://github.blog/2021-06-22-framework-building-open-graph-images/

#3 follow-up: @pedromendonca
7 days ago

Awesome, I've already suggested at least some metadata enhancements for social cards, a hundred tickets ago...

https://meta.trac.wordpress.org/ticket/5826

#4 @audrasjb
7 days ago

Great idea, thanks for sharing.

I'd only add that I'd love this to be automatically translated. Which seems doable given the language/locale is provided by the url.

Default (en_US): https://wordpress.org/plugins/my-beautiful-plugin
French (fr_FR): https://fr.wordpress.org/plugins/my-beautiful-plugin

:)

#6 in reply to: ↑ 3 ; follow-up: @webdevmattcrom
7 days ago

Replying to pedromendonca:

Awesome, I've already suggested at least some metadata enhancements for social cards, a hundred tickets ago...

https://meta.trac.wordpress.org/ticket/5826

When researching this ticket I found yours first. I think they pair nicely and are not duplicates. Would love to see them both get attention.

#7 in reply to: ↑ 6 @pedromendonca
7 days ago

Replying to webdevmattcrom:

When researching this ticket I found yours first. I think they pair nicely and are not duplicates. Would love to see them both get attention.

I agree :-)

Note: See TracTickets for help on using tickets.