Blocks: Use get_block_wrapper_attributes for class attributes

[n7studios]

Summary

For blocks (broadcasts, form trigger, product button), uses WordPress' get_block_wrapper_attributes method to define the block's class attributes automatically, based on a number of built-in block editor properties (text, link and background color). WordPress will automagically build CSS styles specific to each block based on these properties, removing the need for inline styles.

Previously, code would manually build a _css_classes key in the block's attributes, outputting in the class attribute. This is inflexible for adding support for built-in block properties in the future (such as margin, padding and block spacing, which builds on this PR here).

Inline styles are still added to shortcodes, Elementor widgets and Divi modules, as these aren't part of the block editor.

This opens up supporting additional native block properties, such as margin and padding, added in this PR.

Testing

Existing tests pass. Confirmed no regressions in output between main branch and this PR, as well as confirming output the same for both blocks and shortcodes:

Blocks:

Shortcodes:

Tests testBroadcastsBlockParameterEscaping, testFormTriggerBlockParameterEscaping and testProductBlockParameterEscaping are removed, as inline styles on blocks are no longer needed. Parameter escaping tests for styles on e.g. shortcodes remain.

Checklist

• I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

[github-actions]

WordPress Playground

🚀 Your PR has been built and is ready for testing in WordPress Playground!

Click here to test your changes in WordPress Playground