Tutorial: Add custom social link services/icons

[justintadlock]

Gutenberg 21.1 made it possible to create a Social Link block variation that supports alternative social services: WordPress/gutenberg#70261

We need a good step-by-step guide on how theme and plugin authors can use this. This is a quick, one-off tutorial, but it could be really fun!

[marybaum]

Absolutely! 🟢

[justintadlock]

Little test case I put together:

[justintadlock]

I added a proof-of-concept plugin here: https://github.com/wptrainingteam/devblog-custom-social-icons

[justintadlock]

Note to self when writing: you don't always need to enqueue the CSS (particularly in agency work) if you don't need to the default branding colors for the icons.

Props @bph for the note.

[justintadlock]

I've started outlining the post here (at least the code bits): https://docs.google.com/document/d/1vajEHLZPYcoh8F0kUfH3eDr7I6lJb_DNsvFB-TwIvdA/edit?usp=sharing

[bph]

The topic was approved and conversation move to the issue

• Tutorial: Add custom social link services/icons #387

[justintadlock]

Published here: Registering custom social icons in WordPress 6.9.