HTML Attributes Customizer for Blocks
Try in Playground — opens WordPress Playground with this plugin installed and lands on the Add Post editor. HTML Attributes Customizer for Blocks adds an HTML attributes panel in the block sidebar. Enter one attribute per line as name="value" (double quotes), or a boolean attribute as a single name
Try in Playground — opens WordPress Playground with this plugin installed and lands on the Add Post editor.
HTML Attributes Customizer for Blocks adds an HTML attributes panel in the block sidebar. Enter one attribute per line as name="value" (double quotes), or a boolean attribute as a single name (for example inert ).
Attributes are stored on the block as JSON objects: htmlbacAttributes and htmlbacInnerAttributes (for example {"fetchpriority":"high","data-nolazy":"0"} ). Boolean flags use true .
Merging: Duplicate names on multiple lines are combined. Values merge with spaces (semicolons for style ). class merges with the block’s existing classes instead of replacing them.
Variables: Use tokens such as {{post.title}} or {{user.auth_status}} inside quoted values. They are replaced when the block renders on the front end.
Screenshots & previews.
- 01Upload the plugin folder to /wp-content/plugins/block-attr-customizer/ .
- 02Activate through Plugins in WordPress.
- 03Edit a block, open the sidebar, and expand HTML attributes .
Frequently asked questions.
Can I try this without installing it?
Yes. Use Try in Playground . It starts a temporary WordPress site in the browser, activates the plugin, and opens the block editor.