Feat: Add new typography options for figcaption on image block [#34643]

[hbhalodia]

What?

• Adds new typography options that can be used to set fig captions.

Why?

• Issue - Image block: Add font size control for captions #34643

How?

• Added experimental typography options as supports to image block.

Testing Instructions

• Testing how PR is affecting the blocks is being added in below screencast.

Testing Instructions for Keyboard

• NIL

Screenshots or screencast

ImageBlockCaption.webm

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @hbhalodia! In case you missed it, we'd love to have you join us in our Slack community, where we hold regularly weekly meetings open to anyone to coordinate with each other.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[hbhalodia]

Hi @Mamaduka, I have added only for the font Size and a selector. Can you please review the PR. Thanks.

[Mamaduka]

The codewise looks good.

@richtabor, I would appreciate 2nd opinion, if having a Typography option on Image block makes sense.

cc @scruffian.

[richtabor]

@richtabor, I would appreciate 2nd opinion, if having a Typography option on Image block makes sense.

No, I don't think it does.

We do have the ability to style captions within theme.json — that should probably be exposed within Global Styles in the Elements panel instead.

"styles": {
	"elements": {
		"caption": {
			"color": {
				"text": "#111111"
			},
			"typography": {
				"fontSize": "0.8rem",
				"lineHeight": ".7",
				"textTransform": "uppercase"
			}
		}
	}
}

[scruffian]

Can you give a context when this would be useful?

[richtabor]

Can you give a context when this would be useful?

The idea is to be able to set a different caption font size on a per-image basis.

I don't think we should have font size for captions on individual image blocks — but rather expose figcaption element styling within Global Styles.

[richtabor]

@Mamaduka I think we're good to close this out, now that caption support is added to Global Styles via #49141?

I don't foresee further implementing image-specific caption size controls. Site-wide control is pretty nice in #49141 though.

[Mamaduka]

I'll close the PR. Thanks for contributing, @hbhalodia!