Post Tags: Feature Parity for Customization

[jeyip]

Description

This PR addresses a task in #21087 and is meant to add feature parity to FSE blocks. This adds settings (and some necessary restructuring/styles to support) text alignment and the experimental flags for color, fontSize, and lineHeight.

How has this been tested?

Tested on local docker wp-env environment.

1. Create a post and add tags in the settings sidebar
2. Navigate to the site editor
3. In the template dropdown, navigate to the recently created post
4. Add the post tags block
5. Verify that the correct tags are applied
6. Verify that we can modify the following for the post tags block:

• font color
• font size
• line height
• text alignment
• link color
• background color

Screenshots

Types of changes

New feature (non-breaking change which adds functionality)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[vindl]

@jeyip I'm guessing this one just needs to be rebased when #24082 is merged and it will be ready for review?

[Addison-Stavlo]

Since there is currently no style hook for textAlign, we will need to ensure the proper class is added in the index.php file for this block.

Similar to:

gutenberg/packages/block-library/src/post-comments/index.php

Lines 34 to 37 in 799e355

	$classes = 'wp-block-post-comments';
	if ( isset( $attributes['textAlign'] ) ) {
	$classes .= ' has-text-align-' . $attributes['textAlign'];
	}

[jeyip]

Note:

Continuing the discussion that @Addison-Stavlo brought up here #24082 (comment), it seems like we'll need some design input about what the behavior of post tags when some tags cannot be found.

Some ideas:

1. Notify the user that some tags couldn't load and render nothing
2. Notify the user that some tags couldn't load and render the tags that we can find

After more consideration, we'll be handling these concerns at a later date.

[vindl]

LGTM

[StefanXhunga]

Thank you